blog/public/stories/index.html

73 lines
2.3 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>Stories &middot; The Octect Press</title>
<meta name="description" content="" />
<link href="/css/concated.min.css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" href="/stories/index.xml" title="The Octect Press" />
</head>
<body class="list-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="card-container side-gutter">
<a
href="/stories/across-town/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x600_fit_q75_lanczos.jpg">
<img src="/stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
<h2 class="card-title">Across Town</h2>
<p class="card-text">As I came out of the associative coffee shop of my neighbordhood, I was hit by a ray of light, straight to my face, and needed to stop for a few seconds. I had spent the night before drinking some home-made beer a friend had been brewing for the past months, and let me tell you that it was one of the finest beer I had recently. The sweet aromas of orange and cinammon where very welcome, but now I had to pay the price.</p>
<div class="card-subtext muted-text">
<p>Posted <time datetime="2019-01-03">Jan 3, 2019</time></p>
<p>#English #Blog </p>
</div>
</article>
</a>
</main>
</body>
</html>