- welcome to the github repo for jtof.dev!
jtof.devis powered by github pages through a handful of domain records (you can find the documentation for this here):
| type | domain name | content |
|---|---|---|
| A | jtof.dev | 185.199.108.153 |
| A | jtof.dev | 185.199.109.153 |
| A | jtof.dev | 185.199.110.153 |
| A | jtof.dev | 185.199.111.153 |
| AAAA | jtof.dev | 2606:50c0:8000::153 |
| AAAA | jtof.dev | 2606:50c0:8001::153 |
| AAAA | jtof.dev | 2606:50c0:8002::153 |
| AAAA | jtof.dev | 2606:50c0:8003::153 |
| ANAME | jtof.dev | jjtofflemire.github.io |
| TXT | challenge subdomain.jtof.dev |
verification code |
| CNAME | www.jtof.dev | jjtofflemire.github.io |
- as well as a
CNAMEfile containing thejtof.devurl
- I store all of my recipes in obsidian, in a standard markdown format
- I convert all my recipes to
htmlpages with all the custom formatting usingsrc/main.rs- this script can be called with
cargo runfrom thecookbook/folder - this script also gets automatically called using
git hook's
- this script can be called with
- this folder holds the
main.rsscript, and the.htmlfiles that the script pulls in- the html headers and footers are used to cobble together html pages for each recipe
- light and dark mode is controlled by a
localStoragejavascript variable which is checked at load time- light and dark mode respectively set a
light-modeordark-modeclass on the<body> - all the color changes are handled by css snippets that check this body class:
- light and dark mode respectively set a
body.light/dark-mode class {
css
}
- a section of
styles.csschecks the screen width, and applies css changes when there are less than a certain number of pixels:
@media screen and (max-width: {number}px) {
class {
css
}
}
- add a tertiary color for
h3and smaller headers - clean up all
cssfiles, so that they are reordered in a more straightforward way- I will probably use a pastel pink for dark mode, and a pink from the gruvbox light theme
- add a download button to the header of the recipes
- now the header will probably look like:
home button,theme toggle, a gap,download button, andnotes buttonon one line, and the title of the recipe on the next line - the download should link to arecipe.mdthat has thetagssection removed (probably in arecipes/folder insidecookbook) - update
main.rsto addtarget="_blank"to thesourcelinks at the bottom of recipes (if possible) - bugfix
localStoragenot always remembering correctly on page back and forward