diff --git a/_data/fonts.json b/_data/fonts.json
new file mode 100644
index 000000000..7735419f8
--- /dev/null
+++ b/_data/fonts.json
@@ -0,0 +1,299 @@
+{
+  "fonts": [
+    {
+      "unpatchedName": "3270",
+      "patchedName": "3270",
+      "imagePreviewFont": "3270 Nerd Font",
+      "linkPreviewFont": "font3270",
+      "description": "derived from the x3270 font, a modern format of a font with high nostalgic value"
+    },
+    {
+      "unpatchedName": "AnonymousPro",
+      "patchedName": "Anonymice",
+      "imagePreviewFont": "Anonymice Nerd Font",
+      "linkPreviewFont": false,
+      "description": "inspired by Anonymous 9 on Macintosh, since 2009, distinct `O`, `0`, `I`, `l`, `1`"
+    },
+    {
+      "unpatchedName": "Arimo",
+      "patchedName": "Arimo",
+      "imagePreviewFont": "Arimo Nerd Font",
+      "linkPreviewFont": false,
+      "description": "Metrically similar to Arial, pan-European WGL character set, sans serif"
+    },
+    {
+      "unpatchedName": "AurulentSansMono",
+      "patchedName": "AurulentSansMono",
+      "imagePreviewFont": "AurulentSansMono Nerd Font",
+      "linkPreviewFont": "aurulent",
+      "description": "Sans serif, designed by Stephen G. Hartke which also created Verily Serif"
+    },
+    {
+      "unpatchedName": "BigBlueTerminal",
+      "patchedName": "BigBlueTerminal",
+      "imagePreviewFont": "BigBlueTerminal Nerd Font",
+      "linkPreviewFont": false,
+      "description": "nostalgic, closely based on IBM's 8x14 EGA/VGA charset"
+    },
+    {
+      "unpatchedName": "BitstreamVeraSansMono",
+      "patchedName": "BitstreamVeraSansMono",
+      "imagePreviewFont": "BitstreamVeraSansMono Nerd Font",
+      "linkPreviewFont": "bitstream-vera",
+      "description": "dotted zero, compact lowercase characters"
+    },
+    {
+      "unpatchedName": "IBMPlex",
+      "patchedName": "Blex",
+      "imagePreviewFont": "Blex Nerd Font",
+      "linkPreviewFont": false,
+      "description": "todo: font release is currently missing"
+    },
+    {
+      "unpatchedName": "CodeNewRoman",
+      "patchedName": "CodeNewRoman",
+      "imagePreviewFont": "CodeNewRoman Nerd Font",
+      "linkPreviewFont": "code-new-roman",
+      "description": "tunable, slashed zeros, compact smaller characters"
+    },
+    {
+      "unpatchedName": "Cousine",
+      "patchedName": "Cousine",
+      "imagePreviewFont": "Cousine Nerd Font",
+      "linkPreviewFont": "cousine",
+      "description": "similar to Courier New with better readablitiy, dotted zeros"
+    },
+    {
+      "unpatchedName": "DejaVuSansMono",
+      "patchedName": "DejaVuSansMono",
+      "imagePreviewFont": "DejaVuSansMono Nerd Font",
+      "linkPreviewFont": "dejavu",
+      "description": "dotted zero, based on the Bitstream Vera Fonts with a wider range of character"
+    },
+    {
+      "unpatchedName": "DroidSansMono",
+      "patchedName": "DroidSansMono",
+      "imagePreviewFont": "DroidSansMono Nerd Font",
+      "linkPreviewFont": "droid-sans",
+      "description": "good for small screens or font sizes"
+    },
+    {
+      "unpatchedName": "FantasqueSansMono",
+      "patchedName": "FantasqueSansMono",
+      "imagePreviewFont": "FantasqueSansMono Nerd Font",
+      "linkPreviewFont": "fantasque-sans",
+      "description": "\"wibbly-wobbly handwriting-like fuzziness\", takes some inspiration from Inconsolata and Monaco"
+    },
+    {
+      "unpatchedName": "FiraCode",
+      "patchedName": "FiraCode",
+      "imagePreviewFont": "FiraCode Nerd Font",
+      "linkPreviewFont": "firacode",
+      "description": "programming ligatures, extension of Fira Mono font, enlarged operators"
+    },
+    {
+      "unpatchedName": "FiraMono",
+      "patchedName": "FiraMono",
+      "imagePreviewFont": "FiraMono Nerd Font",
+      "linkPreviewFont": "fira",
+      "description": "Mozilla typeface, dotted zero"
+    },
+    {
+      "unpatchedName": "Go-Mono",
+      "patchedName": "Go-Mono",
+      "imagePreviewFont": "Go-Mono Nerd Font",
+      "linkPreviewFont": "go-mono",
+      "description": "created specifically for the Go project, looks particularly clear for use with the Go language"
+    },
+    {
+      "unpatchedName": "Gohu",
+      "patchedName": "Gohu",
+      "imagePreviewFont": "Gohu Nerd Font",
+      "linkPreviewFont": false,
+      "description": "bitmap font, tall capitals and ascenders, small serifs"
+    },
+    {
+      "unpatchedName": "Hack",
+      "patchedName": "Hack",
+      "imagePreviewFont": "Hack Nerd Font",
+      "linkPreviewFont": "hack",
+      "description": "dotted zero, short descenders, expands upon work done for Bitstream Vera & DejaVu, legible at common sizes"
+    },
+    {
+      "unpatchedName": "Hasklig",
+      "patchedName": "Hasklug",
+      "imagePreviewFont": "Hasklug Nerd Font",
+      "linkPreviewFont": "hasklig",
+      "description": "monospaced ligatures, makes composite glyphs (e.g. ->) more reabable, especially in Haskell"
+    },
+    {
+      "unpatchedName": "HeavyData",
+      "patchedName": "HeavyData",
+      "imagePreviewFont": "HeavyData Nerd Font",
+      "linkPreviewFont": false,
+      "description": "Novel and unique design, dotted zero"
+    },
+    {
+      "unpatchedName": "Hermit",
+      "patchedName": "Hurmit",
+      "imagePreviewFont": "Hurmit Nerd Font",
+      "linkPreviewFont": "hermit",
+      "description": "symbols stand out from common text"
+    },
+    {
+      "unpatchedName": "Inconsolata",
+      "patchedName": "Inconsolata",
+      "imagePreviewFont": "Inconsolata Nerd Font",
+      "linkPreviewFont": "inconsolata",
+      "description": "slashed zero, takes inspiration from many different fonts and glyphs, subtle curves in lowercase"
+    },
+    {
+      "unpatchedName": "InconsolataGo",
+      "patchedName": "InconsolataGo",
+      "imagePreviewFont": "InconsolataGo Nerd Font",
+      "linkPreviewFont": false,
+      "description": "Inconsolata with straight quotes"
+    },
+    {
+      "unpatchedName": "InconsolataLGC",
+      "patchedName": "InconsolataLGC",
+      "imagePreviewFont": "InconsolataLGC Nerd Font",
+      "linkPreviewFont": false,
+      "description": "Inconsolata with added the Cyrillic alphabet"
+    },
+    {
+      "unpatchedName": "Iosevka",
+      "patchedName": "Iosevka",
+      "imagePreviewFont": "Iosevka Nerd Font",
+      "linkPreviewFont": "iosevka",
+      "description": "narrow and horizontally tight characters, slashed zero"
+    },
+    {
+      "unpatchedName": "Lekton",
+      "patchedName": "Lekton",
+      "imagePreviewFont": "Lekton Nerd Font",
+      "linkPreviewFont": "lekton",
+      "description": "very light and thin characters, sharp m's, `0` and `O` very similar"
+    },
+    {
+      "unpatchedName": "LiberationMono",
+      "patchedName": "LiterationMono",
+      "imagePreviewFont": "LiterationMono Nerd Font",
+      "linkPreviewFont": "liberation",
+      "description": "`0` and `O` very similar, very short tight descenders"
+    },
+    {
+      "unpatchedName": "Meslo",
+      "patchedName": "Meslo",
+      "imagePreviewFont": "Meslo Nerd Font",
+      "linkPreviewFont": "meslo",
+      "description": "slashed zeros, customized version of Apple's Menlo"
+    },
+    {
+      "unpatchedName": "Monofur",
+      "patchedName": "Monofur",
+      "imagePreviewFont": "Monofur Nerd Font",
+      "linkPreviewFont": "monofur",
+      "description": "dotted zeros, slightly exaggerated curvy characters, compact characters"
+    },
+    {
+      "unpatchedName": "Monoid",
+      "patchedName": "Monoid",
+      "imagePreviewFont": "Monoid Nerd Font",
+      "linkPreviewFont": "monoid",
+      "description": "ligatures, distinguishable glyphs with short ascenders & descenders, large operators & punctuation"
+    },
+    {
+      "unpatchedName": "Mononoki",
+      "patchedName": "Mononoki",
+      "imagePreviewFont": "Mononoki Nerd Font",
+      "linkPreviewFont": "mononoki",
+      "description": "keeps in mind differentiation of characters and resolution sizes"
+    },
+    {
+      "unpatchedName": "MPlus",
+      "patchedName": "MPlus",
+      "imagePreviewFont": "MPlus Nerd Font",
+      "linkPreviewFont": false,
+      "description": "Multiple styles and weights, many glyph sets (e.g. Kana glyphs)"
+    },
+    {
+      "unpatchedName": "Noto",
+      "patchedName": "Noto",
+      "imagePreviewFont": "Noto Nerd Font",
+      "linkPreviewFont": "noto",
+      "description": "`0` and `O` very similar, characters are either very curvy or straight lined"
+    },
+    {
+      "unpatchedName": "ProFont",
+      "patchedName": "ProFont",
+      "imagePreviewFont": "ProFont Nerd Font",
+      "linkPreviewFont": "profont",
+      "description": "looks best with anti-aliasing turned off, squared off character corners, vertically tight small `s`"
+    },
+    {
+      "unpatchedName": "ProggyClean",
+      "patchedName": "ProggyClean",
+      "imagePreviewFont": "ProggyClean Nerd Font",
+      "linkPreviewFont": "proggy-clean",
+      "description": "Designed particularly for use at small point sizes"
+    },
+    {
+      "unpatchedName": "OpenDyslexic",
+      "patchedName": "OpenDyslexic",
+      "imagePreviewFont": "OpenDyslexic Nerd Font",
+      "linkPreviewFont": "opendyslexic",
+      "description": "designed specifically to alleviate reading errors caused by dyslexia"
+    },
+    {
+      "unpatchedName": "RobotoMono",
+      "patchedName": "RobotoMono",
+      "imagePreviewFont": "RobotoMono Nerd Font",
+      "linkPreviewFont": "roboto",
+      "description": "dashed zero, curved and straight character lines"
+    },
+    {
+      "unpatchedName": "ShareTechMono",
+      "patchedName": "ShureTechMono",
+      "imagePreviewFont": "ShureTechMono Nerd Font",
+      "linkPreviewFont": "share-tech",
+      "description": "dotted zeros, distinguishable 1 and l, curved and straight character lines"
+    },
+    {
+      "unpatchedName": "SpaceMono",
+      "patchedName": "SpaceMono",
+      "imagePreviewFont": "SpaceMono Nerd Font",
+      "linkPreviewFont": "space",
+      "description": "Squarish character lines, dotted zero, aggressive parethesis"
+    },
+    {
+      "unpatchedName": "Terminus",
+      "patchedName": "Terminess",
+      "imagePreviewFont": "TerminessTTF Nerd Font",
+      "linkPreviewFont": "terminus",
+      "description": "Squarish characters that are slightly askew"
+    },
+    {
+      "unpatchedName": "Tinos",
+      "patchedName": "Tinos",
+      "imagePreviewFont": "Tinos Nerd Font",
+      "linkPreviewFont": false,
+      "description": "Some similarities to Times New Roman, designed by Steve Matteson, includes pan-European WGL character set"
+    },
+    {
+      "unpatchedName": "Ubuntu",
+      "patchedName": "Ubuntu",
+      "imagePreviewFont": "Ubuntu Nerd Font",
+      "linkPreviewFont": "ubuntu",
+      "description": "specially created for Ubuntu"
+    },
+    {
+      "unpatchedName": "UbuntuMono",
+      "patchedName": "UbuntuMono",
+      "imagePreviewFont": "UbuntuMono Nerd Font",
+      "linkPreviewFont": "ubuntu",
+      "description": "dotted zeros, used the `n`, `o`, `H` & `O` Latin characters as a base for design"
+    }
+  ]
+}
+  
\ No newline at end of file
diff --git a/_includes/css/nerd-font-tweaks.scss b/_includes/css/nerd-font-tweaks.scss
index 2a299e254..7a96dab5b 100644
--- a/_includes/css/nerd-font-tweaks.scss
+++ b/_includes/css/nerd-font-tweaks.scss
@@ -4,10 +4,10 @@ p {
 }
 
 #main .nerd-font-button {
-	padding-top: .5rem;
-	padding-bottom: .5rem;
 	margin: 0px;
 	font-weight: 900;
+	text-align: center;
+    padding: 8px 18px;
 }
 
 #main .nerd-font-button a {
@@ -419,41 +419,51 @@ p {
 }
 
 /* Downloads page */
-#downloads  {}
-
-#downloads a {
-	padding-left: 10px;
+#downloads  {
+	.item {
+		// max-width: 400px !important;
+		// border: 2px solid white;
+		padding: 10px;
+		margin: 10px;
+		display: flex;
+    	flex-direction: column;
+    	justify-content: space-between;
+		.download-icon {
+			content: "";
+			font-size: 32px;
+			font-family: 'NerdFontsSymbols Nerd Font';
+			display: inline-block;
+			// position: relative;
+			// top: -40px;
+			padding-right: 10px;
+    		padding-top: 5px;
+		}
+		>a:first-of-type {
+			text-decoration: none;
+		}
+		img {
+			vertical-align: top !important;
+		}
+	}
+	.nerd-font-button {
+		border-width: 2px;
+    	border-style: solid;
+	}
 }
 
 #downloads ul {
 	position: relative;
-	list-style: none;
+	//list-style: none;
 	margin-left: 0;
 	padding-left: 1.2em;
-	font-size: 22px;
-}
-#downloads ul li:before {
-	content: "";
-	position: absolute;
-	left: 0;
-	font-size: 32px;
-	font-family: 'NerdFontsSymbols Nerd Font';
-}
-#downloads li {
-	line-height: 30px;
-	margin-bottom: 12px;
+	font-size: 14px;
+	margin-top: 10px;
 }
 
-#downloads ul li ul {
-	list-style: initial;
-	font-size: 14px;
-}
-#downloads ul li ul li:before {
-	content: initial;
-	position: initial;
-	left: initial;
-	font-size: initial;
-	font-family: initial;
+#downloads li {
+	line-height: 24px;
+	margin-bottom: 0px;
+	max-width: 400px;
 }
 
 #downloads h3 span {
@@ -569,4 +579,4 @@ p {
 
 .text-left {
 	text-align: left;
-}
\ No newline at end of file
+}
diff --git a/_includes/section.html b/_includes/section.html
index c5dc1a109..bb25ce038 100644
--- a/_includes/section.html
+++ b/_includes/section.html
@@ -19,7 +19,7 @@
     <h5 class="icon-title">{{ page.title }}</h5>
   </div>
   {% endif %}
-  <div class="container {{ page.style }}">
+  <div class="{{ page.style }}">
     {{ page.content }}
   </div>
 </div>
\ No newline at end of file
diff --git a/_posts/2017-01-01-home.md b/_posts/2017-01-01-home.md
index dbcd7b218..6bab14b32 100644
--- a/_posts/2017-01-01-home.md
+++ b/_posts/2017-01-01-home.md
@@ -3,7 +3,7 @@ title: "home"
 short_title: "home"
 bg: purewhite
 color: black
-style: center
+style: center container
 ---
 
 <h1>
diff --git a/_posts/2017-01-02-features.md b/_posts/2017-01-02-features.md
index 7bcec5fe2..ba975f421 100644
--- a/_posts/2017-01-02-features.md
+++ b/_posts/2017-01-02-features.md
@@ -5,9 +5,10 @@ bg: "#69bfc6"
 color: black
 style: left
 fa-icon: gears
+style: container
 ---
 
-# Features
+<h1 class="center">Features</h1>
 
 <div class="container feature-sections">
   <div class="row">
diff --git a/_posts/2017-01-03-downloads.md b/_posts/2017-01-03-downloads.md
index 47433e5ba..13d07438b 100644
--- a/_posts/2017-01-03-downloads.md
+++ b/_posts/2017-01-03-downloads.md
@@ -7,159 +7,59 @@ fa-icon: download
 page: font-downloads
 ---
 
-# Downloads
+<h1 class="center">Downloads</h1>
 
-### Download already patched fonts from the latest release (v2.0.0):
+<div class="d-flex flex-row flex-wrap align-items-stretch justify-content-betweeen justify-content-aroundd justify-content-center">
+{% for font in site.data.fonts.fonts %}
+  <div class="item">
+      <a href="https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/{{ font.unpatchedName }}.zip">
+        <div class="download-icon"></div>
+        <img src="/assets/img/previews/{{ font.patchedName }} Nerd Font.svg" alt="{{ font.unpatchedName }}" title="Download {{ font.unpatchedName }}">
+      </a>
+      <ul>
+        <li><strong>Notable:</strong> {{ font.description }}</li>
+        <!-- <li><a href="https://app.programmingfonts.org/#{{ font.linkPreviewFont }}" target="_blank"><strong>Full Preview on ProgrammingFonts.org </strong></a></li> -->
+      </ul>
+      <div>
+        <h4 class="inlineblock bg-green border-white text-white nerd-font-button">
+          <i class="nf nf-fa-download"></i>
+          <a href="https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/{{ font.unpatchedName }}.zip" class="inlineblock">Download</a>
+        </h4>
+        <h4 class="inlineblock bg-purple border-white text-white nerd-font-button">
+          <i class="nf nf-oct-link_external"></i>
+          <a href="https://app.programmingfonts.org/#{{ font.linkPreviewFont }}" target="_blank" alt="Full Preview of {{ font.patchedName }} on ProgrammingFonts.org" class="inlineblock">Preview on ProgrammingFonts.org</a>
+        </h4>
+      </div>
+  </div>
+{% endfor %}
+</div>
 
-<div class="half column" markdown="1">
-- [![3270](/assets/img/previews/3270 Nerd Font.svg "Download 3270")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/3270.zip)
-  - **Notable:** derived from the x3270 font, a modern format of a font with high nostalgic value
-  - [**Preview **](https://app.programmingfonts.org/#font3270){:target="_blank"}
-- [![AnonymousPro](/assets/img/previews/Anonymice Nerd Font.svg "Download Anonymice")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/AnonymousPro.zip)
-  - **Notable:** inspired by Anonymous 9 on Macintosh, since 2009, distinct `O`, `0`, `I`, `l`, `1`
-- [![Arimo](/assets/img/previews/Arimo Nerd Font.svg "Download Arimo")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Arimo.zip)
-  - **Notable:** Metrically similar to Arial, pan-European WGL character set, sans serif
-- [![AurulentSansMono](/assets/img/previews/AurulentSansMono Nerd Font.svg "Download AurulentSansMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/AurulentSansMono.zip)
-  - **Notable:** Sans serif, designed by Stephen G. Hartke which also created Verily Serif
-  - [**Preview **](https://app.programmingfonts.org/#aurulent){:target="_blank"}
-- [![BigBlueTerminal](/assets/img/previews/BigBlueTerminal Nerd Font.svg "Download BigBlueTerminal")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/BigBlueTerminal.zip)
-  - **Notable:** nostalgic, closely based on IBM's 8x14 EGA/VGA charset
-- [![BitstreamVeraSansMono](/assets/img/previews/BitstreamVeraSansMono Nerd Font.svg "Download BitsteamVeraSansMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/BitstreamVeraSansMono.zip)
-  - **Notable:** dotted zero, compact lowercase characters
-  - [**Full Preview **](https://app.programmingfonts.org/#bitstream-vera){:target="_blank"}
-- [![CodeNewRoman](/assets/img/previews/CodeNewRoman Nerd Font.svg "Download CodeNewRoman")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/CodeNewRoman.zip)
-  - **Notable:** tunable, slashed zeros, compact smaller characters
-  - [**Preview **](https://app.programmingfonts.org/#code-new-roman){:target="_blank"}
-- [![Cousine](/assets/img/previews/Cousine Nerd Font.svg "Download Cousine")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Cousine.zip)
-  - **Notable:** similar to Courier New with better readablitiy, dotted zeros
-  - [**Preview **](https://app.programmingfonts.org/#cousine){:target="_blank"}
-- [![DejaVuSansMono](/assets/img/previews/DejaVuSansMono Nerd Font.svg "Download DejaVuSansMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/DejaVuSansMono.zip)
-  - **Notable:** dotted zero, based on the Bitstream Vera Fonts with a wider range of characters
-  - [**Preview **](https://app.programmingfonts.org/#dejavu){:target="_blank"}
-- [![DroidSansMono](/assets/img/previews/DroidSansMono Nerd Font.svg "Download DroidSansMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/DroidSansMono.zip)
-  - **Notable:** good for small screens or font sizes
-  - [**Preview **](https://app.programmingfonts.org/#droid-sans){:target="_blank"}
-- [![FantasqueSansMono](/assets/img/previews/FantasqueSansMono Nerd Font.svg "Download FantasqueSansMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/FantasqueSansMono.zip)
-  - **Notable:** "wibbly-wobbly handwriting-like fuzziness", takes some inspiration from Inconsolata and Monaco
-  - [**Preview **](https://app.programmingfonts.org/#fantasque-sans){:target="_blank"}
-- [![FiraCode](/assets/img/previews/FiraCode Nerd Font.svg "Download FiraCode")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/FiraCode.zip)
-  - **Notable:** programming ligatures, extension of Fira Mono font, enlarged operators
-  - [**Preview **](https://app.programmingfonts.org/#firacode){:target="_blank"}
-- [![FiraMono](/assets/img/previews/FiraMono Nerd Font.svg "Download FiraMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/FiraMono.zip)
-  - **Notable:** Mozilla typeface, dotted zero
-  - [**Preview **](https://app.programmingfonts.org/#fira){:target="_blank"}
-- [![Go-Mono](/assets/img/previews/Go-Mono Nerd Font.svg "Download Go-Mono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Go-Mono.zip)
-  - **Notable:** created specifically for the Go project, looks particularly clear for use with the Go language
-  - [**Preview **](https://app.programmingfonts.org/#go-mono){:target="_blank"}
-- [![Gohu](/assets/img/previews/Gohu Nerd Font.svg "Download Gohu")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Gohu.zip)
-  - **Notable:** bitmap font, tall capitals and ascenders, small serifs
-- [![Hack](/assets/img/previews/Hack Nerd Font.svg "Download Hack")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Hack.zip)
-  - **Notable:** dotted zero, short descenders, expands upon work done for Bitstream Vera &amp; DejaVu, legible at common sizes
-  - [**Preview **](https://app.programmingfonts.org/#hack){:target="_blank"}
-- [![Hasklig](/assets/img/previews/Hasklug Nerd Font.svg "Download Hasklug")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Hasklig.zip)
-  - **Notable:** monospaced ligatures, makes composite glyphs (e.g. ->) more reabable, especially in Haskell
-  - [**Preview **](https://app.programmingfonts.org/#hasklig){:target="_blank"}
-- [![HeavyData](/assets/img/previews/HeavyData Nerd Font.svg "Download HeavyData")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/HeavyData.zip)
-  - **Notable:** Novel and unique design, dotted zero
-- [![Hermit](/assets/img/previews/Hurmit Nerd Font.svg "Download Hurmit")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Hermit.zip)
-  - **Notable:** symbols stand out from common text
-  - [**Preview **](https://app.programmingfonts.org/#hermit){:target="_blank"}
-- [![Inconsolata](/assets/img/previews/Inconsolata Nerd Font.svg "Download Inconsolata")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Inconsolata.zip)
-  - **Notable:** slashed zero, takes inspiration from many different fonts and glyphs, subtle curves in lowercase
-  - [**Preview **](https://app.programmingfonts.org/#inconsolata){:target="_blank"}
-- [![InconsolataGo](/assets/img/previews/InconsolataGo Nerd Font.svg "Download InconsolataGo")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/InconsolataGo.zip)
-  - **Notable:** Inconsolata with straight quotes
-- [![InconsolataLGC](/assets/img/previews/InconsolataLGC Nerd Font.svg "Download InconsolataLGC")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/InconsolataLGC.zip)
-  - **Notable:** Inconsolata with added the Cyrillic alphabet
-- [![Iosevka](/assets/img/previews/Iosevka Nerd Font.svg "Download Iosevka")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Iosevka.zip)
-  - **Notable:** narrow and horizontally tight characters, slashed zero
-  - [**Preview **](https://app.programmingfonts.org/#iosevka){:target="_blank"}
-</div>
-<div class="half column" markdown="1">
-- [![Lekton](/assets/img/previews/Lekton Nerd Font.svg "Download Lekton")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Lekton.zip)
-  - **Notable:** very light and thin characters, sharp m's, `0` and `O` very similar
-  - [**Preview **](https://app.programmingfonts.org/#lekton){:target="_blank"}
-- [![LiberationMono](/assets/img/previews/LiterationMono Nerd Font.svg "Download LiterationMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/LiberationMono.zip)
-  - **Notable:** `0` and `O` very similar, very short tight descenders
-  - [**Preview **](https://app.programmingfonts.org/#liberation){:target="_blank"}
-- [![Meslo](/assets/img/previews/Meslo Nerd Font.svg "Download Meslo")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Meslo.zip)
-  - **Notable:** slashed zeros, customized version of Apple's Menlo
-  - [**Preview **](https://app.programmingfonts.org/#meslo){:target="_blank"}
-- [![Monofur](/assets/img/previews/Monofur Nerd Font.svg "Download Monofur")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Monofur.zip)
-  - **Notable:** dotted zeros, slightly exaggerated curvy characters, compact characters
-  - [**Preview **](https://app.programmingfonts.org/#monofur){:target="_blank"}
-- [![Monoid](/assets/img/previews/Monoid Nerd Font.svg "Download Monoid")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Monoid.zip)
-  - **Notable:** ligatures, distinguishable glyphs with short ascenders &amp; descenders, large operators &amp; punctuation
-  - [**Preview **](https://app.programmingfonts.org/#monoid){:target="_blank"}
-- [![Mononoki](/assets/img/previews/Mononoki Nerd Font.svg "Download Mononoki")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Mononoki.zip)
-  - **Notable:** keeps in mind differentiation of characters and resolution sizes
-  - [**Preview **](https://app.programmingfonts.org/#mononoki){:target="_blank"}
-- [![MPlus](/assets/img/previews/MPlus Nerd Font.svg "Download MPlus")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/MPlus.zip)
-  - **Notable:** Multiple styles and weights, many glyph sets (e.g. Kana glyphs)
-- [![Noto](/assets/img/previews/Noto Nerd Font.svg "Download Noto")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Noto.zip)
-  - **Notable:** `0` and `O` very similar, characters are either very curvy or straight lined
-  - [**Preview **](https://app.programmingfonts.org/#noto){:target="_blank"}
-- [![ProFont](/assets/img/previews/ProFont Nerd Font.svg "Download ProFont")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/ProFont.zip)
-  - **Notable:** looks best with anti-aliasing turned off, squared off character corners, vertically tight small `s`
-  - [**Preview **](https://app.programmingfonts.org/#profont){:target="_blank"}
-- [![ProggyClean](/assets/img/previews/ProggyClean Nerd Font.svg "Download ProggyClean")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/ProggyClean.zip)
-  - **Notable:** Designed particularly for use at small point sizes
-  - [**Preview **](https://app.programmingfonts.org/#proggy-clean){:target="_blank"}
-- [![OpenDyslexic](/assets/img/previews/OpenDyslexic Nerd Font.svg "Download OpenDyslexic")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/OpenDyslexic.zip)
-  - **Notable:** designed specifically to alleviate reading errors caused by dyslexia
-  - [**Preview **](https://app.programmingfonts.org/#opendyslexic){:target="_blank"}
-- [![Overpass](/assets/img/previews/Overpass Nerd Font.svg "Download Overpass")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Overpass.zip)
-  - **Notable:** dotted zero, sutle tail on lowercase g, slightly compact characters
-  - [**Preview **](https://app.programmingfonts.org/#overpass){:target="_blank"}
-- [![RobotoMono](/assets/img/previews/RobotoMono Nerd Font.svg "Download RobotoMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/RobotoMono.zip)
-  - **Notable:** dashed zero, curved and straight character lines
-  - [**Preview **](https://app.programmingfonts.org/#roboto){:target="_blank"}
-- [![ShareTechMono](/assets/img/previews/ShureTechMono Nerd Font.svg "Download ShureTechMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/ShareTechMono.zip)
-  - **Notable:** slashed zero, distinguishable 1 and l, squarish compact characters, sutle paranthesis
-  - [**Preview **](https://app.programmingfonts.org/#share-tech){:target="_blank"}
-- [![SourceCodePro](/assets/img/previews/SauceCodePro Nerd Font.svg "Download SauceCodePro")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/SourceCodePro.zip)
-  - **Notable:** dotted zeros, distinguishable 1 and l, curved and straight character lines
-  - [**Preview **](https://app.programmingfonts.org/#source-code-pro){:target="_blank"}
-- [![SpaceMono](/assets/img/previews/SpaceMono Nerd Font.svg "Download SpaceMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/SpaceMono.zip)
-  - **Notable:** Squarish character lines, dotted zero, aggressive parethesis
-  - [**Preview **](https://app.programmingfonts.org/#space){:target="_blank"}
-- [![Terminus](/assets/img/previews/Terminess Nerd Font.svg "Download Terminess")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Terminus.zip)
-  - **Notable:** Squarish characters that are slightly askew
-  - [**Preview **](https://app.programmingfonts.org/#terminus){:target="_blank"}
-- [![Tinos](/assets/img/previews/Tinos Nerd Font.svg "Download Tinos")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Tinos.zip)
-  - **Notable:** Some similarities to Times New Roman, designed by Steve Matteson, includes pan-European WGL character set
-- [![Ubuntu](/assets/img/previews/Ubuntu Nerd Font.svg "Download Ubuntu")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Ubuntu.zip)
-  - **Notable:** specially created for Ubuntu
-- [![UbuntuMono](/assets/img/previews/UbuntuMono Nerd Font.svg "Download UbuntuMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/UbuntuMono.zip)
-  - **Notable:** dotted zeros, used the `n`, `o`, `H` &amp; `O` Latin characters as a base for design 
-  - [**Preview **](https://app.programmingfonts.org/#ubuntu){:target="_blank"}
-</div>
 <div class="clear"></div>
 
 
-<h2> Other Download & Install Options </h2>
+<h2 class="center"> Other Download & Install Options </h2>
 
-<h3> <span></span> Homebrew </h3>
+<h3 class="center"> <span></span> Homebrew </h3>
 
 ```sh
 brew tap homebrew/cask-fonts &&
 brew cask install font-<FONT NAME>-nerd-font
 ```
 
-<h3> :// curl </h3>
+<h3 class="center"> :// curl </h3>
 <div markdown="1">
 ```sh
     curl -fLo "<FONT NAME> Nerd Font Complete.otf" \
     https://github.com/ryanoasis/nerd-fonts/raw/master/patched-fonts/<FONT_PATH>/complete/<FONT_NAME>%20Nerd%20Font%20Complete.otf
 ```
 </div>
-<h3> <span></span> Bash Install Script </h3>
+<h3 class="center"> <span></span> Bash Install Script </h3>
 <div markdown="1">
 ```sh
 ./install.sh <FontName>
 ```
 </div>
-<h3> <span></span> Unofficial Arch User Repository (AUR) </h3>
-<div markdown="1">
+<h3 class="center"> <span></span> Unofficial Arch User Repository (AUR) </h3>
+<div markdown="1" class="center">
 See: [Nerd Fonts Packages](https://aur.archlinux.org/packages/?K=nerd-fonts&SB=p)
 </div>
diff --git a/_posts/2017-01-04-icon-cheat-sheet.md b/_posts/2017-01-04-icon-cheat-sheet.md
index eec34f4e4..ee3846d06 100644
--- a/_posts/2017-01-04-icon-cheat-sheet.md
+++ b/_posts/2017-01-04-icon-cheat-sheet.md
@@ -5,9 +5,10 @@ bg: gray
 color: white
 fa-icon: search
 page: cheat-sheet
+style: container
 ---
 
-# Cheat Sheet
+<h1 class="center">Cheat Sheet</h1>
 
 <input type="text" id="glyphSearch" placeholder="Search for glyphs/icons..." title="Type in a glyph name or hex codepoint" class="nerd-font-cheat-sheet-search" />
 
diff --git a/_posts/2017-01-05-all-contributors.md b/_posts/2017-01-05-all-contributors.md
index a26fe655c..40b07e8d2 100644
--- a/_posts/2017-01-05-all-contributors.md
+++ b/_posts/2017-01-05-all-contributors.md
@@ -5,6 +5,7 @@ bg: 'red'
 color: white
 fa-icon: flask
 page: contributors
+style: container
 ---
 
 # Thanks goes to these wonderful people
diff --git a/_posts/2017-01-06-release.md b/_posts/2017-01-06-release.md
index a9d20e3fb..c48d028fe 100644
--- a/_posts/2017-01-06-release.md
+++ b/_posts/2017-01-06-release.md
@@ -5,9 +5,10 @@ bg: '#ff8b25'
 color: white
 fa-icon: bullhorn
 page: releases
+style: container
 ---
 
-# Release Changelog
+<h1 class="center">Release Changelog</h1>
 <h2>v2.0.0 Release</h2>
 <details open>
   <summary>v2.0.0 Details</summary>