feat: add link, cateory listing, and styles

9 files changed, 70 insertions, 48 deletions

diff --git a/Makefile b/Makefile
index 8997bd0..84aa661 100644
--- a/Makefile
+++ b/Makefile
@@ -3,7 +3,7 @@
 THEME_DIR = themes/ag
 
 server:
-	hugo server --watch --verbose --buildDrafts --cleanDestinationDir --disableFastRender
+	hugo server --watch --verbose --cleanDestinationDir --disableFastRender
 
 build:
 	npm run --prefix $(THEME_DIR) build
diff --git a/content/about/index.md b/content/about/index.md
new file mode 100644
index 0000000..f261090
--- /dev/null
+++ b/content/about/index.md
@@ -0,0 +1,9 @@
+---
+title: "About"
+date: 2018-01-21T16:54:29-04:00
+draft: false
+tags: []
+categories: []
+---
+
+TODO: About me
diff --git a/content/posts/grpc_gateway.md b/content/posts/grpc_gateway.md
index 483b238..689d497 100644
--- a/content/posts/grpc_gateway.md
+++ b/content/posts/grpc_gateway.md
@@ -3,13 +3,9 @@ title: "Using gRPC Gateway with Protocol Buffers"
 date: 2018-01-20T16:54:29-04:00
 draft: false
 tags: ["grpc", "protobuf", "golang"]
-categories: ["software"]
+categories: ["Software"]
 ---
 
-### Some heading
-
-Some text from juree. Some text from juree. Some text from juree. Some text from juree.
-
 - list
 - of 
 - things
diff --git a/content/posts/nginx-module-development.md b/content/posts/nginx-module-development.md
index f524db9..fb57016 100644
--- a/content/posts/nginx-module-development.md
+++ b/content/posts/nginx-module-development.md
@@ -1,9 +1,9 @@
 ---
 title: "Development of NGINX Dynamic Modules"
 date: 2018-06-19T16:54:29-04:00
-draft: false
+draft: true
 tags: ["nginx", "c", "networking", "software"]
-categories: ["software", "networking"]
+categories: ["Software", "Nginx"]
 ---
 
 # NGINX Dynamic Module Development Guide
@@ -59,7 +59,7 @@ apt-get install -y \
 
 ### 3: Create the NGINX module source
 
-To begin writing an NGINX module, we'll create a directory and two files.
+To begin writing an Nginx module, we'll create a directory and two files.
 
 Create a directory for the module and change into it
 ```bash
@@ -101,9 +101,16 @@ ngx_example_module/
 
 ## Write a basic module
 
-General Concepts
+NGINX modules are written in C. You'll need to be comfortable with C to use this guide.
+
+NGINX modules have three roles:
+- handlers
+- filters
+- load-balancers
+
+The "core" of Nginx simply takes care of all the network and application protocols and sets up the sequence of modules that are eligible to process a request.
+
 
-Links to documents with more details on some type of module.
 
 ## Compile the module
 
diff --git a/content/posts/ray-tracing.md b/content/posts/ray-tracing.md
index 5e741c3..4d032df 100644
--- a/content/posts/ray-tracing.md
+++ b/content/posts/ray-tracing.md
@@ -3,10 +3,10 @@ title: "Techniques used in Recursive Ray Tracing"
 date: 2018-05-23T16:10:36-04:00
 draft: false
 tags: ["graphics", "ray tracing", "rendering", "golang"]
-categories: ["software"]
+categories: ["Software", "Graphics"]
 ---
 
-# Ray tracing
+This is a sample post that is written in markdown.
 
 $$
 i\hbar\frac{\partial}{\partial t} \Psi(\mathbf{r},t) = \left [ \frac{-\hbar^2}{2\mu}\nabla^2 + V(\mathbf{r},t)\right ] \Psi(\mathbf{r},t)
diff --git a/themes/ag/layouts/index.html b/themes/ag/layouts/index.html
index 8e31f19..f234ecf 100644
--- a/themes/ag/layouts/index.html
+++ b/themes/ag/layouts/index.html
@@ -1,44 +1,36 @@
 {{ define "main" }}
-    <div class="container pl-5 ml-4">
+    <div id="home-list" class="container pl-5 ml-4">
         {{ $recentposts := 10 }}
         {{ if .Params.recentposts }}
             {{ $recentposts = .Params.recentposts }}
         {{ end }}
 
+        {{/* Display recent posts*/}}
         <div class="pb-3">
-            <h5><span class="badge category">Software</span></h5>
+            <h5><span class="badge category">Recent</span></h5>
             <ul class="list-unstyled">
                 {{ range first $recentposts (where .Pages "Type" "posts" ) }}
                     <li>
                         {{ .Date.Format "Jan 2 2006" }}
-                        <a href="{{ .URL | relURL}}">{{ .Title }}</a>
+                        <a href="{{ .URL }}">{{ .Title }}</a>
                     </li>
                 {{ end }}
             </ul>
         </div>
 
-        <div class="pt-3 pb-3">
-            <h5><span class="badge badge-dark">Networking</span></h5>
-            <ul class="list-unstyled">
-                {{ range first $recentposts (where .Pages "Type" "posts" ) }}
-                    <li>
-                        {{ .Date.Format "Jan 2 2006" }}
-                        <a href="{{ .URL | relURL}}">{{ .Title }}</a>
-                    </li>
-                {{ end }}
-            </ul>
-        </div>
-
-        <div class="pt-3 pb-3">
-            <h5><span class="badge badge-dark">Year in Review</span></h5>
-            <ul class="list-unstyled">
-                {{ range first $recentposts (where .Pages "Type" "posts" ) }}
-                    <li>
-                        {{ .Date.Format "Jan 2 2006" }}
-                        <a href="{{ .URL | relURL}}">{{ .Title }}</a>
-                    </li>
-                {{ end }}
-            </ul>
-        </div>
+        {{/* Display categories by count and their posts */}}
+        {{ range .Site.Taxonomies.categories.ByCount }}
+            <div class="pb-3">
+                <h5><span class="badge category">{{ humanize .Name }}</span></h5>
+                <ul class="list-unstyled">
+                    {{ range .Pages }}
+                        <li>
+                            {{ .Date.Format "Jan 2 2006" }}
+                            <a href="{{ .URL }}">{{ .Title }}</a>
+                        </li>
+                    {{ end }}
+                </ul>
+            </div>
+        {{ end }}
     </div>
 {{ end }}
diff --git a/themes/ag/layouts/partials/header.html b/themes/ag/layouts/partials/header.html
index 74711ee..ef8ff14 100644
--- a/themes/ag/layouts/partials/header.html
+++ b/themes/ag/layouts/partials/header.html
@@ -11,27 +11,35 @@
                     <a href="/" class="badge badge-white">Home</a>
                 </li>
                 <li class="list-inline-item">
-                    <a href="#" class="badge badge-white">About</a>
+                    <a href="/about" class="badge badge-white">About</a>
                 </li>
                 <li class="list-inline-item">
                     <a href="/posts" class="badge badge-white">Posts</a>
                 </li>
                 <li class="list-inline-item">
-                    <a href="#" class="badge badge-white">Categories</a>
+                    <a href="/categories" class="badge badge-white">Categories</a>
                 </li>
             </ul>
             <ul id="nav-social" class="list-inline">
                 <li class="list-inline-item mr-3">
-                    <i class="fab fa-github fa-1x text-muted"></i>
+                    <a href="https://github.com/austingebauer" target="_blank">
+                        <i class="fab fa-github fa-1x text-muted"></i>
+                    </a>
                 </li>
                 <li class="list-inline-item mr-3">
-                    <i class="fab fa-linkedin-in fa-1x text-muted"></i>
+                    <a href="https://www.linkedin.com/in/austingebauer" target="_blank">
+                        <i class="fab fa-linkedin-in fa-1x text-muted"></i>
+                    </a>
                 </li>
                 <li class="list-inline-item mr-3">
-                    <i class="fab fa-twitter fa-1x text-muted"></i>
+                    <a href="https://twitter.com/austingebauer" target="_blank">
+                        <i class="fab fa-twitter fa-1x text-muted"></i>
+                    </a>
                 </li>
                 <li class="list-inline-item mr-3">
-                    <i class="fas fa-at fa-1x text-muted"></i>
+                    <a href="mailto:gebauer.austin@gmail.com">
+                        <i class="fas fa-at fa-1x text-muted"></i>
+                    </a>
                 </li>
             </ul>
         </div>
diff --git a/themes/ag/static/css/custom.scss b/themes/ag/static/css/custom.scss
index 6dabbac..79c52b3 100644
--- a/themes/ag/static/css/custom.scss
+++ b/themes/ag/static/css/custom.scss
@@ -22,6 +22,11 @@ $fa-font-path: "./webfonts";
   max-width: 650px;
 }
 
+#home-list {
+  position: relative;
+  left: 15px;
+}
+
 #me {
   width: 120px;
   height: 120px;
@@ -47,7 +52,7 @@ $fa-font-path: "./webfonts";
 .category::before {
   content: "";
   background-color: $body-color;
-  position: inline-block;
+  position: relative;
   width: 10px;
   height: 10px;
   left: -40px;
@@ -56,7 +61,8 @@ $fa-font-path: "./webfonts";
 hr {
   border: 0;
   height: 1px;
-  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.4), rgba(51, 51, 51, 0.3), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.4),
+          rgba(51, 51, 51, 0.3), rgba(0, 0, 0, 0));
 }
 
 header h2 {
diff --git a/themes/ag/static/css/theme.css b/themes/ag/static/css/theme.css
index 65ebd26..af84ac4 100644
--- a/themes/ag/static/css/theme.css
+++ b/themes/ag/static/css/theme.css
@@ -11343,6 +11343,10 @@ readers do not read off random characters that represent icons */
   width: 100%;
   max-width: 650px; }
 
+#home-list {
+  position: relative;
+  left: 15px; }
+
 #me {
   width: 120px;
   height: 120px;
@@ -11364,7 +11368,7 @@ readers do not read off random characters that represent icons */
 .category::before {
   content: "";
   background-color: #333333;
-  position: inline-block;
+  position: relative;
   width: 10px;
   height: 10px;
   left: -40px; }