embarcadere/index.html

82 lines
3.6 KiB
HTML

<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Embarcadère</title>
<meta name="description" content="Une page d'accueil simple en HTML5, affichant quelques favoris">
<meta name="author" content="Kazhnuz">
<meta property="og:title" content="Embarcadère">
<meta property="og:type" content="website">
<meta property="og:url" content="https://kazhnuz.space">
<meta property="og:description" content="Une page d'accueil simple en HTML5, affichant quelques favoris">
<link rel="stylesheet" href="./styles.css">
<link rel="stylesheet" href="./dep/fork-awesome/css/fork-awesome.min.css">
</head>
<body>
<main>
<h1>Bonjour</h1>
<form method="GET" action="https://duckduckgo.com/">
<input name="q" title="Recherchez sur DuckDuckGo…" placeholder="Recherchez sur DuckDuckGo…" />
</form>
<div class="featured">
<a href="#" rel="noopener"> <i class="fa fa-fw fa-globe"></i> Site favori 1 </a>
<a href="#" rel="noopener"> <i class="fa fa-fw fa-globe"></i> Site favori 2 </a>
<a href="#" rel="noopener"> <i class="fa fa-fw fa-globe"></i> Site favori 3 </a>
</div>
<div class="cols">
<div class="linklist">
<h2><i class="fa fa-comments-o"></i> Social</h2>
<ul>
<li><a href="https://mastodon.social" rel="noopener"><i class="fa fa-fw fa-mastodon"></i> Mastodon</a></li>
<li><a href="https://pixelfed.fr" rel="noopener"><i class="fa fa-fw fa-pixelfed"></i> Pixelfed</a></li>
<li><a href="https://tumblr.com" rel="noopener"><i class="fa fa-fw fa-tumblr"></i> Tumblr</a></li>
</ul>
</div>
<div class="linklist">
<h2><i class="fa fa-file-text"></i> Sites</h2>
<ul>
<li><a href="https://kazhnuz.space" rel="noopener"><i class="fa fa-fw fa-star"></i> kazhnuz.space</a></li>
<li><a href="https://quarante-douze.net" rel="noopener"><i class="fa fa-fw fa-gear"></i> Quarante-Douze</a></li>
</ul>
</div>
<div class="linklist">
<h2><i class="fa fa-heart"></i> Favs</h2>
<ul>
<li><a href="https://neocities.org" rel="noopener"><i class="fa fa-fw fa-heart"></i> Neocities</a></li>
<li><a href="https://webidev.com" rel="noopener"><i class="fa fa-fw fa-heart"></i> Webidev</a></li>
</ul>
</div>
<div class="linklist">
<h2><i class="fa fa-paint-brush"></i> Arts/Créa</h2>
<ul>
<li><a href="https://bandcamp.com" rel="noopener"><i class="fa fa-fw fa-music"></i> Bandcamp</a></li>
<li><a href="https://webtoon.com" rel="noopener"><i class="fa fa-fw fa-image"></i> Webtoon</a></li>
<li><a href="https://www.patreon.com/home" rel="noopener"><i class="fa fa-fw fa-patreon"></i> Patreon</a></li>
</ul>
</div>
<div class="linklist">
<h2><i class="fa fa-question"></i> Tutos</h2>
<ul>
<li><a href="https://quarante-douze.net/liens-et-guides-sur-laccessibilite/" rel="noopener"><i class="fa fa-fw fa-universal-access"></i> Docs a11y</a></li>
<li><a href="https://quarante-douze.net/liens-et-guides-pour-le-dev-web/" rel="noopener"><i class="fa fa-fw fa-html5"></i> Docs web</a></li>
<li><a href="https://love2d.org/wiki/Main_Page" rel="noopener"><i class="fa fa-fw fa-gamepad"></i> Docs love2D</a></li>
<li><a href="https://cheatography.com/bouchnouk/cheat-sheets/commandes-de-base-linux/" rel="noopener"><i class="fa fa-fw fa-linux"></i> Commands linux</a></li>
</ul>
</div>
</div>
</main>
</body>
</html>