blog/public/articles/hello-world/index.html

75 lines
2.1 KiB
HTML

<!DOCTYPE html>
<html lang="en-US,fr-FR" dir="ltr">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Hello World &middot; The Octect Press</title>
<meta name="description" content="I guess this is an obligatory first post ?" />
<link href="/css/concated.min.css" rel="stylesheet">
</head>
<body class="single-body">
<nav class="nav-bar card-container">
<div class="card blog-card menu-container">
<h1 class="nav-header">
<a href="" class="nav-text">The Octet Press</a>
</h1>
<br>
<section id="menu">
<ul>
<li><a href="" class="">HOME</a></li>
<li><a href="/art-and-code/" class="">ART &amp; CODE</a></li>
<li><a href="/about-me/" class="">ABOUT ME</a></li>
<li><a href="/index.xml" class="hamburger-menu-overlay-link">RSS</a></li>
</ul>
</section>
</div>
</nav>
<main class="content side-text-padding">
<article class="post ">
<header class="post-header">
<h1 class="post-title">Hello World</h1>
<p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
</header>
<picture class="post-figure">
<source srcset="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x0_resize_q75_lanczos.jpg">
<img src="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x0_resize_q75_lanczos.jpg" >
</picture>
<p>Hello, world !</p>
<p>This blog, dubbed the octet press, is gonna be my personnal space in the web to post my toughts and share what I found on the web.</p>
<p>I might write in French or English.</p>
<p>This page is going to be updated in the futur, so keep an eye on it.</p>
</article>
</main>
<nav class="end-nav side-padding">
</nav>
<footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer>
</body>
</html>