tigerlily.cafe
an archive of the things i'm making
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta property="og:title" content="TRANSPARENCY">
5 <meta name="twitter:title" content="TRANSPARENCY">
6 <meta name="description" content="TRANSPARENCY">
7 <meta property="og:description" content="TRANSPARENCY">
8 <meta name="twitter:description" content="TRANSPARENCY">
9 <link rel="preload" as="fetch" href="https://octothorp.es/?uri=https://https://fullmoon.city/transparency >
10 <link rel=" octo:octothorpes" href="weirdweboctober">
11 <link rel="octo:octothorpes" href="Transparency">
12 <style>
13 body {
14 background-image: url("https://fullmoon.city/transparency/fakesparent.png");
15 background-repeat: repeat;
16 }
17
18 img {
19 opacity: 0
20 }
21
22 img:hover {
23 opacity: 1.0;
24 animation-name: bounce, fade;
25 animation-duration: 2s;
26 animation-iteration-count: 1;
27 animation-timing-function: ease-in;
28 filter: contrast(150%) drop-shadow(5px 0px 0px #fff) drop-shadow(-5px 0px 0px #fff) drop-shadow(0px 5px 0px #fff) drop-shadow(0px -5px 0px #fff) drop-shadow(1px 0px 0px #000) drop-shadow(-1px 0px 0px #000) drop-shadow(0px 1px 0px #000) drop-shadow(0px -1px 0px #000);
29 }
30
31 @keyframes fade {
32 0% {
33 opacity: 0;
34 }
35
36 100% {
37 opacity: 1;
38 }
39 }
40
41 @keyframes bounce {
42 0% {
43 transform: translateY(0);
44 }
45
46 30% {
47 transform: translateY(-70px);
48 }
49
50 50% {
51 transform: translateY(5px);
52 }
53
54 70% {
55 transform: translateY(-25px);
56 }
57
58 80% {
59 transform: translateY(2px);
60 }
61
62 90% {
63 transform: translateY(-15px);
64 }
65
66 100% {
67 transform: translateY(0);
68 }
69 }
70
71 #babies {
72 line-height: 0;
73 -webkit-column-count: 5;
74 -webkit-column-gap: 0px;
75 -moz-column-count: 5;
76 -moz-column-gap: 0px;
77 column-count: 5;
78 column-gap: 0px;
79 }
80
81 #babies img {
82 width: 100% !important;
83 height: auto !important;
84 }
85
86 @media (max-width: 1200px) {
87 #babies {
88 -moz-column-count: 4;
89 -webkit-column-count: 4;
90 column-count: 4;
91 }
92 }
93
94 @media (max-width: 1000px) {
95 #babies {
96 -moz-column-count: 3;
97 -webkit-column-count: 3;
98 column-count: 3;
99 }
100 }
101
102 @media (max-width: 800px) {
103 #babies {
104 -moz-column-count: 2;
105 -webkit-column-count: 2;
106 column-count: 2;
107 }
108 }
109
110 @media (max-width: 400px) {
111 #babies {
112 -moz-column-count: 1;
113 -webkit-column-count: 1;
114 column-count: 1;
115 }
116 }
117
118 body {
119 margin: 0;
120 padding: 0;
121 }
122 </style>
123 <title>░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░</title>
124 </head>
125 <body>
126 <span style="color: #fff; font-weight: bold; font-size: 1.5em;">
127 <a href="https://fullmoon.city/" style="text-decoration: none;">🌕</a>
128 </span>
129 <section id="babies">
130 <img src="https://fullmoon.city/transparency/anya.png" alt="an old photo of a himalayan grumpy cat" title="you found me!">
131 <img src="https://fullmoon.city/transparency/dis.png" alt="an old photo of a border collie" title="you found me!">
132 <img src="https://fullmoon.city/transparency/ford.png" alt="an old photo of a brown hamster" title="you found me!">
133 <img src="https://fullmoon.city/transparency/ford2.png" alt="an old photo of a black hamster being held text" title="you found me!">
134 <img src="https://fullmoon.city/transparency/lily.png" alt="an old photo of a siamese coloured cat text" title="you found me!">
135 <img src="https://fullmoon.city/transparency/lucy2.png" alt="an old photo of a black cat text" title="you found me!">
136 <img src="https://fullmoon.city/transparency/lulu.png" alt="an old photo of a very cute short haired dog text" title="you found me!">
137 <img src="https://fullmoon.city/transparency/nessie.png" alt="an old photo of a brown sheep with odd ears text" title="you found me!">
138 <img src="https://fullmoon.city/transparency/schmoo.png" alt="an old photo of a calico cat text" title="you found me!">
139 <img src="https://fullmoon.city/transparency/schmoo2.png" alt="an old photo of a calico cat text" title="you found me!">
140 <img src="https://fullmoon.city/transparency/sheba.png" alt="an old photo of a dog mixed with german shepherd and blue heeler text" title="you found me!">
141 <img src="https://fullmoon.city/transparency/snowball.png" alt="an old photo of a white hamster text" title="you found me!">
142 <img src="https://fullmoon.city/transparency/these%20dicks.png" alt="an old photo of some mean llamas text" title="you found me!">
143 <img src="https://fullmoon.city/transparency/thunder.png" alt="an old photo of a grey tabby cat text" title="you found me!">
144 <img src="https://fullmoon.city/transparency/tico.png" alt="an old photo of a tabby cat text" title="you found me!">
145 <img src="https://fullmoon.city/transparency/tico2.png" alt="an old photo of a tabby cat text" title="you found me!">
146 <img src="https://fullmoon.city/transparency/zero.png" alt="an old photo of a black and white hamster text" title="you found me!">
147 </section>
148 </body>
149 </html>