summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authordabikers' admin <dabikers@protonmail.com>2023-12-29 23:35:15 -0600
committerdabikers' admin <dabikers@protonmail.com>2023-12-29 23:35:15 -0600
commitf43e0e78a8d4e2eaa6779762d662810833fbd424 (patch)
treea864dcc86cae941eefb07c8e384960f9b8951436
parentc8164e33939db7910318c05bccb26ad55ed3e21d (diff)
Make the site look a little nicer
Diffstat
-rw-r--r--acknowledgements.html19
-rw-r--r--css/acknowledgements.css9
-rw-r--r--css/base.css80
-rw-r--r--index.html36
-rw-r--r--nopiracy.html43
5 files changed, 162 insertions, 25 deletions
diff --git a/acknowledgements.html b/acknowledgements.html
index f1c872c..c0d8e7a 100644
--- a/acknowledgements.html
+++ b/acknowledgements.html
@@ -3,16 +3,18 @@
3 <head> 3 <head>
4 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <meta name="author" content="Da Biker's Head Admin"> 6 <meta name="author" content="Da Bikers' Head Admin">
7 7
8 8
9 <base href="."> 9 <base href=".">
10 <link rel="stylesheet" href="css/base.css"> 10 <link rel="stylesheet" href="css/base.css">
11 <link rel="stylesheet" href="css/acknowledgements.css">
11 12
12 <link rel="icon" type="image/x-icon" href="images/sketty.jpeg"> 13 <link rel="icon" type="image/x-icon" href="images/sketty.jpeg">
13 <title>Da Bikers | Acknowledgements</title> 14 <title>Da Bikers | Acknowledgements</title>
14 </head> 15 </head>
15 <body> 16 <body>
17
16 <div id="top-bar"> 18 <div id="top-bar">
17 <header> 19 <header>
18 <nav> 20 <nav>
@@ -20,18 +22,21 @@
20 </nav> 22 </nav>
21 </header> 23 </header>
22 </div> 24 </div>
25
23 <div id="content"> 26 <div id="content">
24 <h1>Acknowledgements</h1> 27 <h1>Acknowledgements</h1>
25 <p>Fonts used:</p> 28 <p>Fonts used:</p>
26 <ul> 29 <ul>
27 <li><a href="https://www.dafont.com/schizoid-personality.font" target="_blank">Schizoid Personality</a>, by <a href="http://www.woodcutter.es">WOODCUTTER</a></li> 30 <li><a id="schizo" href="https://www.dafont.com/schizoid-personality.font" target="_blank">Schizoid Personality</a>, by <a href="http://www.woodcutter.es">WOODCUTTER</a></li>
28 <ul><li><b>Cool font but please for the love of god center it properly next time</b></li></ul><br> 31 <ul><li><b>Cool font but please for the love of god center it properly next time</b></li></ul><br>
29 <li><a href="https://www.dafont.com/courier-polski-1941.font" target="_blank">Courier Polski 1941</a>, by <a href="https://www.dafont.com/profile.php?user=409273">Tomasz Skowronski</a></li> 32 <li><a id="polski" href="https://www.dafont.com/courier-polski-1941.font" target="_blank">Courier Polski 1941</a>, by <a href="https://www.dafont.com/profile.php?user=409273">Tomasz Skowronski</a></li>
30 </ul> 33 </ul>
31 </div> 34 </div>
32 <footer id="bottom-bar"> 35
33 <nav> 36 <div id="bottom-bar">
34 </nav> 37 <footer>
35 </footer> 38 <div id="bottom-flex"><p id="copyrightnotice">Copyright © 2023-2024 Dabikers.online, All rights reserved.</p></div>
39 </footer>
40 </div>
36 </body> 41 </body>
37</html> 42</html>
diff --git a/css/acknowledgements.css b/css/acknowledgements.css
new file mode 100644
index 0000000..6e133c0
--- /dev/null
+++ b/css/acknowledgements.css
@@ -0,0 +1,9 @@
1#schizo {
2 color: inherit;
3 font-family: 'schizoid_personalityregular', 'Courier New', Courier, monospace;
4}
5
6#polski {
7 color: inherit;
8 font-family: 'zai_courier_polski_1941Rg', 'Courier New', Courier, monospace;
9} \ No newline at end of file
diff --git a/css/base.css b/css/base.css
index bed4b11..6a23e01 100644
--- a/css/base.css
+++ b/css/base.css
@@ -24,6 +24,10 @@ body {
24 margin: 0; 24 margin: 0;
25} 25}
26 26
27ul li {
28 list-style-type: '- ';
29}
30
27#content { 31#content {
28 margin: 1%; 32 margin: 1%;
29} 33}
@@ -33,9 +37,12 @@ body {
33 margin: 0; 37 margin: 0;
34 38
35 display: flex; 39 display: flex;
36 justify-content: left; 40 flex-direction: row;
41 flex-wrap: wrap;
42 justify-content: space-between;
37 align-items: center; 43 align-items: center;
38 44 align-content: center;
45
39 height: 5vw; 46 height: 5vw;
40 47
41 background-color: black; 48 background-color: black;
@@ -44,6 +51,8 @@ body {
44 position: -webkit-sticky; 51 position: -webkit-sticky;
45 position: sticky; 52 position: sticky;
46 top: 0; 53 top: 0;
54
55 font-family: 'zai_courier_polski_1941Rg', 'Courier New', Courier, monospace;
47} 56}
48 57
49#top-bar h1 { 58#top-bar h1 {
@@ -51,8 +60,10 @@ body {
51 padding: 0; 60 padding: 0;
52 61
53 text-align: left; 62 text-align: left;
54 font-family: 'zai_courier_polski_1941Rg', Courier, monospace;
55 font-size: 500%; 63 font-size: 500%;
64
65 display: inline;
66 float: left;
56} 67}
57 68
58#top-bar a { 69#top-bar a {
@@ -60,6 +71,65 @@ body {
60 text-decoration: none; 71 text-decoration: none;
61} 72}
62 73
63ul li { 74#top-bar li {
64 list-style-type: '- '; 75 list-style: none;
76 display: inline;
77 float: none;
78}
79#top-bar li a::before {
80 content: "[";
81}
82#top-bar li a::after {
83 content: "]";
84}
85
86
87#bottom-bar {
88 padding: 1%;
89 margin: 0;
90
91 height: 3vw;
92 width: 100vw;
93
94 background-color: black;
95 color: white;
96
97 position: fixed;
98 bottom: 0;
99
100 list-style-type: none;
101
102 font-family: 'zai_courier_polski_1941Rg', 'Courier New', Courier, monospace;
103 text-align: center;
104}
105
106#bottom-flex {
107 display: flex;
108 justify-content: center;
109 align-items: center;
110}
111
112#bottom-bar a {
113 color: inherit;
114 text-decoration: none;
115 font-weight: bold;
116}
117
118/* Surround links with square brackets in the footer */
119#bottom-bar a::before {
120 content: "[";
121}
122#bottom-bar a::after {
123 content: "]";
124}
125
126#bottom-bar li {
127 display: inline;
128 float: none;
129}
130
131#copyrightnotice {
132 display: inline-block;
133 font-size: 75%;
134 color: rgba(255, 255, 255, 0.15);
65} \ No newline at end of file 135} \ No newline at end of file
diff --git a/index.html b/index.html
index 78e59d7..6de4ccb 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
3 <head> 3 <head>
4 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <meta name="author" content="Da Biker's Head Admin"> 6 <meta name="author" content="Da Bikers' Head Admin">
7 7
8 8
9 <base href="."> 9 <base href=".">
@@ -14,23 +14,33 @@
14 <title>Da Bikers</title> 14 <title>Da Bikers</title>
15 </head> 15 </head>
16 <body> 16 <body>
17 <div id="top-bar"> 17 <header>
18 <header> 18 <nav>
19 <nav> 19 <div id="top-bar">
20 <h1><a href="index.html">Da Bikers</a></h1> 20 <div><h1><a href="index.html">Da Bikers</a></h1></div>
21 </nav> 21 <div id="links">
22 </header> 22 <ul>
23 </div> 23 <li><a href="nopiracy.html">Preventing Piracy</a></li>
24 </ul>
25 </div>
26 </div>
27 </nav>
28 </header>
29
24 <div id="content"> 30 <div id="content">
25 <h1>We do a little trolling it's called we do a little trolling</h1> 31 <h1>We do a little trolling it's called we do a little trolling</h1>
26 <p>wtf do I put here lol</p> 32 <p>wtf do I put here lol</p>
27 <img id="chung" src="images/chungoid.jpg" alt="the chungoid in action" style="width:50%; height: 200px"> 33 <img id="chung" src="images/chungoid.jpg" alt="the chungoid in action" style="width:50%; height: 200px">
28 <p>Go download the <a href="https://git.dabikers.online" target="_blank">world backup</a></p> 34 <p>Go download the <a href="https://git.dabikers.online" target="_blank">world backup</a></p>
29 </div> 35 </div>
30 <footer id="bottom-bar"> 36
31 <nav> 37 <div id="bottom-bar">
32 <li><a href="acknowledgements.html">Acknowledgements</a></li> 38 <footer>
33 </nav> 39 <nav id="bottom-flex">
34 </footer> 40 <li><a href="acknowledgements.html">Acknowledgements</a></li>
41 </nav>
42 <p id="copyrightnotice">Copyright © 2023-2024 Dabikers.online, All rights reserved.</p>
43 </footer>
44 </div>
35 </body> 45 </body>
36</html> 46</html>
diff --git a/nopiracy.html b/nopiracy.html
new file mode 100644
index 0000000..ac13b6f
--- /dev/null
+++ b/nopiracy.html
@@ -0,0 +1,43 @@
1<!DOCTYPE html>
2<html lang="en-US">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <meta name="author" content="Da Bikers' Head Admin">
7
8
9 <base href=".">
10 <link rel="stylesheet" href="css/base.css">
11 <link rel="stylesheet" href="css/chung.css">
12
13 <link rel="icon" type="image/x-icon" href="images/sketty.jpeg">
14 <title>Da Bikers | Preventing Piracy</title>
15 </head>
16 <body>
17 <header>
18 <nav>
19 <div id="top-bar">
20 <div><h1><a href="index.html">Da Bikers</a></h1></div>
21 <div id="links">
22 <ul>
23 <li><a href="index.html">Home</a></li>
24 </ul>
25 </div>
26 </div>
27 </nav>
28 </header>
29
30 <div id="content">
31 <p>Coming soon!</p>
32 </div>
33
34 <div id="bottom-bar">
35 <footer>
36 <nav id="bottom-flex">
37 <li><a href="acknowledgements.html">Acknowledgements</a></li>
38 </nav>
39 <p id="copyrightnotice">Copyright © 2023-2024 Dabikers.online, All rights reserved.</p>
40 </footer>
41 </div>
42 </body>
43</html>
generated by cgit v1.2.3 (git 2.39.1) at 2025-12-06 04:01:52 +0000