template.html 3.25 KB
Newer Older
1
2
3
4
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
berumuron's avatar
berumuron committed
5
6
7
        <title>GDPR.txt</title>
        <meta name="description" content="A proposed standard which informs hosting providers about the personal data collected by softwares.">
        <meta name="keywords" content="GDPR">
8
9
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
berumuron's avatar
berumuron committed
10
11
            /* Colors come from https://www.radix-ui.com/colors, the purple palette */
            /* Font-(stack-)families come from https://systemfontstack.com */
12
            html {
berumuron's avatar
berumuron committed
13
                color: #2b0e44;
berumuron's avatar
berumuron committed
14
                font-size: 22px;
15
16
17
18
19
                line-height: 1.3;
                font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
                background-color: #fefcfe;
            }

berumuron's avatar
berumuron committed
20
21
22
23
24
25
            @media(min-width: 800px) {
                html {
                    font-size: 24px;
                }
            }

26
27
28
29
            main {
                max-width: 1200px;
                margin-right: auto;
                margin-left: auto;
berumuron's avatar
berumuron committed
30
31
32
33
34
35
36
37
38
                padding-top: 2rem;
                padding-bottom: 2rem;
            }

            @media(min-width: 800px) {
                main {
                    padding-top: 5rem;
                    padding-bottom: 5rem;
                }
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
            }

            footer {
                padding-top: 2rem;
                padding-bottom: 2rem;
                font-size: 0.8rem;
                text-align: center;
                font-style: italic;
            }

            a {
                color: #8445bc;
            }

            a:hover {
                color: #793aaf;
            }

            .text-container > p,
            .text-container > ul,
            .text-container > h1,
            .text-container > h2,
            .text-container > h3 {
                max-width: 700px;
                margin-right: auto;
                margin-left: auto;
            }

            div.sourceCode {
                overflow-x: auto;
berumuron's avatar
berumuron committed
69
70
71
                max-width: 80ch;
                margin-right: auto;
                margin-left: auto;
72
73
74
75
76
77
78
79
80
81
82
83
84
                padding: 0.5rem;
                color: #fefcfe;
                background-color: #2b0e44;
            }

            code {
                padding: 0.1rem .25rem;
                font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
                font-size: 0.8rem;
                background-color: #f9f1fe;
                border-radius: 0.25rem;
            }

berumuron's avatar
berumuron committed
85
86
87
88
            pre {
                margin: 0;
            }

89
            pre code {
berumuron's avatar
berumuron committed
90
                padding: 0;
91
                background-color: transparent;
berumuron's avatar
berumuron committed
92
                border-radius: 0;
93
94
95
96
97
98
99
            }
        </style>
    </head>

    <body>
        <main>
            <div class="text-container">
100
$body$
101
102
103
104
105
106
107
108
            </div>
        </main>

        <footer>
            <a href="http://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>&nbsp;&nbsp;hosted on <a href="https://framagit.org/marienfressinaud/gdpr-txt">framagit.org</a>&nbsp;&nbsp;by <a href="https://marienfressinaud.fr">Marien Fressinaud</a>
        </footer>
    </body>
</html>