an archive of the things i'm making
tigerlily.cafe
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta property="og:title" content="maps">
5 <meta name="twitter:title" content="maps">
6 <meta name="description" content="maps">
7 <meta property="og:description" content="maps">
8 <meta name="twitter:description" content="maps">
9 <link rel="octo:octothorpes" href="weirdweboctober">
10 <link rel="octo:octothorpes" href="Maps">
11 <style>
12 body {
13 width: 100%;
14 height: 100%;
15 overflow: hidden;
16 }
17
18 #map {
19 width: 75%;
20 height: 75%;
21 overflow: hidden;
22 }
23
24 #marquee {
25 position: absolute;
26 bottom: 0;
27 width: 100%;
28 }
29
30 .rainbow-text {
31 font-family: Impact, Charcoal, sans-serif;
32 text-align: center;
33 font-weight: bold;
34 font-size: 50px;
35 text-shadow: #000000 5px 0px 0px;
36 }
37
38 .rainbow-text .block-line>span {
39 display: inline-block;
40 }
41
42 #where {
43 position: absolute;
44 left: 0;
45 top: 15;
46 }
47 </style>
48 <title>WHERE ARE THE RATS AT?</title>
49 </head>
50 <body>
51 <span style="color: #fff; font-weight: bold; font-size: 1.5em;">
52 <a href="https://fullmoon.city/" style="text-decoration: none;">🌕</a>
53 </span>
54 <div class="where">
55 <span style="background: #CF0000;
56 background: linear-gradient(to top left, #CF0000 0%, #0E0ECF 100%);
57 -webkit-background-clip: text;
58 -webkit-text-fill-color: transparent; font-size: 2em; font-family: impact;">WHERE ARE NO RATS? (AWFUL)</span>
59 </div>
60 <div class="map">
61 <center>
62 <img src="https://files.catbox.moe/innyzd.png" height="80%" width="80%">
63 </center>
64 </div>
65 <div id="marquee">
66 <div class="rainbow-text">
67 <span class="block-line">
68 <span>
69 <span style="color:#eb0000">R</span>
70 <span style="color:#eb6600">E</span>
71 <span style="color:#ebcb00">A</span>
72 <span style="color:#a4eb00">D </span>
73 </span>
74 <span>
75 <span style="color:#42eb00">W</span>
76 <span style="color:#00eb23">I</span>
77 <span style="color:#00eb89">K</span>
78 <span style="color:#00e7eb">I</span>
79 <span style="color:#0085eb">P</span>
80 <span style="color:#001feb">E</span>
81 <span style="color:#4600eb">D</span>
82 <span style="color:#a800eb">I</span>
83 <span style="color:#eb00c7">A</span>
84 <span style="color:#eb0062">
85 <a href="https://en.wikipedia.org/wiki/Rat#Rat-free_areas">!</a>
86 </span>
87 </span>
88 </span>
89 </div>
90 <marquee width="100%" direction="right" height="400px" overflow="hidden">
91 <img src="https://fullmoon.city/maps/RAT%20POSTER.png" height="390px">
92 <img src="https://fullmoon.city/maps/RAT%20POSTER.png" height="390px">
93 <img src="https://fullmoon.city/maps/RAT%20POSTER.png" height="390px">
94 <img src="https://fullmoon.city/maps/RAT%20POSTER.png" height="390px">
95 <img src="https://fullmoon.city/maps/RAT%20POSTER.png" height="390px">
96 <img src="https://fullmoon.city/maps/RAT%20POSTER.png" height="390px">
97 <img src="https://fullmoon.city/maps/RAT%20POSTER.png" height="390px">
98 </marquee>
99 </div>
100 </body>
101 </html>