-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
154 lines (139 loc) · 4.66 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Click Sounds Index</title>
<link rel="icon" href="./.images/favicon.png" type="image/png">
<meta property="og:title" content="Click Sounds: Home">
<meta property="og:description" content="The official website of the Click Sounds mod for Geode">
<meta property="og:image" content="https://raw.githubusercontent.com/clicksounds/clicks/refs/heads/main/.images/fullres-logo.png">
<meta property="og:url" content="https://clicksounds.xyz">
<meta property="og:type" content="website">
<style>
/* Reset and base styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Body and background styles */
body {
font-family: Arial, sans-serif;
color: #fff;
background-color: #1e1e2f;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
overflow: hidden;
}
/* Links dont turn purple after being visited*/
a:visited {
color: #00aaff;
}
/* Navbar styles */
nav {
width: 100%;
background-color: rgba(0, 0, 0, 0.8); /* Dark background for the navbar */
padding: 10px 20px;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
/* Navigation links */
nav a {
color: #00aaff;
text-decoration: none;
font-size: 1.2em;
margin-right: 20px;
display: inline-block;
transition: all 0.3s ease;
}
nav a:hover {
background: #00aaff;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
}
/* Main content styles */
h1 {
font-size: 2.5em;
margin-top: 100px; /* Adjust margin to allow space for the navbar */
}
/* Sidebars */
.sidebar {
position: fixed;
top: 0;
bottom: 0;
width: 50px;
background: rgba(0, 0, 0, 0.5); /* Transparent dark background */
z-index: 5;
animation: slide 3s ease-in-out infinite;
display: flex;
justify-content: center;
align-items: center;
}
.sidebar.left {
left: -50px; /* Initially off-screen */
}
.sidebar.right {
right: -50px; /* Initially off-screen */
}
/* Animation to slide in the sidebars */
@keyframes slide {
0% {
left: -50px;
right: -50px;
}
50% {
left: 0;
right: 0;
}
100% {
left: -50px;
right: -50px;
}
}
/* Link inside the sidebar */
.sidebar a {
color: #fff;
text-decoration: none;
font-size: 1.2em;
transition: all 0.3s ease;
white-space: nowrap;
transform: translateX(-10px); /* Slightly left shift */
}
.sidebar a:hover {
color: #00aaff;
background: rgba(0, 0, 0, 0.7);
padding: 10px 15px;
border-radius: 5px;
}
br {
display: block; /* ensures it's treated as a block element */
margin: 10px 0; /* add spacing above and below */
}
</style>
</head>
<body>
<nav>
<a href="./addsoundhelp.html">Add Sound</a>
<a href="./list.html">List</a>
<a href="./download.html">Download</a>
<a href="./packgen.html">Pack Generator</a>
</nav>
<img src="./.images/fullres-nobglogo.png" alt="Logo" style="width: 20%;">
<h1 style="margin-top: 2.5%;">Welcome to the Official Click Sounds Site</h1>
<h2>Use the top bar to access different pages.</h2>
<br><br>
<h3>Click Sounds is a mod for Geometry Dash (GD) that runs in the Geode SDK Modloader.</h3><br><br>
<h3>Having an issue? Join the <a href="https://discord.gg/tu98bsGA32">Discord Server</a> for help.</h3>
<br>
<h2><a target="_blank" rel="noopener noreferrer" href="https://github.com/clicksounds/clicks/">GitHub</a></h2>
</body>
</html>