Chris Najman's repositories
journal-with-local-storage-v2
A simple journal that stores entries in local storage. Entries can be edited or deleted. V2 adds image uploading to a journal entry.
journal-with-local-storage
A simple journal that stores entries in local storage. Entries can be edited or deleted.
grid-flexbox-page-layouts
Three-row template using CSS Grid or Flexbox for laying out header, main and footer.
accessible-dark-mode-toggle-button
An accessible dark mode toggle button using the ARIA-pressed attribute
multi-form-demo
Demo in which input is passed from the forms on steps 1, 2 and 3, to Step 4 (Finishing Up) where a total price is calculated. Input choices can be changed before final submission.
images
Test to see if I can embed images in a README file generated from index.html. Test to see if JavaScript DOM styling and CSS have any effect on the README. They don't.
bookmark-landing-page
Response to the Frontend Mentor Bookmark landing page challenge.
job-list
Job listings pulled in via .json file. Use of :has(), clamp() and nesting in CSS. Includes a dark mode theme switcher.
rest-countries-api
"REST Countries API with colour theme switcher" challenge by Frontend Mentor.
self-hosting-fonts
How to self-host Google Fonts on a web page.
svg-sprite
Package multiple svgs into one external file
accessible-accordions
Single and multiple item(s) accessible accordions.
hardy-weinberg-equilibrium-model
A discussion of the Hardy-Weinberg equilibrium model. Includes a calculator for getting the genotype, allele and phenotype frequencies.
full-bleed-alternate-rows
Using CSS box-shadow and clip-path to produce full bleed rows.
shopping-cart-modules-async
Shopping cart which persists over multiple pages (using session storage)
sortable-todo-list
Sortable, drag-and-drop to do list, with edit, complete and delete functionality. Saves to local storage.
baltimore-classification
Slideshow of the seven classes of viral genomes as defined by the Baltimore Classification of Viruses. The slides show an example virus for each class.
sars-cov-2-covid-19-vaccines
SARS-CoV-2 and Oxford-Astrazeneca / Pfizer/BioNTech vaccine pathways. Also describes immune responses, both to the vaccine itself and to post-vaccination viral invasion.
genetic-drift
A discussion of the the effects of genetic drift. The page includes a simulator for charting different genetic drift scenarios.
git-notes
Review of basic processes, resolving simple merge conflicts....