TreeLib: A collection of high-quality tree photographs for educators, students and lay persons.
Home Page: https://treelib.ca
TreeLib is a dendrology website with curated high-quality tree photographs for educators, students and lay persons.
It uses Flickr (with their API) as a CDN for images.
The website was originally written in [ Ruby // Sinatra // MySQL // React ] between 2015-2016. It's all hand rolled with "caching" (sort of), SQL, a db client, etc.. It works really well actually, but I've been inspired to rewrite it in Elixir so that it's more maintainable and stable.
It would be helpful to enhance the way pictures are viewed.
For example, on clicking on a picture, rather than going up the screen to open it, rather open it in front of the other pictures (ie, with them in the background).
Possibly consider that if one hovers the mouse over a picture that it enlarges 2x or 3x?
When I open any species I have edited by adding a picture, etc (Aesculus californica, Cercidiphyllum japonicum), the scripts to the pictures do not appear. I have tried deleting the species and re-importing, but still no scripts.
At this point, quite a few species no longer have scrips attached.
I also emptied my cache and then tried again, but still no scripts.
When one clicks a species on ipad, the pictures do not scroll (ie, they are locked in place). To unlock, one must to to full-screen first and then back, and it then works.
And it needs some rework in the individual f/g/s pages
When I put in a dash, such as 6 cm - 8 cm, the dash appears as a small box.
A Quick Search for trees would be very helpful.
Example: https://selectree.calpoly.edu/
When looking at pictures in a species, if I click on a picture, then tray to go forward and backward using < and >, the forward arrow does not work.
When the input empty, show the full list again.
Consider a reset button.
otherwise you might delete all the photos
.photoviewer .image .imageWrapper img {
border: 1px solid #444;
max-height: 550px;
width: 100%;
}
should fix it
When in Family or Genus, 12 or so random photos used to be displayed, with a button at the bottom to generate new random photos. This is not configured, with now having too many photos and not generating new ones.
Okay so couple things from initial look through:
1.<title>Treelib</title> pretty short title not super descriptive you can probably make this a lot better by adding like a - and then like a short 100 characters worth of description
2. This could also be increased characters You can have max up to 255 more the better
3. You may want to look into getting rid of the fact that all your page content is set with window.pageData = { blah... } and not within the actual html within h1, p, h2 tags etc. This will hurt ya for bing yahoo etc, google is fairly smart and can handle it. I would consider making each phylum or whatever its called a separate page instead of having it all just wthin one page if you wanted to get higher rankings for bing/yahoo. Just because then they find more value in each page with small tidbits of information about each subject. Increasing your page rankings for those specific keywords.
Like for example if you had a page for Aceraceae and you had all that iniformation within proper p tags and all that withiin the page source you would kill it because google would realize that you are specifying that specific content. One big thing is the fact that you have no tags within the page source other than simple meta tags. You will get wrecked with bing yahoo, duckduckgo etc. (edited)
Dawson Walker 2:58 AM
2:59
only the search page needs to be react, all other pages should be converted to SSR templates
this above change would also make it easier to assign and maintain admin roles
revamp the login process to use an email with verification token system
once the only react page is search, then we replace that page with updates react code
start tracking 起案者 and 編集者 for things
In Admin, the genus and species names are not in alphabetical order
I tried sending a link to treelib through whatsapp and no banner was scraped.
Current searching only results in listing some of the items, but I need this expanded to include all items (e.g., if searching Pine, to list all titles with 'pine' in them). This should work on computer and all other devices, including phone.
I would also like you check that the scrolling works so that I can scroll up and down them to pick the one I like. Scrolling currently does not work well on the phone.
The name of photo is now the Latin name plus a number (like 'Pinus contorta-01'). An improvement eventually would be to put in the Latin name in italics, and then maybe (1 of 3) perhaps?
Places using Treelib photos:
When trying to add a new species or genus, "Response is not ok". They cannot be created.
This is becoming a problem as I now have 20 species that I cannot display.
On the Administration page, Family is alphabetically ordered, but Genus and Species are randomly sorted.
Scrolling on other devices is not smooth.
The LARGE TEXT Family name above the red line is a bit too heavy (thick). Turn off bolding maybe?
in the search side bar, family is by convention not italicized.
On the ABOUT page, first line, could you increase the number of species from 260 to 380? Thanks.
Species links on right of screen do not yet connect.
When I import a picture form Flickr, that has a caption of "last year's cones", on TreeLib.ca, is come out as "last year"s". i.e., the r's becomes an r"s.
If I press Hide, everything goes full-screen but I cannot see the Unhide button properly.
When I do a Quick Search of the family Fabaceae, a list of the genera appears in the genera column (center or screen). On the right side of the screen, another list of the genera appears (in the family description). This second list is not in the right order, and the general do not click through.
Sorry on Prtscn, but how do I attach one? The Prtscn on my keyboard does not add a screen as I normally do a copy and past.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.