the html... is semanticised.
This commit is contained in:
parent
760c2a7f81
commit
b6a14eaae2
5 changed files with 39 additions and 23 deletions
|
@ -1,6 +1,9 @@
|
|||
<header>
|
||||
<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>
|
|
@ -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>
|
||||
|
|
|
@ -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 }}
|
||||
<section id='post-body'>
|
||||
{{ content }}
|
||||
</section>
|
||||
</div>
|
||||
<hr>
|
||||
<div id='post-share'>
|
||||
<section id='post-share'>
|
||||
<h2>Share this post</h2>
|
||||
coming soon uwu
|
||||
</div>
|
||||
<div id='post-comments'>
|
||||
</section>
|
||||
<section id='post-comments'>
|
||||
<h2>Leave a comment</h2>
|
||||
coming soon uwu
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
</main>
|
|
@ -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;
|
||||
}
|
|
@ -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>
|
Loading…
Reference in a new issue