the html... is semanticised.

This commit is contained in:
Lynne Megido 2020-04-05 18:41:13 +10:00
parent 760c2a7f81
commit b6a14eaae2
Signed by: lynnesbian
GPG key ID: F0A184B5213D9F90
5 changed files with 39 additions and 23 deletions

View file

@ -1,6 +1,9 @@
<header>
<a href='/'>Home</a>
<a href='/'>Categories</a>
<a href='/'>Tags</a>
<a href='/'>lynnesbian.space</a>
<img id='header-logo' src='/favicon.png' alt=''>
<nav>
<a href='/'>Home</a>
<a href='/'>Categories</a>
<a href='/'>Tags</a>
<a href='/'>lynnesbian.space</a>
</nav>
</header>

View file

@ -31,6 +31,7 @@
<meta property="og:article:published_time" content="{{ page.date | date_to_xmlschema }}">
<meta property="og:article:author" content="{{ page.author | default: 'Unknown' }}">
<meta property="og:article:section" content="{{ page.categories.first | default: 'Uncategorised' }}">
<meta property="og:locale" content="en_AU">
{%- for tag in page.tags %}
<meta property="og:article:tag" content="{{ tag }}">
{%- endfor %}
@ -79,7 +80,7 @@
</script>
{%- endif %}
<meta property="og:locale" content="en_AU">
<script async src="https://ackee.lynnesbian.space/script.js" data-ackee-server="https://ackee.lynnesbian.space" data-ackee-domain-id="49c9dc73-8e0f-4a0c-ba6f-47a69a2cbaca"></script>
</head>
<body>

View file

@ -3,19 +3,22 @@ layout: default
---
{% include header.html %}
<h1 id='post-title'>{{ page.title }}</h1>
<div id='main'>
<div id='post-content'>
<div id='post-info'><i class='material-icons'>person</i> By {{ page.author }} <i class='material-icons'>access_time</i> Published {{ page.date | date_to_long_string: "ordinal" }}</div>
<main>
<article id='post-content'>
<section id='post-info'><i class='material-icons'>person</i> By {{ page.author }} <i class='material-icons'>access_time</i> Published {{ page.date | date_to_long_string: "ordinal" }}</section>
{{ page.categories }}
{{ content }}
</div>
<hr>
<div id='post-share'>
<h2>Share this post</h2>
coming soon uwu
</div>
<div id='post-comments'>
<h2>Leave a comment</h2>
coming soon uwu
</div>
</div>
<section id='post-body'>
{{ content }}
</section>
</div>
<hr>
<section id='post-share'>
<h2>Share this post</h2>
coming soon uwu
</section>
<section id='post-comments'>
<h2>Leave a comment</h2>
coming soon uwu
</section>
</article>
</main>

View file

@ -1,6 +1,7 @@
body {
font-family: sans-serif;
}
h1 {
font-family: "Playfair Display";
text-align: center;
@ -10,6 +11,14 @@ h1 {
header {
font-family: sans-serif;
}
nav {
display: inline-block;
}
#header-logo {
height: 32px;
display: inline-block;
vertical-align: middle;
}
#post-content h2 {
background: linear-gradient(to right, #9fc 0px 5px, transparent 5px 100%);
@ -52,7 +61,7 @@ header {
line-height: 1.6em;
}
#main {
main {
width: 90%;
margin: 0 auto;
}

View file

@ -4,7 +4,7 @@ title: "bune.city - Home"
---
{% include header.html %}
<h1>{{ site.title }}</h1>
<div id='main'>
<main>
<div id='posts'>
{% for post in site.posts %}
<div class='post'>
@ -18,4 +18,4 @@ title: "bune.city - Home"
</div>
{% endfor %}
</div>
</div>
</main>