Updates MWF

Test Blog Post

Details on the full capabilities of Spectre.css can be found in the Official Spectre Documentation

The Quark theme is the new default theme for Grav built with Spectre.css the lightweight, responsive and modern CSS framework. Spectre provides basic styles for typography, elements, and a responsive layout system that utilizes best practices and consistent language design.

Headings

H1 Heading 40px

H2 Heading 32px

H3 Heading 28px

H4 Heading 24px

H5 Heading 20px
H6 Heading 16px
# H1 Heading
# H1 Heading `40px`</small>`

<span class="h1">H1 Heading</span>

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.

Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.

Markdown Semantic Text Elements

Bold **Bold**

Italic _Italic_

Deleted ~~Deleted~~

Inline Code `Inline Code`

HTML Semantic Text Elements

I18N <abbr>

Citation <cite>

Ctrl + S <kbd>

TextSuperscripted <sup>

TextSubscxripted <sub>

Underlined <u>

Highlighted <mark>

<time>

x = y + 2 <var>

Blockquote

The advance of technology is based on making it fit in so that you don't really even notice it, so it's part of everyday life.

- Bill Gates

> The advance of technology is based on making it fit in so that you don't really even notice it,
> so it's part of everyday life.
>
> <cite>- Bill Gates</cite>

Unordered List

  • list item 1
  • list item 2
    • list item 2.1
    • list item 2.2
    • list item 2.3
  • list item 3
* list item 1
* list item 2
    * list item 2.1
    * list item 2.2
    * list item 2.3
* list item 3

Ordered List

  1. list item 1
  2. list item 2
    1. list item 2.1
    2. list item 2.2
    3. list item 2.3
  3. list item 3
1. list item 1
1. list item 2
    1. list item 2.1
    1. list item 2.2
    1. list item 2.3
1. list item 3

Table

Name Genre Release date
The Shawshank Redemption Crime, Drama 14 October 1994
The Godfather Crime, Drama 24 March 1972
Schindler's List Biography, Drama, History 4 February 1994
Se7en Crime, Drama, Mystery 22 September 1995
| Name                        | Genre                         | Release date         |
| :-------------------------- | :---------------------------: | -------------------: |
| The Shawshank Redemption    | Crime, Drama                  | 14 October 1994      |
| The Godfather               | Crime, Drama                  | 24 March 1972        |
| Schindler's List            | Biography, Drama, History     | 4 February 1994      |
| Se7en                       | Crime, Drama, Mystery         | 22 September 1995    |

Notices

The notices styles are actually provided by the markdown-notices plugin but are useful enough to include here:

This is a warning notification

This is a error notification

This is a default notification

This is a success notification

! This is a warning notification

!! This is a error notification

!!! This is a default notification

!!!! This is a success notification

Read Comments

Image Naming and Formatting

I've been debating how to file and organize my images, and I still don't have a firm conclusion. There are two possible options:

  1. Organize the images in the same folder as each individual post. [Grav's Default]
  2. Organize all the images in the same folder.

I still have not decided which is the best option, but I am leaning towards the second one. However, the first option is extremely desirable because it's easy to view, upload, and add the pictures into the post using built-in tools of their CMS.

Picture Format

Wherever the images will be placed, the naming system will be consistent.

Naming Structure

The naming structure will start with a 3 digit number, a dash, and then a 2-4 word description of the image followed by the file extension. For example, here are some example file name structures.

  • 001-testpost.jpg
  • 002-startrekisawesome.jpg
  • 010-monkeysvsgorillas.jpg

While the original image will have a much higher quality picture, the front end image (image in the post seen by visitors) will typically have a 3:2 aspect ratio with a resolution of 600 x 400.

Read Comments

Categories and Tags

The blog is organized in two different ways: File Structure and Categories/Tags. While both are related, they actually serve two different purposes.

File Structure

The file structure system used to organize the blog for either a databaseless system" or a static website. As in, if I ever plan to move away from a database to a static website that only uses CSS and HTML, the structured this blog makes this transition seamless.

Menu Bar
You can look through the front end file structure yourself by clicking through the title menu and seeing how the pages and posts are organized.

Categories/Tags

The use of Categories and Tags is a nod towards the mighty Wordpress. It is used to organize the blog in a database system. So, if I ever want to transition to Wordpress as well, it won't be too much work. All the necessary aspects of the blog are already set in place. All I need to do is copy and paste.

Search Bar and Popular Tags
You can navigate through the database using the database through the 'Search Bar' or the 'Popular Tag' on the sidebar in the blog page.

Grav

The current Content Management (CMS) that I use is Grav. It's wonderful, wonderful, and suits my needs. One reason why I like this CMS so much is because it cleverly uses a flat-file database. For me, Its the best of both worlds. It's fast, adaptable, and not too steep of a learning curve.

Database Structure

The Categories and Tags system is extremely simple. The categories are the main topics of the blog. At minimum, they will always be one, and at most, there will be three. They are all the names in the blog's menu bar. If you want to see the complete list of categories, they are the following:

Categories

  • Series
    • Crown of Solstice
    • Rogues of Fortune
  • Essays
  • Projects
    • Book Design
    • Fitness
    • Cooking
    • Family History
    • Minimalism
  • Appendix
    • Blog Standards Manual
    • Resources
    • Tutorials
    • Lists and Rubrics
    • Notes

Tags

The tags will always include the Categories as well as a spattering of other tags which may include the following:

  • Journal
    • Poetry
    • Reflection
    • Economics
    • NPR
  • Series
    • Fiction
    • NonFiction
    • Fantasy
    • Science Fiction
  • Fitness
    • Wendler 5x5
    • Starting Strength
  • Minimalism
    • Green Living

Read Comments

Blog: Updates and Change Log

Change Log Icon
Current Changelog

Past and Recent Changes

Current Version: Version 0

"There's still quite a bit of editing from the back end of my blog before I feel satisfied to leave it alone.

Here are some immediate I needs I need to work on:

Major Updates

Here are a few of my updates and changes needed to get the blog up and running.

  1. Add Commnt System
  2. Add UML Support
  3. Fix CSS stylings
  4. Fix Mobile Blog Menu
  5. Finish Writing Formatting Guide.

Specifically, I still need to figure out how to organize the naming system for images as well as their DPI and aspect ratio. Lastly, there is no image gallery to independently organize blog images, so I need to make a tutorial showing how to move, edit, and organize photos using SSH.

I also need to write some sort of front matter [https://gohugo.io/content-management/front-matter/] for all my posts to help with organization.

Blog Version

This blog is currently on Version 0. Description of blog versions is shown below: Version 0 - Building Underlying Structure of Blog Version 1 - Blog's Maiden Voyage!

Read Comments