all repos — www @ 863b05adc820b2d14a6a456b41c70ccb4cd7767b

deserthorns.net content + generator

index.html (view raw)

 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
 126
 127
 128
 
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>deserthorns</title>
    <link rel="stylesheet" href="/assets/css/colors.css">
    <style>
        html {
            background: var(--f_high);
        }

        body {
            -webkit-text-size-adjust: 100%;
            margin: 0;
        }

        a {
            color: var(--f_med);
        }

        ul {
            list-style: none;
            text-align: center;
            font-size: 1.25rem;
            padding: 0;
        }

        li {
            padding-bottom: 1rem;
        }

        hr {
            border: 2px solid var(--f_low);
        }

        .content {
            margin: 3rem auto;
            border: 3px solid var(--b_inv);
            padding: 2rem;
            box-shadow: 8px 8px var(--background);
            max-width: 30rem;
            background: var(--background);
        }

        .ident-imgs {
            display: flex;
            flex-direction: row;
            justify-content: center;
        }

        .logo {
            display: block;
            width: 8rem;
            height: 8rem;
        }

        .name {
            display: block;
            letter-spacing: 0.5rem;
            font-family: monospace;
            color: var(--b_high);
            font-size: 2rem;
            margin-left: 1rem;
            text-align: center;
        }

        .grid-img {
            width: 5rem;
            height: 5rem;
            border-radius: 50%;
            margin: 2rem;
        }

        .header {
            height: 30vh;
        }

        .header-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        @media screen and (max-width: 600px) {
            .content {
                max-width: 17rem;
            }

            .name {
                font-size: 1.5rem;
            }

            .logo {
                width: 6rem;
                height: 6rem;
            }
        }
    </style>
</head>

<body>
    <div class="header">
        <img class="header-img" src="/assets/img/sunset-d.png">
    </div>
    <div class="content">
        <div class="ident-imgs">
            <!-- <img class="grid-img" src="/assets/img/vista-d.png"> -->
            <img class="logo" src="/assets/svg/logo-light.svg">
            <!-- <img class="grid-img" src="/assets/img/goat-d.png"> -->
        </div>
        <h1 class="name">deserthorns</h1>
        <hr>
        <ul>
            <li>
                <a href="/wiki">wiki</a>
            </li>
            <li>
                <a href="/etc/do">do</a>
            </li>
        </ul>
    </div>
</body>

</html>