63 lines
2.9 KiB
HTML
63 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400&display=swap" rel="stylesheet">
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<script>
|
||
tailwind.config = {
|
||
theme: {
|
||
extend: {
|
||
fontFamily: {
|
||
'sans': ['"Source Sans 3"'],
|
||
},
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<title>Meow</title>
|
||
</head>
|
||
<body class="flex flex-row my-8">
|
||
<nav class="my-8 ml-16 text-xl">
|
||
<div class="flex flex-row">
|
||
<ul class="flex flex-col mr-6">
|
||
<li class="p-1 w-max"><a href="index.html">Blog</a></li>
|
||
<li class="p-1 w-max"><a href="~blog/sample.html">Portfolio</a></li>
|
||
<li class="p-1 w-max"><a href="~blog/sample.html">À Propos de moi</a></li>
|
||
</ul>
|
||
<span class="after:content-[''] after:w-[1px] after:bg-black after:my-2 after:h-4/5 after:block"></span>
|
||
</div>
|
||
</nav>
|
||
<main class="my-8 ml-24">
|
||
<section class="flex flex-col mb-4">
|
||
<time class="text-slate-600 ">Il y a un jour</time>
|
||
<a class="hover:underline" href="~blog/sample.html">BCrypt, MD5, Argon2Id... Quoi choisir pour hasher ses mots de passe</a>
|
||
</section>
|
||
<section class="flex flex-col mb-4">
|
||
<time class="text-slate-600 ">Il y a une semaine</time>
|
||
<a class="hover:underline" href="~blog/sample.html">Les intermittents de l’audiovisuel en grève : « On demande juste le rattrapage de nos salaires »</a>
|
||
</section>
|
||
<section class="flex flex-col mb-4">
|
||
<time class="text-slate-600 ">Le 07/11/2023</time>
|
||
<a class="hover:underline" href="~blog/sample.html">L’affaire du sénateur Guerriau menace tout un « système » local</a>
|
||
</section>
|
||
<section class="flex flex-col mb-4">
|
||
<time class="text-slate-600 ">Le 12/05/2022</time>
|
||
<a class="hover:underline" href="~blog/sample.html">En Israël, les proches des otages à Gaza militent contre l’oubli</a>
|
||
</section>
|
||
</main>
|
||
<footer class="w-full fixed m-1 left-0 bottom-0 flex justify-center">
|
||
<a class="mx-1 underline" href="#">Flux RSS</a>
|
||
<span class="mx-1" >•</span>
|
||
<a class="mx-1 underline" href="#">Inspirer de Sidey</a>
|
||
<span class="mx-1" >•</span>
|
||
<a class="mx-1 underline" href="#">GitHub</a>
|
||
<span class="mx-1" >•</span>
|
||
<a class="mx-1 underline" href="#">Instagram</a>
|
||
</footer>
|
||
</body>
|
||
</html> |