Grid: Update all HTML to grid rework
This commit is contained in:
Bill Niblock
parent
97eb087a78
commit
16f9c97a7f
7 changed files with 90 additions and 108 deletions
|
|
@ -15,5 +15,5 @@ defaults:
|
|||
path: ''
|
||||
type: "topics"
|
||||
values:
|
||||
layout: "corrupt_collection"
|
||||
layout: "corrupt_index"
|
||||
permalink: "/topics/:name"
|
||||
|
|
|
|||
|
|
@ -1,15 +1,13 @@
|
|||
{% for post in site.posts %}
|
||||
<div id="posts">
|
||||
<h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
|
||||
<div class="" id="details">
|
||||
<div class="" id="date">{{ post.pub }}</div>
|
||||
<div class="" id="tags">
|
||||
{% for topic in post.topics %}
|
||||
<a href="/topics/{{topic}}.html">{{topic}}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div id="desc">{{ post.short_desc }}</div>
|
||||
<h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
|
||||
<div class="" id="details">
|
||||
<div class="" id="date">{{ post.pub }}</div>
|
||||
<div class="" id="tags">
|
||||
{% for topic in post.topics %}
|
||||
<a href="/topics/{{topic}}.html">{{topic}}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div id="desc">{{ post.short_desc }}</div>
|
||||
{% endfor %}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,50 +1,40 @@
|
|||
<div class="cor_menu">
|
||||
<div class="cor_topics">
|
||||
<footer>
|
||||
<nav>
|
||||
<div><a href="/">home</a></div>
|
||||
{% for topic in site.topics %}
|
||||
<div><a href="/topics/{{ topic.title }}">{{ topic.title }}</a></div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="cor_footer">
|
||||
<div class="" id="about">
|
||||
<h2>The Site</h2>
|
||||
<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
|
||||
will tend to focus on technology, gaming, and philosophy.</p>
|
||||
<h2>The Vagabond</h2>
|
||||
<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
|
||||
accident.</p>
|
||||
</div>
|
||||
<div id="social">
|
||||
<div class="">
|
||||
<a href="https://github.com/VagabondAzulien">
|
||||
<img src="{{ site.url }}/src/images/github_light.png"
|
||||
width="32" height="32" alt="GitHub"
|
||||
title="My GitHub Repos" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="">
|
||||
<a href="https://twitter.com/Azulien">
|
||||
<img src="{{ site.url }}/src/images/twitter_light.png"
|
||||
width="32" height="32" alt="Twitter"
|
||||
title="My Twitter Feed" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="">
|
||||
<a href="https://www.twitch.tv/vagabondazulien/profile">
|
||||
<img src="{{ site.url }}/src/images/twitch_light.png"
|
||||
width="32" height="32" alt="Twitch"
|
||||
title="My Twitch Profile" />
|
||||
</a>
|
||||
</div>
|
||||
<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>
|
||||
</nav>
|
||||
<section id="about">
|
||||
<h3>The Site</h3>
|
||||
<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
|
||||
will tend to focus on technology, gaming, and philosophy.</p>
|
||||
<h3>The Vagabond</h3>
|
||||
<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
|
||||
accident.</p>
|
||||
</section>
|
||||
<section id="social">
|
||||
<a href="https://github.com/VagabondAzulien">
|
||||
<img src="{{ site.url }}/src/images/github_light.png"
|
||||
width="32" height="32" alt="GitHub"
|
||||
title="My GitHub Repos" />
|
||||
</a>
|
||||
<a href="https://twitter.com/Azulien">
|
||||
<img src="{{ site.url }}/src/images/twitter_light.png"
|
||||
width="32" height="32" alt="Twitter"
|
||||
title="My Twitter Feed" />
|
||||
</a>
|
||||
<a href="https://www.twitch.tv/vagabondazulien/profile">
|
||||
<img src="{{ site.url }}/src/images/twitch_light.png"
|
||||
width="32" height="32" alt="Twitch"
|
||||
title="My Twitch Profile" />
|
||||
</a>
|
||||
<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>
|
||||
</section>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,15 @@
|
|||
<h5>{{ page.tabtitle }}</h5>
|
||||
{% for post in site.posts %}
|
||||
{% if post.topics contains page.title %}
|
||||
<div id="posts">
|
||||
<h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
|
||||
<div class="" id="details">
|
||||
<div class="" id="date">{{ post.pub }}</div>
|
||||
<div class="" id="tags">
|
||||
{% for topic in post.topics %}
|
||||
<a href="/topics/{{topic}}">{{topic}}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
|
||||
<div class="" id="details">
|
||||
<div class="" id="date">{{ post.pub }}</div>
|
||||
<div class="" id="tags">
|
||||
{% for topic in post.topics %}
|
||||
<a href="/topics/{{topic}}">{{topic}}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div id="desc">{{ post.short_desc }}</div>
|
||||
</div>
|
||||
<div id="desc">{{ post.short_desc }}</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
|
|
|||
|
|
@ -6,27 +6,21 @@
|
|||
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="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" type="text/css" 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" />
|
||||
<link rel="stylesheet" type="text/css"
|
||||
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>
|
||||
<body>
|
||||
<div class="cor_page">
|
||||
<div class="cor_head">
|
||||
<div class="title">
|
||||
<div>The</div><div>Internet</div><div>Vagabond</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cor_content">
|
||||
<div id="content">
|
||||
{{ content }}
|
||||
<div id="all_button">
|
||||
<a href="/topics/all">All Posts</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<header>
|
||||
<div>The</div><div>Internet</div><div>Vagabond</div>
|
||||
</header>
|
||||
<main>
|
||||
{{ content }}
|
||||
</main>
|
||||
{% include cor_menu.html %}
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -6,25 +6,27 @@
|
|||
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="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" type="text/css" href="{{ site.url }}/src/styles/corrupt.css" />
|
||||
<link rel="icon" type="image/x-icon" href="{{ site.url }}/src/images/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css"
|
||||
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>
|
||||
<body>
|
||||
<div class="cor_page">
|
||||
<div class="cor_content">
|
||||
<div class="cor_head">
|
||||
<div class="title">
|
||||
<div>The</div><div>Internet</div><div>Vagabond</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content">
|
||||
<header>
|
||||
<div> The </div><div> Internet </div><div> Vagabond </div>
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
{{ content }}
|
||||
<h4>[ {{ page.author }} ][ {{ page.pub }} ][
|
||||
{% for topic in page.topics %}
|
||||
<a href="/topics/{{topic}}">{{topic}}</a>
|
||||
{% endfor %}]</h4>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</main>
|
||||
{% include cor_menu.html %}
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
21
index.html
21
index.html
|
|
@ -4,16 +4,15 @@
|
|||
---
|
||||
|
||||
{% for post in site.posts limit:5 %}
|
||||
<div id="posts">
|
||||
<h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
|
||||
<div class="" id="details">
|
||||
<div class="" id="date">{{ post.pub }}</div>
|
||||
<div class="" id="tags">
|
||||
{% for topic in post.topics %}
|
||||
<a href="/topics/{{topic}}">{{topic}}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div id="desc">{{ post.short_desc }}</div>
|
||||
<h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
|
||||
<div id="details">
|
||||
<div id="date">{{ post.pub }}</div>
|
||||
<div id="tags">
|
||||
{% for topic in post.topics %}
|
||||
<a href="/topics/{{topic}}">{{topic}}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div id="desc">{{ post.short_desc }}</div>
|
||||
{% endfor %}
|
||||
<h6><a href="/topics/all">All Posts</a></h6>
|
||||
|
|
|
|||
Loading…
Reference in a new issue