This repository has been archived by the owner on Sep 15, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 4
/
Maintenance.html
116 lines (115 loc) · 3.88 KB
/
Maintenance.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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="freakybob.site is under maintenance!">
<meta content="Freakybob" property="og:title" />
<meta content="Together, we are freaky." property="og:description" />
<meta content="https://freakybob.site/maintenance.html" property="og:url" />
<meta content="https://github.com/5quirre1/Freakybob.site/blob/main/Snapshots/Screenshot%202024-08-29%2012.38.20%20AM.png" property="og:image" />
<meta content="#006b79" data-react-helmet="true" name="theme-color" />
<title>Under Maintenance :3</title>
<link rel="icon" type="image/x-icon" href="images/maintain.ico">
<style>
body {
background-color: rgb(101, 9, 101);
color: white;
font-family: Arial, sans-serif;
margin: 0;
text-align: center;
}
h1 {
color: pink;
font-size: large;
margin-top: 20px;
margin-bottom: 10px;
}
.container {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 50px 10%;
flex-wrap: wrap;
}
.maintainbob {
width: 700px;
margin-top: 20px;
cursor: pointer;
transition: transform 0.2s;
}
.maintainbob:hover {
transform: scale(1.05);
}
.preview {
width: 490px;
margin-top: 75px;
}
h2 {
color: rgb(249, 73, 196);
font-size: medium;
margin-top: 20px;
margin-bottom: 10px;
}
button {
background-color: rgb(228, 8, 198);
border: none;
border-radius: 5px;
color: #333;
padding: 10px 20px;
font-size: 1em;
cursor: pointer;
margin-top: 10px;
}
button:hover {
background-color: rgb(212, 15, 159);
transform: scale(1.10);
}
@media (max-width: 768px) {
.container {
flex-direction: column;
align-items: center;
margin: 20px 5%;
}
.maintainbob, .preview {
width: 90%;
margin: 10px 0;
}
.preview {
margin-top: 20px;
}
h2 {
margin-left: 0;
font-size: 1.2em;
}
}
</style>
</head>
<body>
<h1>This website is under maintenance, BUT Luckily you can still use an less up to date version</h1>
<a href="oldindex.html">
<button>Freakybob.site</button>
</a>
<div class="container">
<img class="maintainbob" src="images/maintenance_bob_no_bg.png" alt="Maintenance Bob Image" onclick="playSound()">
<img class="preview" src="Snapshots/Screenshot 2024-08-29 12.38.20 AM.png" alt="Preview Image">
</div>
<h2>The Preview of what the update should look like is on the right (Mobile would be on top)</h2>
<p>Join the Discord for more info on the website!</p>
<iframe src="https://discord.com/widget?id=1277349483633705042&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
<!-- ME IS SPONGEBOB -->
<audio id="maintenanceSound" src="audio/i’m-spongebob-made-with-Voicemod.mp3"></audio>
<audio
src="audio/19 - Notifications Menu.mp3"
loop
autoplay>
</audio>
<script>
function playSound() {
var audio = document.getElementById('maintenanceSound');
audio.currentTime = 0;
audio.play();
}
</script>
</body>
</html>