The Cactapedia (Cactus Encyclopedia)
CodingCactus (2095)

Was originally, just a bit of a joke, but I decided to continue it a bit more, because pretty much anything is better than just sitting around during lock down.


So, here is the beginning of The Cactapedia. I started with doing lots of cacti alphabetically (2), but then decide to just do the ones that I thought looked pretty cool.


Here is @ChezCoder's version of it, with extra JS functionality:
https://Cactapedia.chezcoder.repl.co


Edit: Added Prickly Pear (Opuntia ficus-indica). Suggested by @NoelBryan.
Edit2: Added Cylindropuntia cholla. Suggested by @ipastrano.
Edit3: Added Parodia leninghausii. Suggested by @LizFoster.
Edit4: Added Candelabra Cactus (Myrtillocactus Cochal), Corynopuntia Invicta, Red Torch Cactus (Echinopsis Huascha). Suggested by ME.
Edit5: Added Astrophytum asterias. Suggested by @Warhawk947.
Edit6: Added more readable font option on home page. Suggested by @Nettakrim.
Edit7: Added Golden Barrel (Echinocactus grusonii) and Hedgehog Cactus (Echinocereus engelmannii). Suggested by @IndyCarter.
Edit*: Added Peyote (Lophophora williamsii). Suggested by @DannyIsCoding


Any suggestions for cacti to be added are more than welcome :)

You are viewing a single comment. View All
noszczykmichal (2)

Cool job, but I would recommend you changing the colors on the sections because on the this background image, yellow letters are hardly visible.

CodingCactus (2095)

@noszczykmichal Yellow has been the best colour that I have tried, do you have any other colours that I could try?

noszczykmichal (2)

@CodingCactus
change few things:
.two and a{color: darkblue}
html{background-size: 200%;}

In this way, there's more gray color on your background, and yet the cacti are visible on it. But because the background is less motley no matter what font color you will choose the text will be more readable. The old way spoils all of your job.

CodingCactus (2095)

@noszczykmichal thanks, done that looks good now, but 190% background because I want MORE CACTI

🌵🌵🌵