-
Notifications
You must be signed in to change notification settings - Fork 0
/
500.html
75 lines (64 loc) · 3.57 KB
/
500.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- META -->
<title>404 | COMPADRE</title>
<meta charset='UTF-8' />
<meta name='author' content='Below Lab'>
<meta property="og:title" content="404 | COMPADRE">
<meta property='og:description' content='404 | COMPADRE'>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- TWITTER -->
<link rel="shortcut icon" href=" https://i.imgur.com/VPEX5z6.jpg">
<meta property="og:image" content="images/social.jpg">
<meta property="og:video" content="images/social.jpg">
<meta property="og:photo" content="images/social.jpg">
<!-- STYLE -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Helvetica+Neue" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-white bg-cover">
<nav class="fixed top-0 left-0 w-full z-10 bg-transparent shadow-lg">
<div class="px-4 py-4 max-w-6xl mx-auto flex justify-between items-center">
<!-- <a href="https://www.compadre.dev/" class="text-6xl mt-[-12px] text-black flex-grow md:flex-grow-0"><img src="dna_vector.png" alt="compadre" width="40" height="40"></a> -->
<p class="text-center text-2xl text-black font-bold font-sans align-items md:mr-48 ml-4"><a href="https://compadre.dev">COMPADRE</a></p>
<div class="hidden md:flex justify-center space-x-8">
<a href="https://www.compadre.dev/about" class="text-lg text-black font-medium hover:text-gray-700">About</a>
<a href="https://github.com/belowlab/compadre" target="_blank" rel="noopener noreferrer" class="text-lg text-black font-medium hover:text-gray-700">Download</a>
<a href="mailto:[email protected]" class="text-lg text-black font-medium hover:text-gray-700">Contact</a>
</div>
<button class="md:hidden text-black" onclick="toggleMobileMenu()">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M4 6h16M4 12h16m-7 6h7"></path></svg>
</button>
</div>
<div id="mobileMenu" class="hidden bg-white shadow-md">
<ul class="text-center">
<li><a href="https://www.compadre.dev/about" class="block py-4 text-black hover:bg-gray-100">About</a></li>
<li><a href="https://github.com/belowlab/compadre" target="_blank" rel="noopener noreferrer" class="block py-4 text-black hover:bg-gray-100">Download</a></li>
<li><a href="mailto:[email protected]" class="block py-4 text-black hover:bg-gray-100">Contact</a></li>
</ul>
</div>
</nav>
<!-- BG GRADIENT -->
<div class="landing-wrapper bg-no-repeat overflow-auto w-screen h-screen">
<p class="text-center text-4xl md:text-6xl font-black font-sans text-transparent bg-clip-text bg-gradient-to-r from-pink-700 via-pink-400 to-violet-700 mt-36 md:mt-48 items-center p-2">500 Internal Server Error</p>
</div>
<!-- FOOTER -->
<footer class="footer bg-white bg-opacity-30 fixed bottom-0 w-full text-center">
<div class="footer-bottom py-4 md:py-6">
<div class="copyright">
<p class="font-sans">Made with ❤️ by <a href='https://thebelowlab.com/?ref=compadre' target="_blank">Below Lab</a> ©
<script type="text/javascript">document.write(new Date().getFullYear());</script></a></p>
</div>
</div>
</footer>
</div>
<script>
function toggleMobileMenu() {
const menu = document.getElementById('mobileMenu');
menu.classList.toggle('hidden');
}
</script>
</body>
</html>