Tech Blog & Cheatsheets

I wanted something where I remember all the neat little code snippets I've created or find so I don't have to rewrite them in the future.

I will be rebuilding my website using the madrilene/eleventy-excellent as a guiding template. Most likely forking it and modifying it. I will also be using rothsandro/eleventy-notes's project as there is a lot of functionality therein that I want to use on my website.

Features & Enhancements

• Website
  • Fix favicon
  • Pagination on the category pages
• Optional Features
  • Icon functionality set in frontmatter
  • Description for landing pages in frontmatter
• Description under the category name on the category page
  • https://tech.libresinn.com/cheatsheets/dotfiles/
  • Dotfiles
  • {{SOME DESCRIPTION}}
• Both blog & examples need to have a related section at the bottom
  • Tags page
  • Callouts
• Image management
  • Since I will also be using this website to house my blog I will want to handle images a little differently. To be researched.

Directory reorganization

Main

Once the feature/reorg pull request is merged I plan to further reorganize the folder structure. The root level structure will be thus

./
  .github/workflows/

  docs/
    - deployment.md
    - installation.md
    - ...

  assets/
    css/
    fonts/
    images/
    og-images/
    scripts/
    svg/

  includes/
    head/
    partials/
    schemas/
    webc/
  
  common/
    404.njk ...

  config/
    layouts/
    data/
    includes/
    scripts/
    11ty/
      events/
      filters/
      plugins/
      setup/
      shortcodes/
      utils/
        collections.js
        ignores.js
      eleventy.config.js
      prettier.config.js

  content/
    pages/
      about.njk (include resume)
      blog.njk
      index.njk
      legal.njk
      privacy.njk
      styleguide.njk

    cheatsheets/
      ## My cheatsheets because I wanna be dope as heck

    blog/
      ## Blog item's n' shit. All that good stuff yo
    
    philosophy/
      ## Still unsure about this
      ## Some stuff to talk about that comes with full examples

    projects
      ## Projects I'm actively working on or stuff that I find interesting
      ## Will include a ton of ramblings and half notes.

    index.njk
    robots.njk
    sitemap.njk

  .editorconfig
  .gitignore
  LICENSE
  README.md
  package*.json

Nested Cheatsheets

I am changing how the cheatsheets are loaded and whatever in this website. I want the ability to

├── browser
│  ├── css
│  ├── dom
│  └── html
├── javascript
│  ├── array
│  ├── date-time
│  ├── function
│  ├── functional-programming
│  ├── libraries
│  │  ├── express
│  │  └── jest
│  ├── math
│  ├── misc
│  ├── number
│  ├── object
│  ├── random
│  ├── recursion
│  ├── reduce
│  ├── string
│  ├── typescript
│  └── validator
├── robots.njk
├── sitemap.njk
├── sql
└── subsystem
  ├── bash
  └── dotfiles

Useful Articles

• https://www.zachleat.com/about/
• https://eleventy-notes.sandroroth.com/
• https://www.aleksandrhovhannisyan.com/blog/custom-markdown-components-in-11ty/
• https://dev.to/psypher1/lets-learn-11ty-part-3-collections-shortcodes-macros-p0a
• https://v0-7-1.11ty.dev/docs/shortcodes/
• 11ty/eleventy#2289
• https://www.11ty.dev/docs/plugins/render/#renderfile
• Implementing categories • pborenstein.dev
• Featured Post Images
• 11ta/11ta-template
  • I like the blog landing page theme