tigerlily.cafe
+21
camera/index.php
+21
camera/index.php
···
1
+
<!DOCTYPE html>
2
+
<html lang="en">
3
+
<head>
4
+
<meta charset="utf-8">
5
+
<title>this film was so much money </title>
6
+
<meta name="description" content="Camera">
7
+
<link rel="octo:octothorpes" href="Camera" >
8
+
<style>
9
+
10
+
</style>
11
+
</head>
12
+
<body>
13
+
nobody tells you that when you buy a polaroid, and then buy the $30 film (for ten photos) that most of your photos will look like this:
14
+
<br><br>
15
+
<img src="https://fullmoon.city/camera/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.png">
16
+
<br><br>except me! i'm telling you right now! it's a lot of fun but you WILL waste photos!!
17
+
<br><br>these actually look better online than irl because they're smaller so now they look SHARPER
18
+
<br><br><img src="https://fullmoon.city/camera/20251011_205235-removebg-preview.png">
19
+
<br><br>i love my camera (except for all of the settings that are in the app) but my god it's hard to get a nice photo with when you're me
20
+
</body>
21
+
</html>
containers/container.png
containers/container.png
This is a binary file and will not be displayed.
+98
containers/index.php
+98
containers/index.php
···
1
+
<!DOCTYPE html>
2
+
<html lang="en">
3
+
<head>
4
+
<meta charset="utf-8">
5
+
<title>A CONTAINER CONTAINS....</title>
6
+
<meta name="description" content="weird web october: containers">
7
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
8
+
<link rel="octo:octothorpes" href="Containers" >
9
+
<style>
10
+
body {
11
+
background-color: #000;
12
+
font-family: monospace, courier new;
13
+
background-color: black;
14
+
}
15
+
16
+
#container {
17
+
margin: 0 auto;
18
+
padding: 5%;
19
+
color: orange;
20
+
font-family: monospace;
21
+
font-size: 1.255em;
22
+
}
23
+
24
+
div {
25
+
display: inline-block;
26
+
padding: 15px;
27
+
//transform: scale(0.1);
28
+
}
29
+
}
30
+
31
+
.tilt-l {
32
+
transform: rotate(-2deg);
33
+
}
34
+
35
+
.tilt-r {
36
+
transform: rotate(2deg);
37
+
}
38
+
39
+
.tilt-l2x {
40
+
transform: rotate(-5deg);
41
+
}
42
+
43
+
.tilt-r2x {
44
+
transform: rotate(5deg);
45
+
}
46
+
47
+
.hide {
48
+
display: none;
49
+
}
50
+
51
+
a:visited {
52
+
color: #ff5c00;
53
+
}
54
+
55
+
a {
56
+
color: #ff5c00;
57
+
}
58
+
</style>
59
+
</head>
60
+
<body>
61
+
<div id="container"><img src="https://fullmoon.city/containers/container.png" align="left">
62
+
<div id="one" class="tilt-l">lately <a href="https://fullmoon.city">i've</a> been drinking a lot of water.
63
+
<br>
64
+
</div>
65
+
<div id="two" class="tilt-r">one day, the pepsi guys brought this new drink into our store
66
+
<br>
67
+
</div>
68
+
<div id="two" class="tilt-r">and i though the bright orange bottle label was cute.
69
+
<br>
70
+
</div>
71
+
<div id="three" class="tilt-r2x"> i also couldn't help but notice that
72
+
<br>
73
+
</div>
74
+
<div id="nine" class="tilt-r">the word <b>GATORADE</b> on the water
75
+
<br>
76
+
</div>
77
+
<div id="four" class="tilt-l">was bigger than the word <b>GATORADE</b>
78
+
<br> </div>
79
+
<div id="seven" class="tilt-r2x">on what is... you know, actual gatorade.</div>
80
+
<div id="five" class="tilt-r">i tried it. i thought it was gross. i finished the bottle.
81
+
<br>i have now grabbed at least one every
82
+
<br>day for almost a year at work.
83
+
<br> </div>
84
+
<div id="six" class="tilt-l2x">it's really good water that has rocks or something in it.</div>
85
+
<div id="seven" class="tilt-r2x">i reuse the bottles; i'm using one now for my iced tea.</div>
86
+
<div id="two" class="tilt-r">i think i should be the gatorwater ambassador but
87
+
<br>
88
+
</div>
89
+
<div id="eight" class="tilt-l2x"> pepsico hasn't sent me my shirt yet.</div>
90
+
<div id="nine" class="tilt-r">a shirt is just a #container for the body, </div>
91
+
<div id="nine" class="tilt-r">much like the gatorwater bottle is a #container for the gatorwater.
92
+
<br>maybe i should say it like <b>GATORWATER!</b></div>
93
+
<div id="ten" class="tilt-l"><b>oh no! my words need a container too! anyway, this was <a href="https://codepen.io/hrousley/pen/dywbmWe">cool</a>.</b></div>
94
+
</div>
95
+
<div>
96
+
</body>
97
+
98
+
</html>
+6
-10
index.php
+6
-10
index.php
···
160
160
<link rel="preload" as="fetch"
161
161
href="https://octothorp.es/?uri=https://fullmoon.city" >
162
162
<link rel="octo:octothorpes" href="weirdweboctober" >
163
-
<link rel="octo:octothorpes" href="Transparency" >
164
-
<link rel="octo:octothorpes" href="Maps" >
165
-
<link rel="octo:octothorpes" href="Scramble" >
166
-
<link rel="octo:octothorpes" href="Filters" >
167
163
<title>mitzi's wweuiwooejjkfdr</title></head>
168
164
<body>
169
165
···
185
181
<td class="tg-u3lo">4 <br>ᯓ★ FILTERS
186
182
<br><link rel="octo:octothorpes" href="tbd" ><center><a href="http://fullmoon.city/filters/">⁀➷</a></center></td>
187
183
<td class="tg-u3lo">5 <br>ᯓ★ REMIX
188
-
<br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
184
+
<br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/remix/">⁀➷</a></center></td>
189
185
<td class="tg-u3lo">6 <br>ᯓ★ SOLIDS
190
186
<br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/solids/">⁀➷</a></center></td>
191
187
<td class="tg-u3lo">7 <br>ᯓ★ SUB-OPTIMAL
192
-
<br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
188
+
<br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/suboptimal/">⁀➷</a></center></td>
193
189
</tr>
194
190
<tr>
195
191
<td class="tg-u3lo">8 <br>ᯓ★ CONTAINERS
196
-
<br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
192
+
<br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/containers/">⁀➷</center></td>
197
193
<td class="tg-u3lo">9 <br>ᯓ★ BLINK
198
-
<br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
194
+
<br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/blink/">⁀➷</a></center></td>
199
195
<td class="tg-u3lo">10 <br>ᯓ★ WARNING
200
-
<br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
196
+
<br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/warning/">⁀➷</a></center></td>
201
197
<td class="tg-u3lo">11 <br>ᯓ★ CAMERA
202
-
<br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
198
+
<br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/camera/">⁀➷</a></center></td>
203
199
<td class="tg-u3lo">12 <br>ᯓ★ BATTLE
204
200
<br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
205
201
<td class="tg-u3lo">13 <br>ᯓ★ UPSIDE-DOWN
+70
upside-down/index.php
+70
upside-down/index.php
···
1
+
<!DOCTYPE html>
2
+
<html lang="en">
3
+
<head>
4
+
<meta charset="utf-8">
5
+
<title>¿</title>
6
+
<meta name="description" content="upside down but it's upside down">
7
+
<link rel="octo:octothorpes" href="Upside-down" >
8
+
<style>
9
+
body {
10
+
background-color: #ca9ee6;
11
+
color: #cad3f5;
12
+
font-family: courier new;
13
+
}
14
+
15
+
#upside {
16
+
17
+
}
18
+
19
+
div.down
20
+
{
21
+
bottom: 0;
22
+
position: absolute;
23
+
-webkit-transform: scaleY(-1);
24
+
-moz-transform: scaleY(-1);
25
+
-o-transform: scaleY(-1);
26
+
-ms-transform: scaleY(-1);
27
+
transform: scaleY(-1);
28
+
background: linear-gradient(rgba(202, 211, 245, 0.2) 10%, rgba(202, 211, 245, 0.5) 70%, rgba(202, 211, 245, 0.7) 90%);
29
+
-webkit-background-clip: text;
30
+
color: transparent;
31
+
}
32
+
</style>
33
+
</head>
34
+
<body>
35
+
<div class="upside">
36
+
<pre>
37
+
38
+
/■■
39
+
/■■
40
+
■■■■■■■■ ■■■ /■■■■■■(■■■■, ■■■■(■■■■. ■■■ ■■■■■■■■■/■■, .■■■■■■■■■■ ■■■■■■■■■,■■/ ■■■■■■■■■■. ■■■■ (■■■ ■■■ ■■■,
41
+
■■■ ■■■■ /■■ ,■■■ ■■■. ■■■ ■■■ ■■■, ■■■ ■■■ ■■■/ ■■■ ,■■■ ■■■■■■ .■■ ■■ ■■■ ■■■,
42
+
■■■ ■■■ /■■ ■■■. /■■■■■ ■■■ /■■/ /■■, /■■. ■■■ ,■■/ ■■■ ■■■, ■■■ ■■ ■■( ■■■ ■■■ ■■■,
43
+
■■■ ■■■ /■■ ■■■. ,■■■■/ ■■■ ,■■■ /■■, ■■■■■■■■■■■■■ ■■■ ,■■/ ■■■ ■■■. ■■■, ■■ ■■■ ■■■ ■■■ ■■■,
44
+
■■■ ■■■ /■■■, /■■■ ■■■ ■■■ ■■■* ■■■, ■■■ ■■/ /■■■ /■■/ /■■■ ■■■/ ■■■ (■■■■ ■■/ ■■■■. (■■.
45
+
■■■ ■■■ /■■ ,■■■■■■■ ■■■■■■■■ ■■■ ■■■■■■■■/■■, ■■■■■■■■ #■■■■■■■,■■/ (■■■■■■■■( ■■■ ■■■■ ■■. ■■■ ■■■■■■■,
46
+
/■■, ,■■/
47
+
■■■ /■■, ,■■/
48
+
/■■, ,■■/
49
+
50
+
</pre>
51
+
</div>
52
+
<div class="down">
53
+
<pre>
54
+
55
+
/■■
56
+
/■■
57
+
■■■■■■■■ ■■■ /■■■■■■(■■■■, ■■■■(■■■■. ■■■ ■■■■■■■■■/■■, .■■■■■■■■■■ ■■■■■■■■■,■■/ ■■■■■■■■■■. ■■■■ (■■■ ■■■ ■■■,
58
+
■■■ ■■■■ /■■ ,■■■ ■■■. ■■■ ■■■ ■■■, ■■■ ■■■ ■■■/ ■■■ ,■■■ ■■■■■■ .■■ ■■ ■■■ ■■■,
59
+
■■■ ■■■ /■■ ■■■. /■■■■■ ■■■ /■■/ /■■, /■■. ■■■ ,■■/ ■■■ ■■■, ■■■ ■■ ■■( ■■■ ■■■ ■■■,
60
+
■■■ ■■■ /■■ ■■■. ,■■■■/ ■■■ ,■■■ /■■, ■■■■■■■■■■■■■ ■■■ ,■■/ ■■■ ■■■. ■■■, ■■ ■■■ ■■■ ■■■ ■■■,
61
+
■■■ ■■■ /■■■, /■■■ ■■■ ■■■ ■■■* ■■■, ■■■ ■■/ /■■■ /■■/ /■■■ ■■■/ ■■■ (■■■■ ■■/ ■■■■. (■■.
62
+
■■■ ■■■ /■■ ,■■■■■■■ ■■■■■■■■ ■■■ ■■■■■■■■/■■, ■■■■■■■■ #■■■■■■■,■■/ (■■■■■■■■( ■■■ ■■■■ ■■. ■■■ ■■■■■■■,
63
+
/■■, ,■■/
64
+
■■■ /■■, ,■■/
65
+
/■■, ,■■/
66
+
67
+
</pre>
68
+
</div>
69
+
</body>
70
+
</html>
+39
warning/index.php
+39
warning/index.php
···
1
+
<!DOCTYPE html>
2
+
<html lang="en">
3
+
<head>
4
+
<meta charset="utf-8">
5
+
<title>?! ?! ?!!</title>
6
+
<meta name="description" content="WARNING">
7
+
<link rel="octo:octothorpes" href="Warning" >
8
+
<style>
9
+
body, html {
10
+
height: 100%;
11
+
margin: 0;
12
+
}
13
+
14
+
.bg {
15
+
background-image: url("https://fullmoon.city/warning/warning.png");
16
+
height: 100%;
17
+
background-position: center;
18
+
background-repeat: no-repeat;
19
+
background-size: cover;
20
+
}
21
+
22
+
.text {
23
+
width: 50%;
24
+
padding-top: 25%;
25
+
padding-left: 40%;
26
+
color: #fff;
27
+
text-transform: uppercase;
28
+
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
29
+
font-size: 4em;
30
+
font-family: monospace;
31
+
opacity: .8;
32
+
}
33
+
34
+
</style>
35
+
</head>
36
+
<body>
37
+
<div class="bg"><div class="text">the chances of your beloved pet <i>betta splendens</i> killing you are low... but never zero.</div></div>
38
+
</body>
39
+
</html>
warning/warning.png
warning/warning.png
This is a binary file and will not be displayed.