Grid: Update all HTML to grid rework

This commit is contained in:
Bill Niblock 2018-02-10 23:25:07 -05:00
parent 97eb087a78
commit 16f9c97a7f
7 changed files with 90 additions and 108 deletions

View file

@ -15,5 +15,5 @@ defaults:
path: '' path: ''
type: "topics" type: "topics"
values: values:
layout: "corrupt_collection" layout: "corrupt_index"
permalink: "/topics/:name" permalink: "/topics/:name"

View file

@ -1,15 +1,13 @@
{% for post in site.posts %} {% for post in site.posts %}
<div id="posts"> <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
<h1><a href="{{ post.url }}">{{ post.title }}</a></h1> <div class="" id="details">
<div class="" id="details"> <div class="" id="date">{{ post.pub }}</div>
<div class="" id="date">{{ post.pub }}</div> <div class="" id="tags">
<div class="" id="tags"> {% for topic in post.topics %}
{% for topic in post.topics %} <a href="/topics/{{topic}}.html">{{topic}}</a>
<a href="/topics/{{topic}}.html">{{topic}}</a> {% endfor %}
{% endfor %}
</div>
</div>
<div id="desc">{{ post.short_desc }}</div>
</div> </div>
</div>
<div id="desc">{{ post.short_desc }}</div>
{% endfor %} {% endfor %}

View file

@ -1,50 +1,40 @@
<div class="cor_menu"> <footer>
<div class="cor_topics"> <nav>
<div><a href="/">home</a></div> <div><a href="/">home</a></div>
{% for topic in site.topics %} {% for topic in site.topics %}
<div><a href="/topics/{{ topic.title }}">{{ topic.title }}</a></div> <div><a href="/topics/{{ topic.title }}">{{ topic.title }}</a></div>
{% endfor %} {% endfor %}
</div> </nav>
<div class="cor_footer"> <section id="about">
<div class="" id="about"> <h3>The Site</h3>
<h2>The Site</h2> <p>This site is a small slice of internet real-estate that I use for
<p>This site is a small slice of internet real-estate that I use for occasional writing. Nothing I say is visionary or profound. I
occasional writing. Nothing I say is visionary or profound. I will tend to focus on technology, gaming, and philosophy.</p>
will tend to focus on technology, gaming, and philosophy.</p> <h3>The Vagabond</h3>
<h2>The Vagabond</h2> <p>My name is Bill Niblock. I'm a computer scientist by education, a
<p>My name is Bill Niblock. I'm a computer scientist by education, a technologist by trade, a gamer by hobby, and a philosopher by
technologist by trade, a gamer by hobby, and a philosopher by accident.</p>
accident.</p> </section>
</div> <section id="social">
<div id="social"> <a href="https://github.com/VagabondAzulien">
<div class=""> <img src="{{ site.url }}/src/images/github_light.png"
<a href="https://github.com/VagabondAzulien"> width="32" height="32" alt="GitHub"
<img src="{{ site.url }}/src/images/github_light.png" title="My GitHub Repos" />
width="32" height="32" alt="GitHub" </a>
title="My GitHub Repos" /> <a href="https://twitter.com/Azulien">
</a> <img src="{{ site.url }}/src/images/twitter_light.png"
</div> width="32" height="32" alt="Twitter"
<div class=""> title="My Twitter Feed" />
<a href="https://twitter.com/Azulien"> </a>
<img src="{{ site.url }}/src/images/twitter_light.png" <a href="https://www.twitch.tv/vagabondazulien/profile">
width="32" height="32" alt="Twitter" <img src="{{ site.url }}/src/images/twitch_light.png"
title="My Twitter Feed" /> width="32" height="32" alt="Twitch"
</a> title="My Twitch Profile" />
</div> </a>
<div class=""> <a href="https://steamcommunity.com/id/azulien">
<a href="https://www.twitch.tv/vagabondazulien/profile"> <img src="{{ site.url }}/src/images/steam_light.png"
<img src="{{ site.url }}/src/images/twitch_light.png" width="32" height="32" alt="Steam"
width="32" height="32" alt="Twitch" title="My Steam Profile" />
title="My Twitch Profile" /> </a>
</a> </section>
</div> </footer>
<div class="">
<a href="https://steamcommunity.com/id/azulien">
<img src="{{ site.url }}/src/images/steam_light.png"
width="32" height="32" alt="Steam"
title="My Steam Profile" />
</a>
</div>
</div>
</div>
</div>

View file

@ -1,16 +1,15 @@
<h5>{{ page.tabtitle }}</h5>
{% for post in site.posts %} {% for post in site.posts %}
{% if post.topics contains page.title %} {% if post.topics contains page.title %}
<div id="posts"> <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
<h1><a href="{{ post.url }}">{{ post.title }}</a></h1> <div class="" id="details">
<div class="" id="details"> <div class="" id="date">{{ post.pub }}</div>
<div class="" id="date">{{ post.pub }}</div> <div class="" id="tags">
<div class="" id="tags"> {% for topic in post.topics %}
{% for topic in post.topics %} <a href="/topics/{{topic}}">{{topic}}</a>
<a href="/topics/{{topic}}">{{topic}}</a> {% endfor %}
{% endfor %}
</div>
</div> </div>
<div id="desc">{{ post.short_desc }}</div>
</div> </div>
<div id="desc">{{ post.short_desc }}</div>
{% endif %} {% endif %}
{% endfor %} {% endfor %}

View file

@ -6,27 +6,21 @@
content="Rants of a wandering techy, in search of truth, knowledge, and a decent ping." /> content="Rants of a wandering techy, in search of truth, knowledge, and a decent ping." />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" /> <meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="{{ site.url <link rel="stylesheet" type="text/css"
}}/src/styles/corrupt_layout.css" /> href="{{ site.url }}/src/styles/corrupt_layout.css" />
<link rel="stylesheet" type="text/css" href="{{ site.url <link rel="stylesheet" type="text/css"
}}/src/styles/corrupt_typog.css" /> href="{{ site.url }}/src/styles/corrupt_typog.css" />
<link rel="icon" type="image/x-icon" href="{{ site.url }}/src/images/favicon.ico" /> <link rel="icon" type="image/x-icon"
href="{{ site.url }}/src/images/favicon.ico" />
</head> </head>
<body> <body>
<div class="cor_page"> <div class="cor_page">
<div class="cor_head"> <header>
<div class="title"> <div>The</div><div>Internet</div><div>Vagabond</div>
<div>The</div><div>Internet</div><div>Vagabond</div> </header>
</div> <main>
</div> {{ content }}
<div class="cor_content"> </main>
<div id="content">
{{ content }}
<div id="all_button">
<a href="/topics/all">All Posts</a>
</div>
</div>
</div>
{% include cor_menu.html %} {% include cor_menu.html %}
</div> </div>
</body> </body>

View file

@ -6,25 +6,27 @@
content="Rants of a wandering techy, in search of truth, knowledge, and a decent ping." /> content="Rants of a wandering techy, in search of truth, knowledge, and a decent ping." />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" /> <meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="{{ site.url }}/src/styles/corrupt.css" /> <link rel="stylesheet" type="text/css"
<link rel="icon" type="image/x-icon" href="{{ site.url }}/src/images/favicon.ico" /> href="{{ site.url }}/src/styles/corrupt_layout.css" />
<link rel="stylesheet" type="text/css"
href="{{ site.url }}/src/styles/corrupt_typog.css" />
<link rel="icon" type="image/x-icon"
href="{{ site.url }}/src/images/favicon.ico" />
</head> </head>
<body> <body>
<div class="cor_page"> <div class="cor_page">
<div class="cor_content"> <header>
<div class="cor_head"> <div> The </div><div> Internet </div><div> Vagabond </div>
<div class="title"> </header>
<div>The</div><div>Internet</div><div>Vagabond</div> <main>
</div> <article>
</div>
<div id="content">
{{ content }} {{ content }}
<h4>[ {{ page.author }} ][ {{ page.pub }} ][ <h4>[ {{ page.author }} ][ {{ page.pub }} ][
{% for topic in page.topics %} {% for topic in page.topics %}
<a href="/topics/{{topic}}">{{topic}}</a> <a href="/topics/{{topic}}">{{topic}}</a>
{% endfor %}]</h4> {% endfor %}]</h4>
</div> </article>
</div> </main>
{% include cor_menu.html %} {% include cor_menu.html %}
</div> </div>
</body> </body>

View file

@ -4,16 +4,15 @@
--- ---
{% for post in site.posts limit:5 %} {% for post in site.posts limit:5 %}
<div id="posts"> <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
<h1><a href="{{ post.url }}">{{ post.title }}</a></h1> <div id="details">
<div class="" id="details"> <div id="date">{{ post.pub }}</div>
<div class="" id="date">{{ post.pub }}</div> <div id="tags">
<div class="" id="tags"> {% for topic in post.topics %}
{% for topic in post.topics %} <a href="/topics/{{topic}}">{{topic}}</a>
<a href="/topics/{{topic}}">{{topic}}</a> {% endfor %}
{% endfor %}
</div>
</div>
<div id="desc">{{ post.short_desc }}</div>
</div> </div>
</div>
<div id="desc">{{ post.short_desc }}</div>
{% endfor %} {% endfor %}
<h6><a href="/topics/all">All Posts</a></h6>