Giter Site home page Giter Site logo

my-blog-v2's Introduction

Personal Website

Netlify Status

This my personal website built on Zola.

Docs

This documentation is mainly for me to remember how I built this later on.

Custom Shortcodes

100 Days to Offload

This shortcode is to provide the context around the #100DaysToOffload challenge in each post that's apart of that "series".

Args:

  • number - Used to manually increment the post numbers associated with the challenge.

Usage

{{ offload(number = 1) }}

<!-- OUTPUT RESULT -->
<blockquote style="background: #3b4252; font-style: normal; margin-left: 0; border: 1px solid #EBCB8B;">
  <h4 style="margin: 0 0; font-weight: bold;">100 Days to Offload Challenge</h4>
  This is post 1 as part of the <a href="https://100daystooffload.com">#100DaysToOffload</a> challenge.
  The point is to write 100 posts on a personal blog in a year. Quality isn't as important as quantity so some posts may be a little messy.
  <a href="http://127.0.0.1:1111/tags/100daystooffload/">Read other posts</a>&nbsp;in this challenge.
</blockquote>

my-blog-v2's People

Contributors

juliusdelta avatar

Watchers

 avatar

my-blog-v2's Issues

Add Blogroll page

I should add a blog roll page of interesting blogs I follow from peers and other sources. It's imparative they have a working RSS feed and I should link to both.

Add this to the nav as well as a fourth element. Will hardcode the 4th element until entire sections can be ignored.

CSS Hamburger Menu Mobile

After #1 gets merged, I need to add a CSS hamburger menu for the mobile experience. Right now it's not the greatest. I should also use this as an opportunity to enhance the mobile experience as best I can.

I'm no designer but what I've set up here should work pretty well for it.

Refactor CSS & Templates

The template markup needs some love. It would probably be best to abstract repeated sections of lists into Tera Macros. Also, the CSS needs some love, it's very very jumbled now and it can probably be handled better as it was kind of just hacked together.

A few guidelines on top of mind right now:

  • CSS is not utility classes.
  • Make selectors more coherent and logical
  • Abstract what I can
  • Evaluate need for any css minification tooling

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.