Removed remaining example code, wiped CSS, made 404 page.

content/404.html

+---
+title: Not Found
+extends: base.j2
+---
+
+## Not Found
+
+Sorry, there's nothing here.
+
+Perhaps you'd like to check out my [blog posts](blog), or [get in touch](contact)?

content/blog/index.html

+---
+title: Blog
+extends: base.j2
+---
+
+## This is my blog
+
+coming soon
+

content/contact.html

 ---
+title: Contact
 extends: base.j2
-title: contact
-default_block: content
 ---
 
 ## Yo Dawg

content/index.html

-{% extends "base.j2" %}
-
-{% block content %}
+---
+extends: base.j2
+---
 
 ## Hi! My name is Anton.
 
 I have a passion for solving problems with technology.
 I’m an experienced front- and back-end developer, currently
-maintaining custom PHP and Python solutions for [Rutgers OIT][5].
+maintaining custom PHP and Python solutions for [Rutgers OIT][oit].
 When I’m not working I enjoy tinkering with electronics,
-[building stuff][6], nature, and  bike rides.
+[building stuff](blog), nature, and  bike rides.
 
 Do you have a tough technical challenge? Need a website,
-custom software, or a hardware integration? [I’d love to hear from you.][2]
+custom software, or a hardware integration? [I’d love to hear from you.](contact)
 
 ## Recent Posts
 
-> coming soon
+coming soon
 
 
 ## Recent Code Commits
 
-> coming soon
+coming soon
 
 ## Projects
 
-> coming soon
-
-
-
-[1]: https://ant.sr/ "Anton Sarukhanov"
-[2]: contact
-[3]: https://git.xhost.io/u/anton
-[4]: https://ant.sr/resume.pdf
-[5]: https://oit.rutgers.edu "Rutgers OIT"
-[6]: posts
+coming soon
 
-{% endblock %}
+[oit]: https://oit.rutgers.edu "Rutgers OIT"

content/media/css/style.css

-* {
-    margin: 0;
-    padding: 0;
-}
-
-html, body {
-    color: #333;
-}
-
-body {
-    margin: 0 auto;
-    width: 980px;
-    min-height: 700px;
-    position: relative;
-    font-size: 16px;
-    font-family: Tahoma, sans-serif;
-}
-
-strong {
-    color: #444;
-}
-
-a {
-    color: #369;
-}
-
-a:hover, a:focus {
-    text-decoration: none;
-}
-
-p, ul, ol {
-    margin-bottom: 22px;
-}
-
-ul, ol {
-    margin-left: 28px;
-}
-
-header {
-    position: absolute;
-    top: 120px;
-    right: 120px;
-    font-family: Anton, Tahoma, sans-serif;
-    text-transform: uppercase;
-    font-weight: none;
-}
-
-header h1 {
-    font-size: 50px;
-    font-weight: normal;
-    text-shadow: -1px 2px 1px black;
-    color: #333;
-}
-
-header h1 span {
-    color: #f1ee00;
-}
-
-header p {
-    font-size: 28px;
-    font-weight: normal;
-    letter-spacing: 11px;
-    text-shadow: -1px 2px 1px black;
-    color: #333;
-}
-
-nav {
-    position: absolute;
-    top: 340px;
-    right: 120px;
-    width: 250px;
-    text-align: right;
-    font-family: Anton, Tahoma, sans-serif;
-}
-
-nav a,
-nav a:visited {
-    text-decoration: none;
-    color: #333;
-    text-transform: uppercase;
-    font-size: 28px;
-}
-
-nav a.selected {
-    color: #258;
-}
-
-nav a:hover {
-    color: #369;
-}
-
-nav ul li {
-    list-style-type: none;
-}
-
-nav, aside {
-    /* to line up with the header */
-    padding-right: 5px;
-}
-
-#content {
-    line-height: 1.5em;
-    position: absolute;
-    top: 350px;
-    left: 180px;
-    width: 410px;
-    padding-bottom: 100px;
-}
-
-#content h1 {
-    font-weight: normal;
-    font-size: 28px;
-    font-family: Anton, Tahoma, sans-serif;
-    text-transform: uppercase;
-    margin-bottom: 22px;
-    color: #333;
-}
-
-#content h2 {
-    font-weight: bold;
-    font-size: 18px;
-    font-family: Tahoma, sans-serif;
-    margin-bottom: 22px;
-    border-bottom: 1px dashed #888;
-}
-
-#content code {
-    display: block;
-    font-family: monospace;
-    font-size: 12px;
-    background-color: #ccc;
-    padding: 5px 10px;
-    margin-bottom: 20px;
-    border-top: 1px solid #444;
-    border-right: 1px solid #333;
-    border-bottom: 1px solid #222;
-    border-left: 1px solid #111;
-}
-
-#content .tags {
-    font-size: 14px;
-    color: #888;
-}
-
-#content .bottom_article_nav {
-    border-top: 1px dashed #888;
-    overflow: hidden;
-    margin-top: 40px;
-    padding-top: 10px;
-}
-
-#content .bottom_article_nav .next {
-    float: right;
-}

layout/base.j2

@@ -8,17 +8,19 @@
     </head>
     <body>
         <header>
-            <h1>Anton Sarukhanov</h1>
+            {% set not_home = (content_url(resource.url) != content_url('index.html')) -%}
+            <h1>{% if not_home -%}<a href="{{ content_url('index.html') }}">{% endif -%}
+                Anton Sarukhanov{% if not_home %}</a>{% endif %}</h1>
         </header>
         <nav>
-            {% import "macros.j2" as macros with context %}
-            {{ macros.render_basic_menu() }}
-            {{ macros.render_advanced_menu() }}
+            {% import "macros.j2" as macros with context -%}
+            {{ macros.render_main_menu()|indent(12) }}
         </nav>
         <article id="content">
-            {% filter markdown -%}
+            {% filter markdown|indent(12) -%}
             {% block content %}{% endblock %}
             {%- endfilter %}
+
         </article>
     </body>
 </html>

layout/macros.j2

-{# Generates the main and basic menu from context data in the site's
-   configuration file.
-#}
-{% macro render_basic_menu() -%}
-<ul class="basic">
+{# Generate menu from context (site.yaml) #}
+{% macro render_main_menu() -%}<ul>
 {% for menu_item in menu %}
     <li><a {% if (menu_item.url == resource.relative_path) %}class="selected" {% endif -%}
         href="{{ content_url(menu_item.url) }}">{{ menu_item.title }}</a></li>

site.yaml

@@ -3,49 +3,45 @@ media_root: media
 media_url: /media
 base_url: /
 template: hyde.ext.templates.jinja.Jinja2Template
+
 plugins:
-    - hyde.ext.plugins.meta.MetaPlugin         # meta data. used extensively below.
-    - hyde.ext.plugins.meta.AutoExtendPlugin   # extend in meta instead of {%extends%}
-    # Advanced/optional plugins follow
-    - hyde.ext.plugins.meta.SorterPlugin       # see "sorter" below
-    - hyde.ext.plugins.meta.GrouperPlugin      # see "grouper" below
-    - hyde.ext.plugins.meta.TaggerPlugin       # see "tagger" below
+    - hyde.ext.plugins.meta.MetaPlugin
+    - hyde.ext.plugins.meta.AutoExtendPlugin
+    - hyde.ext.plugins.meta.SorterPlugin
+    - hyde.ext.plugins.meta.GrouperPlugin
+    - hyde.ext.plugins.urls.UrlCleanerPlugin
+
 context:
     data:
-        # Global template vars go here.
         menu:
           - title: Home
             url: index.html
+          - title: Blog
+            url: blog/index.html
           - title: Contact
             url: contact.html
-
-meta: # site-wide
-    nodemeta: meta.yaml  # per-directory
-    a_meta_field: fooblam
+meta:
+    nodemeta: meta.yaml
+    default_block: content
 
 sorter:
-    name: # sort html files by name
-        attr: name
-        filters:
-            source_file.kind: html
-    file_type: # sort by filetype, filesize
-        attr:
-            - source_file.kind
-            - source_file.size
-    index: # sort htmls by "index" meta field (manual ordering)
-        attr: meta.index
-        filters:
-            source_file.kind: html
+    latest:
+        attr: meta.created
+        reverse: True
 
 grouper:
-    level: # group pages by "level" meta field (difficulty).
-        sorter: name # use the "name" sorter (above)
-        description: Difficulty levels
+    category:
+        sorter: latest
+        description: Category
         groups:
             - name: basic
               description: Basic
             - name: advanced
               description: Advanced
 
-tagger: # tags - another type of grouping!
-    sorter: name # use the "name" sorter (above)
+urlcleaner:
+    index_file_names:
+        - index.html
+    strip_extensions:
+        - html
+    append_slash: true