ajout d'une page boutons pour la webring
This commit is contained in:
ewen
parent
844eea61e9
commit
216d5f7610
|
|
@ -344,4 +344,50 @@ body {
|
|||
.now {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}/* === PAGE BOUTONS == */
|
||||
|
||||
|
||||
.section-boutons {
|
||||
margin-top: 1.2rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.section-boutons h2 {
|
||||
font-size: 1rem;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
color: #999;
|
||||
margin-bottom: 0.6rem;
|
||||
border-bottom: 1px solid #eee;
|
||||
padding-bottom: 0.3rem;
|
||||
}
|
||||
.rangee-boutons {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.4rem;
|
||||
align-items: center;
|
||||
}
|
||||
.rangee-boutons img {
|
||||
image-rendering: pixelated;
|
||||
display: block;
|
||||
}
|
||||
.mon-bouton {
|
||||
margin-top: 1rem;
|
||||
padding-top: 1rem;
|
||||
border-top: 1px solid #ddd;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.mon-bouton p {
|
||||
margin-bottom: 0.6rem;
|
||||
color: #555;
|
||||
font-style: italic;
|
||||
}
|
||||
code {
|
||||
font-family: monospace;
|
||||
font-size: 0.75rem;
|
||||
background: #f5f5f5;
|
||||
padding: 0.4rem 0.6rem;
|
||||
display: block;
|
||||
border: 1px solid #ddd;
|
||||
overflow-x: auto;
|
||||
color: #333;
|
||||
}
|
||||
61
boutons.html
Normal file
61
boutons.html
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>boutons — eweng.space</title>
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>☆</text></svg>">
|
||||
<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=IM+Fell+English:ital@0;1&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="assets/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div>
|
||||
<a href="index.html" class="retour">←</a><span class="fenetre-nom" id="titre-nav">eweng.space ☆</span>
|
||||
</div>
|
||||
|
||||
<div class="fenetre fenetre--small">
|
||||
<div class="fenetre-contenu">
|
||||
<h1>boutons</h1>
|
||||
<p>des amis et des trucs que j'aime bien.</p>
|
||||
|
||||
<!-- ── amis ── -->
|
||||
<div class="section-boutons">
|
||||
<h2>amis</h2>
|
||||
<div class="rangee-boutons">
|
||||
<a href="https://gabriel.reisen" target="_blank">
|
||||
<img src="https://gabriel.reisen/button2.gif" width="88" height="31" alt="gabriel.reisen">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ── sites que j'aime ── -->
|
||||
<div class="section-boutons">
|
||||
<h2>sites et boutons que j'aime</h2>
|
||||
<div class="rangee-boutons">
|
||||
<img src="assets/buttons/button1.gif" width="88" height="31" alt="">
|
||||
<a href="https://neocities.org" target="_blank">
|
||||
<img src="assets/buttons/button2.gif" width="88" height="31" alt="">
|
||||
</a>
|
||||
<a href="https://debian.org" target="_blank">
|
||||
<img src="assets/buttons/button4.gif" width="88" height="31" alt="">
|
||||
</a>
|
||||
<img src="assets/buttons/button5.gif" width="88" height="31" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ── mon bouton ── -->
|
||||
<div class="mon-bouton">
|
||||
<p>si vous voulez ajouter mon bouton sur mon site / if you want to add my button on your website : </p>
|
||||
<img src="assets/buttons/button3.gif" width="88" height="31" alt="eweng.space" style="image-rendering:pixelated; margin-bottom:0.6rem;">
|
||||
<code><a href="https://eweng.space"><img src="https://eweng.space/assets/buttons/button3.gif" width="88" height="31" alt="eweng.space"></a></code>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="assets/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
</ul>
|
||||
<p>ce site est entièrement fait à la main, par moi, par ce que je suis et ce que je représente dans le monde, avec mes envies, mes convictions, mes peines et ma sueur.</p>
|
||||
<p><strong><u>!! en construction !!</u></strong></p>
|
||||
<p>boutons de mes amis ou des trucs que j'aime bien dans la vie : </p>
|
||||
<p><a href="boutons.html">boutons</a> de mes amis ou des trucs que j'aime bien dans la vie : </p>
|
||||
<a href="https://gabriel.reisen"><img src="https://gabriel.reisen/button2.gif" width="88" height="31" alt="gab"></a> <img src="assets/buttons/button1.gif" width="88" height="31" alt=""> <img src="assets/buttons/button2.gif" width="88" height="31" alt=""> <img src="assets/buttons/button3.gif" width="88" height="31" alt=""> <img src="assets/buttons/button4.gif" width="88" height="31" alt=""> <img src="assets/buttons/button5.gif" width="88" height="31" alt="">
|
||||
<img style="position:absolute; bottom:1.5rem; right:4rem;" src="https://count.getloli.com/@ewengspace?name=ewengspace&theme=rule34&padding=3&offset=0&align=top&scale=1&pixelated=1&darkmode=0" alt="ewengspace" />
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue