feat: Update pages

Author: MichaelCurrin

cheatsheets/jekyll/code-blocks/basics.md

@@ -1,22 +1,19 @@
 ---
-title: Basics
 description: Backticks vs highlight tag
-render_with_liquid: false
 ---
+# Basics
 
 ## Markdown code blocks
 
 This works in Jekyll and plain markdown too.
 
 Code:
 
-{% highlight markdown %}
-```ruby
-def foo
-  puts 'foo'
-end
-```
-{% endhighlight %}
+    ```ruby
+    def foo
+      puts 'foo'
+    end
+    ```
 
 Result:
 
@@ -75,7 +72,28 @@ def foo
 end
 {% endhighlight %}
 
-Unfortunately this renders poorly in Minima as it becomes a table - the width must be reduced to not be 100% and there are borders must be removed.
+Unfortunately this renders poorly in Minima as it becomes a table - the width must be reduced to not be 100% and there are borders must be removed:
+
+Code:
+
+```html
+<style>
+.rouge-table {
+	width: initial;
+}
+table {
+	border: none;
+}
+table td {
+	border: none;
+}
+td pre {
+	border: none;
+}
+</style>
+```
+
+<!-- Hidden on frontend -->
 
 <style>
 .rouge-table {

cheatsheets/jekyll/plugins/standard.md

@@ -1,8 +1,7 @@
 ---
-title: Standard plugins
 description: How to add common plugins to your site
-render_with_liquid: false # Jekyll 4 only
 ---
+# Standard plugins
 
 {% raw %}
 These are useful to add for most sites and work on GH Pages.
@@ -25,7 +24,7 @@ These are useful to add for most sites and work on GH Pages.
 	- > The plugin will automatically generate an Atom feed at /feed.xml.
 - Produce an feed of posts.
 	- If you don't have a `_posts` directory, this won't be useful for you.
-	- But useful for consumers of your blog add to their reader tools. 
+	- But useful for consumers of your blog add to their reader tools.
 	- This uses _Atom_ and not _RSS_, which is explained why in the docs.
 - Follow the docs to configure.
 - After installing, add to your `head` HTML tag such as in `_layouts/default.html`.
@@ -35,11 +34,11 @@ These are useful to add for most sites and work on GH Pages.
 
 Sample:
 
-- `index.html` 
+- `index.html`
 	- The reason for the metadata is to generate a tag like this from [/michaelcurrin.github.io/jekyll-blog-demo](https://michaelcurrin.github.io/jekyll-blog-demo/).
 	```html
-	<link type="application/atom+xml" rel="alternate" 
-		href="https://michaelcurrin.github.io/jekyll-blog-demo/feed.xml" 
+	<link type="application/atom+xml" rel="alternate"
+		href="https://michaelcurrin.github.io/jekyll-blog-demo/feed.xml"
 		title="Jekyll Blog Demo" />
 	```
 - `feed.xml`
@@ -88,11 +87,11 @@ Sample:
 	<meta property="og:locale" content="en_US" />
 	<meta name="description" content="A collection of code snippets and CLI guides for quick and easy reference while coding" />
 	<meta property="og:description" content="A collection of code snippets and CLI guides for quick and easy reference while coding" />
-	
+
 	<link rel="canonical" href="https://michaelcurrin.github.io/dev-cheatsheets/" />
 	<meta property="og:url" content="https://michaelcurrin.github.io/dev-cheatsheets/" />
 	<meta property="og:site_name" content="Dev Cheatsheets" />
-	
+
 	<script type="application/ld+json">
 	{
 		"description": "A collection of code snippets and CLI guides for quick and easy reference while coding",

cheatsheets/jekyll/whitespace.md

@@ -1,7 +1,7 @@
 ---
-title: Whitespace
 render_with_liquid: false
 ---
+# Whitespace
 
 ## Variable
 

cheatsheets/markdown/html.md

@@ -1,7 +1,6 @@
----
-title: HTML
-render_with_liquid: false
----
+# HTML
+
+{% raw %}
 
 > How to add HTML tags to your markdown files
 
@@ -194,3 +193,5 @@ Or use ensure every line starts with an opening tag.
     <p>C</p>
     <p>D</p>
 </div>
+
+{% endraw %}

cheatsheets/vscode-extensions/index.md

@@ -1,9 +1,9 @@
 ---
-title: VS Code Extensions
 description: From how to develop an extension all the way to publishing it
 layout: listing
 logo: visualstudiocode
 ---
+# VS Code Extensions
 
 If you are new to developing an extension, see one of the _Beginner_ links in the Resources section.