aboutsummaryrefslogtreecommitdiff
path: root/design/log.html
blob: 89fb583e1431e3d5025e4d64e404d5322c89ba61 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!doctype html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>anhgelus - log entry - Title</title>
    <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>
    </header>
    <article>
      <h1>Page title</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>
      <figure>
        <img src="https://placehold.co/1920x1080" alt="" class="large" />
        <figcaption>A placeholder large image.</figcaption>
      </figure>
      <h2>A. Section</h2>
      <p>
        Lorem ipsum dolor sit amet, <code>consectetur adipiscing elit</code>, sed do eiusmod tempor incididunt ut labore
        et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri
        <em>tamen</em> permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur.
        <a href="">Quod idem licet transferre</a>.
      </p>
      <figure>
        <img src="https://placehold.co/600x400" alt="placeholder" />
        <figcaption>A placeholder image.</figcaption>
      </figure>
      <h3>1. Subsection</h3>
      <p>
        Et ultimum bonorum, quod omnium philosophorum sententia tale debet esse,
        <a href="">ut ad Orestem pervenias profectus a Theseo</a>. At vero Epicurus una in domo, et ea quidem angusta,
        quam magnos quantaque amoris conspiratione consentientis tenuit amicorum greges! Quod fit etiam nunc ab
        Epicureis. Sed ad rem redeamus; de hominibus dici non modo.
      </p>
      <p>
        Civitatis, P. Scaevolam M'.que Manilium, ab iisque vitiis, quae paulo ante collegi, abest plurimum et, cum
        stultorum vitam cum sua comparat, magna afficitur voluptate. Dolores autem si qui e nostris aliter existimant,
        quos quidem video minime esse deterritum. Quae cum dixisset, Explicavi, inquit, sententiam meam, et eo quidem
        consilio, tuum iudicium ut.
      </p>
      <h3>2. Subsection</h3>
      <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,
        <em>fieri tamen</em> permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur.
        Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique
        non possit.
      </p>
      <p>
        <a href="">Verborum vis et natura orationis</a> et
        <a href="">consequentium repugnantiumve ratio potest perspici</a>. Omnium autem rerum natura perspecta erit,
        nullo modo sine amicitia firmam et perpetuam iucunditatem vitae tenere possumus neque vero ipsam amicitiam
        tueri, nisi aeque.
      </p>
      <div class="quote">
        <blockquote cite="">
          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.
        </blockquote>
        <p>John Doe, <cite>Foo Bar</cite></p>
      </div>
      <p>
        Laborum perfunctio neque <b>perpessio dolorum</b> per se esse expetendam et dolorem ipsum per se esse fugiendum.
        Itaque aiunt hanc quasi naturalem atque insitam in animis inclusae inter se reprehensiones non sunt
        vituperandae, maledicta, contumeliae, tum iracundiae, contentiones concertationesque in disputando pertinaces
        indignae philosophia mihi.
      </p>
      <h2>B. Section</h2>
      <p>
        Ignorant. Animi autem voluptates et dolores nasci fatemur e corporis voluptatibus et doloribus -- itaque
        concedo, quod modo dicebas, cadere causa, si qui incurrunt, numquam vim tantam habent, ut non dicas, quid non
        probes. Principio, inquam, in physicis, quibus maxime gloriatur, primum totus est alienus.
        <a href="">Democritea dicit perpauca mutans</a>, sed ita, ut ea, quae dicta sunt ab iis quos probamus, eisque
        nostrum iudicium et.
      </p>
      <ul>
        <li>Item A</li>
        <li>Item B</li>
        <li>Item C</li>
      </ul>
      <pre><code>package main

import "fmt"

func main() {
    fmt.Printf("Hey %s!", "you")
}</code></pre>
      <p>
        Lorem ipsum dolor sit amet, consectetur <em>adipiscing</em> 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.
        <b>Quod idem licet transferre in voluptatem</b>, ut postea variari voluptas distinguique possit, augeri
        amplificarique non possit. At etiam Athenis.
      </p>
      <ol>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ol>
    </article>
    <footer>
      <p>&copy; 2025 - Anhgelus Morthuuzh</p>
      <p>«&thinsp;Une citation&thinsp;»</p>
      <p><a href="">Mentions légales</a></p>
    </footer>
  </body>
</html>