-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
56 lines (55 loc) · 2.35 KB
/
index.html
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
<!-- This is bigrat.monster. Welcome. -->
<!-- FOR MORE INFORMATION, PLEASE VISIT https://github.com/bigratmonster/chroma -->
<html>
<head>
<!-- Thanks metatags.io ❤ -->
<!-- Primary Meta Tags -->
<title>big rat</title>
<meta name="title" content="chroma big rat">
<meta name="description" content="">
<meta name="theme-color" content="#e60606">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://chroma.bigrat.monster/">
<meta property="og:title" content="chroma big rat">
<meta property="og:description" content="">
<meta property="og:image" content="https://chroma.bigrat.monster/media/embed-warning.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://chroma.bigrat.monster/">
<meta property="twitter:title" content="chroma big rat">
<meta property="twitter:description" content="">
<meta property="twitter:image" content="https://chroma.bigrat.monster/media/embed-warning.png">
<!-- end of metatags-->
<link rel="stylesheet" type="text/css" href="./css/main.css">
<noscript>
<style>
.instructions {
display: none;
}
</style>
</noscript>
</head>
<body>
<div class="center">
<img id="rat-img" src="./media/bigrat-static.png" alt="An image of a rat sitting on a man's leg. Static, unmoving.">
</div>
<div class="center">
<p class="disclaimer" align="center">
This gif contains crossfading colours, which may be uncomfortable, or trigger photosensitive epilepsy.
<br><br>
<span class="instructions">
Click the rat (or press <span class="key">j</span>) if you are willing to proceed and load the chroma rat.<br>
</span>
<noscript>JavaScript is required for the clickthrough.</noscript>
</p>
</div>
<footer>
try the new <a href="/hue/">hue version</a>!
<br>
a <a href="https://bigrat.monster">bigrat.monster</a> innovation | <a href="https://github.com/bigratmonster/chroma">source code under gnu agpl</a> | bigrat image all rights reserved
</footer>
</body>
<script src="./js/clickthrough.js"></script>
</html>