b2popology/design.html at main · emilplane/b2popology · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Design Page</title>
        <link rel="stylesheet" href="styles/ui.css"/>
        <link rel="stylesheet" href="styles/newpopology.css"/>
        <link href="https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Gabarito&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
    </head>
    <body>
        <h1>Heading 1</h1>
        <h2>Heading 2</h2>
        <h3>Heading 3</h3>
        <h4>Heading 4</h4>
        <p>Paragraph</p>
        <h1 class="luckiestGuy">Heading 1</h1>
        <h2 class="luckiestGuy">Heading 2</h2>
        <h3 class="luckiestGuy">Heading 3</h3>
        <h4 class="luckiestGuy">Heading 4</h4>
        <p class="luckiestGuy">Paragraph</p>
        <h1 class="mono">Heading 1</h1>
        <h2 class="mono">Heading 2</h2>
        <h3 class="mono">Heading 3</h3>
        <h4 class="mono">Heading 4</h4>
        <p class="mono">Paragraph</p>
    </body>
</html>