-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-present.html
68 lines (54 loc) · 3.13 KB
/
index-present.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
<!doctype html>
<html class="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="tailwind.css" rel="stylesheet">
<link href="https://rsms.me/inter/inter.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/themes/prism-tomorrow.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/prism.min.js" async></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/plugins/autoloader/prism-autoloader.min.js"></script>
<!-- ... -->
</head>
<body class="dark:bg-black font-sans">
<div class="max-w-screen-xl mx-auto p-0 space-y-0">
<!-- header -->
<div class="z-50 bg-gray-900 p-2 pb-1 sm:h-auto sticky top-0 ">
<!-- title -->
<div class="-space-y-0 sm:-space-y-1">
<div
class="leading-none text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl word-spacing-sm tracking-tightest font-black">
<span class="text-red-800">Make</span>
<span class="text-red-600">Fest</span>
</div>
<div class="leading-none text-sm sm:text-base md:text-lg lg:text-xl xl:text-2xl font-black text-gray-600">
game dev and other fun stuff
</div>
</div>
<!-- info button -->
<a href="info.html" class="m-2 w-12 h-12 absolute top-0 right-0">
<svg xmlns="http://www.w3.org/2000/svg"
class="top-0 right-0 absolute h-8 sm:h-9 md:h-10 lg:h-11 xl:h-12 w-8 sm:w-9 md:w-10 lg:w-11 xl:w-12 stroke-0 stroke-current text-gray-600 hover:text-gray-200"
viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd"
d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
clip-rule="evenodd" />
</svg>
</a>
<!-- past, present, future -->
<div
class="h-12 items-center text-base sm:text-lg md:text-xl lg:text-2xl flex justify-between m-auto text-center px-0 my-0 sm:max-w-screen-sm font-bold text-gray-700">
<a class="active:bg-blue-500 active:text-gray-100 bg-gray-500 hover:bg-gray-400 px-6 py-0 border border-transparent rounded-full focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-gray-900 focus:outline-none transition-colors duration-200"
href="./index.html">past</a>
<a class="active:bg-blue-500 active:text-gray-100 bg-blue-500 text-gray-200 hover:bg-gray-400 px-6 py-0 border border-transparent rounded-full focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-gray-900 focus:outline-none transition-colors duration-200"
href="./index-present.html">present</a>
<a class="active:bg-blue-500 active:text-gray-100 bg-gray-500 hover:bg-gray-400 px-6 py-0 border border-transparent rounded-full focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-gray-900 focus:outline-none transition-colors duration-200"
href="./index-future.html">future</a>
</div>
</div>
<!-- cards -->
<div class="bg-black flex flex-wrap justify-around">
</div>
</div>
</body>
</html>