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

[Tutorial] Replacing Caps Lock with Em Dash and En Dash in Linux

replacing the function of the caps lock button with something useful

Capslock key
The Caps Locks key: A conveniently well-placed button with an outdated and generally useless function.

I wanted to replace my Caps Lock with Em Dash and En Dash? Why? Well, I rarely use Caps Locks. It's a waste of keyboard real estate, and usually the Shift button would suffice.

Note: I am using Linux Mint 18.3 Sylvia, but this tutorial should work for all versions of Linux Mint and Ubuntu.

There are 2 main ways that we can change the Caps Lock function on Mint. One way is to edit/create a completely new XKB layout. The second way is to use xmodmap which changes the keys of an existing layout. I chose the second option because I would have to edit the XKB file for every new keyboard language and keyboard variant.

For me, the first step is to figure out what key the cap locks key is labeled as on the computer. If you are using a US keyboard layout, most likely it is keycode 66, but it's always good to double check.

So open your terminal (you can open it by typing in the shortcut ctrl+alt+t) and type:

xev

Now, now when you press a key, it states what button is being pressed. So when you press your Cap Locks button, it should show something similiar to the following:

KeyRelease event, serial 37, 
synthetic NO, window 0x6200001, 
root 0x146, subw 0x0, time 22321379, 
(-110,231), root:(476,530), state 0x0, 
keycode 66 (keysym 0xaa9, emdash), 
same_screen YES, 
XLookupString gives 3 bytes: (e2 80 94) "—" XFilterEvent returns: False

What we are looking for is the keycode. On my computer, keycode 66 is my cap locks key (This is the caps lock button for most keyboard layouts).

Now we have to make a file to replace the Caps Lock key with the Em-Dash and En-Dash. (You can also use this file to remap any other keys as well.)

We need to make a new file, so open up your favorite terminal text-editor. I like nano. If you still have the xev window open, close it and type:

nano ~/.Xmodmap

Some distros automatically will open this file on startup, so my recommendation is to name it exactly .Xmodmap (case-sensitive). We do not need to be in root because we are making a file in the home folder.

Now, we need to write the following in the file.

clear Lock
keycode 66 = 0xaa9 0xaaa

The clear Lock clears away any caps lock function existing in the keyboard. Now we need to associate the caps lock button with the em dash (—) and en dash (–) symbol. The second line associates the keycode 66 button with em dash (0xaa9) symbol and the shift modifier with the en dash (0xaaa). Once you are done, exit by pressing ctrl+x in nano, type y for yes to save, and then press enter.

Test it out. Type in your terminal:

xmodmap ~/.Xmodmap

If everything was done correctly, your cap locks key should type em dash, and when you shift, it should be an en dash.

If you want to reset the keyboard back to normal, type the following in the terminal:

setxkbmap -layout us

Lastly, we need to make sure that this command will be performed after every reboot. On Mint, you open up the application Preferences>Startup Applications. Press the add button and click on 'custom command'. Add the code xmodmap ~/.Xmodmap into your custom command. (For troubleshooting, try to add the actual home address. Something like xmodmap /home/yourusername/.Xmodmap. Add title and descriptions (whatever you want). Before you save and close, one more thing. For the delay, type in "1". If you leave it at "0", it won't work. At all. I don't know exactly why it doesn't work (though I do have some reasonable guesses as to why).

Save, restart your computer, log in, and see if it works. It should work pretty much instantly.

Read Comments