aboutsummaryrefslogtreecommitdiff
path: root/design/index.html
diff options
context:
space:
mode:
authorAnhgelus Morhtuuzh <william@herges.fr>2025-10-06 19:22:14 +0200
committerAnhgelus Morhtuuzh <william@herges.fr>2025-10-06 19:22:14 +0200
commit9cfcbabb032c729b06d581412a64a9e7cefed6b1 (patch)
treee5ff64ed658ef1af98d53191a252c0d0c7e1c7f5 /design/index.html
parent412a77b7c1ba1819f4bf1c0697ddd19d7af21e19 (diff)
style(format): install prettier and run
Diffstat (limited to 'design/index.html')
-rw-r--r--design/index.html114
1 files changed, 60 insertions, 54 deletions
diff --git a/design/index.html b/design/index.html
index e42aa98..7d31b19 100644
--- a/design/index.html
+++ b/design/index.html
@@ -1,65 +1,71 @@
-<!DOCTYPE html>
+<!doctype html>
<html lang="fr">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>anhgelus</title>
- <link href="reset.css" rel="stylesheet">
- <link href="styles.css" rel="stylesheet">
-</head>
-<body>
+ <link href="reset.css" rel="stylesheet" />
+ <link href="styles.css" rel="stylesheet" />
+ </head>
+ <body>
<header>
- <img src="https://cdn.anhgelus.world/pfp.jpg" alt="pfp">
- <nav>
- <a href="">Home</a>
- <a href="">Logs</a>
- <a href="">Work</a>
- <a href="">Philosophy</a>
- <a href="">Lien 1</a>
- <a href="">Lien 2</a>
- <a href="">Lien 3</a>
- <a href="">Lien 4</a>
- </nav>
+ <img src="https://cdn.anhgelus.world/pfp.jpg" alt="pfp" />
+ <nav>
+ <a href="">Home</a>
+ <a href="">Logs</a>
+ <a href="">Work</a>
+ <a href="">Philosophy</a>
+ <a href="">Lien 1</a>
+ <a href="">Lien 2</a>
+ <a href="">Lien 3</a>
+ <a href="">Lien 4</a>
+ </nav>
</header>
<main>
- <div class="introduction">
- <h1>logs</h1>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere.
- </p>
- </div>
+ <div class="introduction">
+ <h1>logs</h1>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+ magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna
+ accessio potest, si aliquod aeternum et infinitum impendere.
+ </p>
+ </div>
+ <article>
+ <article>
+ <h2><a href="log.html">Article title</a></h2>
+ <figure>
+ <a href="log.html"><img src="https://placehold.co/1920x1080" alt="" /></a>
+ <figcaption>A placeholder.</figcaption>
+ </figure>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+ dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen
+ permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur.
+ </p>
+ </article>
<article>
- <article>
- <h2><a href="log.html">Article title</a></h2>
- <figure>
- <a href="log.html"><img src="https://placehold.co/1920x1080" alt=""></a>
- <figcaption>A placeholder.</figcaption>
- </figure>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur.
- </p>
- </article>
- <article>
- <h2><a href="log.html">Article title</a></h2>
- <figure>
- <a href="log.html"><img src="https://placehold.co/1920x1080" alt=""></a>
- <figcaption>A placeholder.</figcaption>
- </figure>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur.
- </p>
- </article>
- <div class="pagination">
- <a href="">Précédent</a>
- <p>01/15</p>
- <a href="">Suivant</a>
- </div>
+ <h2><a href="log.html">Article title</a></h2>
+ <figure>
+ <a href="log.html"><img src="https://placehold.co/1920x1080" alt="" /></a>
+ <figcaption>A placeholder.</figcaption>
+ </figure>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+ dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen
+ permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur.
+ </p>
</article>
+ <div class="pagination">
+ <a href="">Précédent</a>
+ <p>01/15</p>
+ <a href="">Suivant</a>
+ </div>
+ </article>
</main>
<footer>
- <p>&copy; 2025 - Anhgelus Morhtuuzh</p>
- <p>«&thinsp;Une citation&thinsp;»</p>
- <p><a href="">Mentions légales</a></p>
+ <p>&copy; 2025 - Anhgelus Morhtuuzh</p>
+ <p>«&thinsp;Une citation&thinsp;»</p>
+ <p><a href="">Mentions légales</a></p>
</footer>
-</body>
+ </body>
</html>