Code Monkey home page Code Monkey logo

jtof.dev's Introduction

jtof.dev

  • welcome to the github repo for jtof.dev!
  • jtof.dev is 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 CNAME file containing the jtof.dev url

jtof.dev/cookbook

  • I store all of my recipes in obsidian, in a standard markdown format
  • I convert all my recipes to html pages with all the custom formatting using src/main.rs
    • this script can be called with cargo run from the cookbook/ folder
    • this script also gets automatically called using git hook's

jtof.dev/cookbook/src

  • this folder holds the main.rs script, and the .html files that the script pulls in
    • the html headers and footers are used to cobble together html pages for each recipe

light and dark mode

  • light and dark mode is controlled by a localStorage javascript variable which is checked at load time
    • light and dark mode respectively set a light-mode or dark-mode class on the <body>
    • all the color changes are handled by css snippets that check this body class:
body.light/dark-mode class {
    css
}

mobile view

  • a section of styles.css checks 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
    }
}

to do

  • add a tertiary color for h3 and smaller headers
  • clean up all css files, so that they are reordered in a more straightforward way
  • 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, and notes button on one line, and the title of the recipe on the next line - the download should link to a recipe.md that has the tags section removed (probably in a recipes/ folder inside cookbook)
  • update main.rs to add target="_blank" to the source links at the bottom of recipes (if possible)
  • bugfix localStorage not always remembering correctly on page back and forward

jtof.dev's People

Contributors

jtof-dev avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.