-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (97 loc) · 5.76 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<title>Nounsca.st</title>
<style>
html, body {
height: 100%;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
svg {
width: 50vw;
height: 50vh;
}
.github-logo {
position: absolute;
top: 0;
right: 0;
margin: 16px;
display: inline-block; /* Ensure the container fits the content */
/* Explicit size can be set here if necessary, e.g., width: 50px; */
}
.github-logo img {
width: 25px; /* Example of explicitly setting the image size */
height: auto; /* Maintain aspect ratio */
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
var colors = ['#1A1A1A', '#EFC950'];
var selectedColor = colors[Math.floor(Math.random() * colors.length)];
document.querySelector('html').style.background = selectedColor;
document.querySelector('body').style.background = selectedColor;
var logoPath = selectedColor === '#1A1A1A' ? 'github-mark-white.svg' : 'github-mark.svg';
document.getElementById('githubLogo').setAttribute('src', logoPath);
});
</script>
</head>
<body>
<a href="https://github.com/kontext-app/nounsca.st" target="_blank" class="github-logo">
<img id="githubLogo" src="" alt="GitHub Logo">
</a>
<svg width="1594" height="309" viewBox="0 0 1594 309" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M185.644 0H61.8814V20.6271H185.644V0Z" fill="#F3322C"/>
<path d="M330.034 0H206.271V20.6271H330.034V0Z" fill="#F3322C"/>
<path d="M82.5086 20.6271L61.8814 20.6271V41.2543H82.5086V20.6271Z" fill="#F3322C"/>
<path d="M123.763 20.6271H82.5086V41.2543H123.763V20.6271Z" fill="white"/>
<path d="M165.017 20.6271H123.763V41.2543H165.017V20.6271Z" fill="black"/>
<path d="M185.644 20.6271L165.017 20.6271V41.2543H185.644L185.644 20.6271Z" fill="#F3322C"/>
<path d="M226.898 20.6271L206.271 20.6271V41.2543H226.898V20.6271Z" fill="#F3322C"/>
<path d="M268.153 20.6271H226.898V41.2543H268.153V20.6271Z" fill="white"/>
<path d="M309.407 20.6271H268.153V41.2543H309.407V20.6271Z" fill="black"/>
<path d="M330.034 20.6271L309.407 20.6271V41.2543H330.034L330.034 20.6271Z" fill="#F3322C"/>
<path d="M82.5086 41.2543L6.10352e-05 41.2543V61.8814H82.5086L82.5086 41.2543Z" fill="#F3322C"/>
<path d="M123.763 41.2543H82.5086L82.5086 61.8814H123.763V41.2543Z" fill="white"/>
<path d="M165.017 41.2543H123.763V61.8814H165.017V41.2543Z" fill="black"/>
<path d="M226.898 41.2543H165.017V61.8814H226.898L226.898 41.2543Z" fill="#F3322C"/>
<path d="M268.153 41.2543H226.898L226.898 61.8814H268.153V41.2543Z" fill="white"/>
<path d="M309.407 41.2543H268.153V61.8814H309.407V41.2543Z" fill="black"/>
<path d="M330.034 41.2543H309.407V61.8814H330.034V41.2543Z" fill="#F3322C"/>
<path d="M20.6272 61.8814L6.10352e-05 61.8814V82.5085H20.6272V61.8814Z" fill="#F3322C"/>
<path d="M82.5086 61.8814L61.8814 61.8814V82.5085H82.5086L82.5086 61.8814Z" fill="#F3322C"/>
<path d="M123.763 61.8814H82.5086L82.5086 82.5085H123.763V61.8814Z" fill="white"/>
<path d="M165.017 61.8814H123.763V82.5085H165.017V61.8814Z" fill="black"/>
<path d="M185.644 61.8814L165.017 61.8814V82.5085H185.644V61.8814Z" fill="#F3322C"/>
<path d="M226.898 61.8814L206.271 61.8814V82.5085H226.898L226.898 61.8814Z" fill="#F3322C"/>
<path d="M268.153 61.8814H226.898L226.898 82.5085H268.153V61.8814Z" fill="white"/>
<path d="M309.407 61.8814H268.153V82.5085H309.407V61.8814Z" fill="black"/>
<path d="M330.034 61.8814H309.407V82.5085H330.034V61.8814Z" fill="#F3322C"/>
<path d="M20.6272 82.5085H6.10352e-05V103.136H20.6272V82.5085Z" fill="#F3322C"/>
<path d="M82.5086 82.5085H61.8814V103.136H82.5086V82.5085Z" fill="#F3322C"/>
<path d="M123.763 82.5085H82.5086V103.136H123.763V82.5085Z" fill="white"/>
<path d="M165.017 82.5085H123.763V103.136H165.017V82.5085Z" fill="black"/>
<path d="M185.644 82.5085H165.017V103.136H185.644V82.5085Z" fill="#F3322C"/>
<path d="M226.898 82.5085H206.271V103.136H226.898V82.5085Z" fill="#F3322C"/>
<path d="M268.153 82.5085H226.898V103.136H268.153V82.5085Z" fill="white"/>
<path d="M309.407 82.5085H268.153V103.136H309.407V82.5085Z" fill="black"/>
<path d="M330.034 82.5085H309.407V103.136H330.034V82.5085Z" fill="#F3322C"/>
<path d="M185.644 103.136H61.8814V123.763H185.644L185.644 103.136Z" fill="#F3322C"/>
<path d="M330.034 103.136H206.271V123.763H330.034L330.034 103.136Z" fill="#F3322C"/>
<path d="M0 208V308H49.83V258H99.6599V208H0ZM149.49 208V258H99.6599V308C124.263 308 174.405 308 199.32 308V208H149.49Z" fill="white"/>
<path d="M330.196 308V208H230.536V308H330.196Z" fill="white"/>
<path d="M460.976 208V258H411.146V208H361.316V308C405.54 308 466.27 308 510.806 308V208H460.976Z" fill="white"/>
<path d="M541.974 208V308H591.804V258H641.634V208H541.974ZM691.464 208V258H641.634V308C666.237 308 716.379 308 741.294 308V208H691.464Z" fill="white"/>
<path d="M822.34 208V258H772.51V308H872.17V258H922V208H822.34Z" fill="white"/>
<path d="M1543.83 308V258H1593.66V208C1569.06 208 1468.91 208 1444 208V258H1494V308H1543.83Z" fill="white"/>
<path d="M1133.83 308V258H1183.66V308H1233.49V208C1189.27 208 1128.54 208 1084 208V308H1133.83Z" fill="white"/>
<path d="M1053 258.66H1003V208.83H1053V159H953C953 203.224 953 263.954 953 308.49H1053V258.66Z" fill="white"/>
<path d="M1313.83 208V258H1264V308H1363.66V258H1413.49V208H1313.83Z" fill="white"/>
</svg>
</body>
</html>