Teddy1792.github.io/index.html at main · Teddy1792/Teddy1792.github.io · GitHub

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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <!--[if lt IE 9]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>le Monde Meta</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
    </head>

    <body>
        <header>
            <div id="banner_image">
                <div id="banner_title">
                    <a href="index.html"><h1>Le Monde Meta</h1></a>
                    <p>Littérature et politique</p>
                </div>
            </div>
            <a name="top"></a>
        </header>

        <nav>   <!-- navigation menu -->
                <ul>
                <li class="menu"><a href="#">Romans</a>
                    <ul class="dropleft">
                        <li><a href="#">L'eau qui monte</a></li>
                        <li><a href="#">Le Souffle</a></li>
                    </ul>
                </li>
                <li class="menu"><a href="#">Nouvelles</a>
                    <ul class="dropleft">
                        <li><a href="#">Fake News</a></li>
                        <li><a href="#">Les champignons de Paris</a></li>
                        <li><a href="#">Pourquoi les oiseaux...</a></li>
                    </ul>
                </li>
                <li class="menu"><a href="#">Journal</a>
                    <ul class="dropleft">
                        <li><a href="#">Partie 1</a></li>
                        <li><a href="#">Partie 2</a></li>
                    </ul>
                </li>
                <li><a href="#">A propos</a></li>
                </ul>
        </nav>


        <section>
        <p>République est à bout de souffle. La Méditerranée s’assèche et se réchauffe : bientôt une soupe de cadavres.</p>
        <p>Bientôt, socialisme ou barbarie.</p>
        <p>Il faut n'avoir jamais lever les yeux de son assiette pour l’ignorer. Il faut avoir une assiette bien garnie, et une porte épaisse.</p>

        <p>Chacun se dit que sa porte tiendra, que la marée ne montera pas si haut. Mais nous serons tous la marée lorsqu'elle nous jetera ses les routes, nous agglutinera dans des queues de rationnement, lorsque l'électricité du bloc sera rationnée et qu'il fera froid. Lorsqu'il fera chaud et que les robinets ne couleront plus. C'est déjà là par endroit, mais la porte tient encore.</p>

        <p>Il faut s'organiser et lutter parce que nous sommes <em>déjà</em> la marée. Parce que la raison sonne en son cratère.</p>

        <!-- in order to create a box for the index of my texts, I will probably use the css tag border on an element such as <p> with a special class such as "index". <div> is a general purpose tag used to design a block, while <span> is used for inlines. -->
        </section>


        <footer>
        </footer>

    </body>
</html>