CallenDV.github.io/index.html at main · CallenDV/CallenDV.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
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noarchive">
    <link rel="stylesheet" href="https://unpkg.com/7.css/dist/7.scoped.css">
    <link rel="icon" type="image/icon" href="/new/assets/notext-tcslogo.png">
    <link rel="stylesheet" href="https://dsring.neocities.org/dswidget/onionring.css">
    <title>welcome to tcs</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-image: url("https://frutigeraeroarchive.org/images/wallpapers/microsoft/microsoft_166.jpg");
            background-attachment: fixed;
            font-family: "Segoe UI", Arial, sans-serif;
        }

        .navbar {
            background: linear-gradient(to bottom, #fdfeff 0%, #f5f9fc 50%, #e7eef5 100%);
            border-bottom: 1px solid #b3b3b3;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            padding: 10px 20px;
            position: sticky;
            top: 0;
            z-index: 9999;
        }

        .navbar-content {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            align-items: center;
        }

        .container {
            display: flex;
            max-width: 1200px;
            margin: 20px auto;
            gap: 20px;
        }

        .column {
            background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
            border: 1px solid #d1d1d1;
            border-radius: 6px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            padding: 15px;
        }

        .side-column {
            flex: 1;
            margin: 0px 9px 0px 9px;
            background-image: url("https://wallpaperaccess.com/full/9368870.png");
            background-attachment: fixed;
        }

        .main-column {
            flex: 2;
        }

        .rssfeedgoesrighthereontherightofthepage {
            float: right;
        }

        #aero-ring {
            background: linear-gradient(to bottom, #0af 0%, #07c 100%);
            border-radius: 10px;
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.5),
            inset 0 2px 1px rgba(255, 255, 255, 0.15),
            inset 0 -2px 1px rgba(0, 0, 0, 0.35);
            font-family: sans-serif;
            margin: 10px auto 0px auto;
            max-width: 15rem;
            padding: 0.75rem;
        }

        #aero-ring a,
        #aero-ring a:visited {
            color: white !important;
        }

        #aero-ring a:focus,
        #aero-ring a:hover,
        #aero-ring a:active {
            color: lightgrey !important;
        }
    </style>
</head>
<body>
    <nav class="navbar">
        <div class="navbar-content">
            <img style="height: 64px; filter: none; image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering:optimize-contrast; image-rendering:crisp-edges; image-rendering:pixelated; -ms-interpolation-mode:nearest-neighbor;" src="/new/assets/tcslogo.png"><h1 style="margin: 0px 0px 0px 10px;""><a href="https://www.thecheesespot.xyz/new" style="text-decoration:none; color: black;">the cheese spot </a></h1>
        </div>
    </nav>

    <div class="container">
        <div class="column main-column">
            <h2>wait a second.</h2>
            <p>this website was designed for very specific conditions. ideally, a 1080p firefox esr window running on windows 7. but most people don't have that specific setup. so, instead, i'll warn you: if you're on mobile, or using a screen below 768p, this website will not look good unless you use something like 80% zoom and desktop mode. tablets should load the website fine.</p>
            <p>anyways, if you're ready to continue, click <a href="/new/">here</a>. otherwise, go back.</p>
            <p style="font-size: smaller !important;">on an ancient device? things don't render correctly? that's okay! <a href="/old/">this website supports that too.</a> it (theoretically) supports web browsers as old as windows 98 se!</p>
            <br>
            <div class="win7" style="max-width:415px; margin:auto;">
                <div class="window active">
                    <div class="title-bar">
                        <div class="title-bar-text">advertisement.htm - IE8</div>
                        <div class="title-bar-controls"></div>
                    </div>
                    <div class="window-body has-space">
                        <img src="/new/assets/advert1.png" style="max-width:100% !important;">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>