diff options
| -rw-r--r-- | acknowledgments.html | 82 | ||||
| -rw-r--r-- | css/acknowledgments.css | 11 | ||||
| -rw-r--r-- | css/base.css | 236 | ||||
| -rw-r--r-- | css/nopiracy.css | 15 | ||||
| -rw-r--r-- | css/services.css | 0 | ||||
| -rw-r--r-- | index.html | 84 | ||||
| -rw-r--r-- | nopiracy.html | 86 | ||||
| -rw-r--r-- | services.html | 60 |
8 files changed, 326 insertions, 248 deletions
diff --git a/acknowledgments.html b/acknowledgments.html index 8ac3d38..77f4e92 100644 --- a/acknowledgments.html +++ b/acknowledgments.html | |||
| @@ -1,32 +1,50 @@ | |||
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en-US"> | 2 | <html lang="en-US"> |
| 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 Bikers' Head Admin"> | 6 | <meta name="author" content="Da Bikers' Head Admin"> |
| 7 | 7 | ||
| 8 | <link rel="icon" type="image/x-icon" href="images/sketty.jpeg"> | ||
| 9 | <link rel="stylesheet" href="css/base.css"> | ||
| 10 | <link rel="stylesheet" href="css/acknowledgments.css"> | ||
| 8 | 11 | ||
| 9 | <base href="."> | 12 | <title>Da Bikers | Acknowledgments</title> |
| 10 | <link rel="stylesheet" href="css/base.css"> | 13 | </head> |
| 11 | <link rel="stylesheet" href="css/acknowledgments.css"> | 14 | <body> |
| 15 | <div class="vertcontain"> | ||
| 16 | <div id="top-bar"> | ||
| 17 | <div class="blockedout" > | ||
| 18 | <div id="name" class="side-by-side"> | ||
| 19 | <a href="acknowledgments.html"><h1>Acknowledgments</h1></a> | ||
| 20 | |||
| 21 | <div id="ddnav" class="side-by-side"> | ||
| 22 | <div id="articles" class="dropdown"> | ||
| 23 | <input id="articlebutton" class="drophold" type="checkbox" name="menu" /> | ||
| 24 | <label for="articlebutton">{Articles}</label> | ||
| 25 | |||
| 26 | <ul class="dropdown-content"> | ||
| 27 | <li><a href="nopiracy.html">Preventing Piracy</a></li> | ||
| 28 | <li><a href="index.html">Home</a></li> | ||
| 29 | </ul> | ||
| 30 | </div> | ||
| 12 | 31 | ||
| 13 | <link rel="icon" type="image/x-icon" href="images/sketty.jpeg"> | 32 | <div class="dropdown"> |
| 14 | <title>Da Bikers | Acknowledgments</title> | 33 | <input id="srvbutton" class="drophold" type="checkbox" name="menu" /> |
| 15 | </head> | 34 | <label for="srvbutton">{Services}</label> |
| 16 | <body> | 35 | |
| 17 | <div class="vertcontain"> | 36 | <ul class="dropdown-content"> |
| 18 | <div id="top-bar"> | 37 | <li><a href="steam://run/440//+connect%20dabikers.online">Team Fortress 2</a></li> |
| 19 | <div><h1><a href="index.html">Da Bikers</a></h1></div> | 38 | <li><a href="steam://run/240//+connect%20dabikers.online:27115">CS:S DM</a></li> |
| 20 | <div id="links"> | 39 | </ul> |
| 21 | <nav> | 40 | </div> |
| 22 | <ul> | 41 | </div> |
| 23 | <li><a href="nopiracy.html">Preventing Piracy</a></li> | 42 | |
| 24 | </ul> | 43 | </div> |
| 25 | </nav> | 44 | </div> |
| 26 | </div> | 45 | </div> |
| 27 | </div> | 46 | |
| 28 | 47 | <div id="content"> | |
| 29 | <div id="content"> | ||
| 30 | <h2>Acknowledgments</h2> | 48 | <h2>Acknowledgments</h2> |
| 31 | <br> | 49 | <br> |
| 32 | <p>Fonts used:</p> | 50 | <p>Fonts used:</p> |
| @@ -36,12 +54,18 @@ | |||
| 36 | <li class="nostyle"><a id="polski" class="italicize" 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> | 54 | <li class="nostyle"><a id="polski" class="italicize" 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> |
| 37 | </ul> | 55 | </ul> |
| 38 | </div> | 56 | </div> |
| 39 | 57 | ||
| 40 | <div id="bottom-bar" class="vertcontain"> | 58 | <div id="bottom-bar"> |
| 41 | <footer> | 59 | <footer> |
| 42 | <div id="bottom-flex"><p id="copyrightnotice">Copyright © 2023-2024 Dabikers.online, All rights reserved.</p></div> | 60 | <nav id="bottom-flex" class="vertcontain"> |
| 61 | <ul> | ||
| 62 | <li><a href="acknowledgments.html">Acknowledgments</a></li> | ||
| 63 | </ul> | ||
| 64 | </nav> | ||
| 65 | <p id="copyrightnotice">Copyright © 2023-2024 Dabikers.online, All rights reserved.</p> | ||
| 43 | </footer> | 66 | </footer> |
| 44 | </div> | 67 | </div> |
| 45 | </div> | 68 | |
| 46 | </body> | 69 | </div> |
| 70 | </body> | ||
| 47 | </html> | 71 | </html> |
diff --git a/css/acknowledgments.css b/css/acknowledgments.css index fe73584..481155f 100644 --- a/css/acknowledgments.css +++ b/css/acknowledgments.css | |||
| @@ -15,3 +15,14 @@ | |||
| 15 | a:hover.italicize { | 15 | a:hover.italicize { |
| 16 | font-style: italic; | 16 | font-style: italic; |
| 17 | } | 17 | } |
| 18 | |||
| 19 | li { | ||
| 20 | list-style: "- "; | ||
| 21 | } | ||
| 22 | |||
| 23 | #content ul { | ||
| 24 | padding-top: 1vw; | ||
| 25 | padding-bottom: 1vw; | ||
| 26 | padding-left: 2vw; | ||
| 27 | padding-right: 2vw; | ||
| 28 | } \ No newline at end of file | ||
diff --git a/css/base.css b/css/base.css index 1ec9ff3..df8506e 100644 --- a/css/base.css +++ b/css/base.css | |||
| @@ -19,154 +19,216 @@ | |||
| 19 | /* */ | 19 | /* */ |
| 20 | 20 | ||
| 21 | :root { | 21 | :root { |
| 22 | --theight: fit-content; | 22 | --bgcolor: #232627; |
| 23 | --bheight: fit-content; /* min-content This feels hackey but it works & stops overflow */ | 23 | --fgcolor: rgb(255, 255, 255); |
| 24 | 24 | ||
| 25 | --cblack: #000000; | 25 | --tb_bgcolor: black; |
| 26 | --cwhite: #ffffff; | 26 | --tb_fgcolor: white; |
| 27 | --cgray: #232627; /* Nicer gray than previously */ | 27 | --tb_height: fit-content; |
| 28 | --tb_padding: 1vw; | ||
| 28 | 29 | ||
| 29 | /* Color palate for the site */ | 30 | --padding_sides: 3vw; |
| 30 | --cebony: #2e2920; | 31 | --padding_updown: 2vw; |
| 31 | --ctaupe: #e9e6e2; | 32 | |
| 32 | --corange: #f9c070; | 33 | --linkcolor: #f9c070; |
| 33 | --ctan: #8e4c30; | ||
| 34 | } | 34 | } |
| 35 | 35 | ||
| 36 | * { | 36 | * { |
| 37 | padding: 0; | 37 | margin: 0; |
| 38 | margin: 0; | 38 | padding: 0; |
| 39 | } | 39 | } |
| 40 | 40 | ||
| 41 | body { | 41 | body { |
| 42 | background-color: var(--cgray); | 42 | background-color: var(--bgcolor); |
| 43 | color: var(--ctaupe); | 43 | color: var(--fgcolor); |
| 44 | font-family: Verdana, Geneva, Tahoma, sans-serif; | 44 | |
| 45 | font-family: Verdana, Geneva, Tahoma, sans-serif; | ||
| 45 | } | 46 | } |
| 46 | 47 | ||
| 47 | li { | 48 | li { |
| 48 | list-style-type: '- '; | 49 | list-style: ""; |
| 49 | } | 50 | } |
| 50 | 51 | ||
| 51 | ul { | ||
| 52 | padding-top: 1vw; | ||
| 53 | padding-bottom: 1vw; | ||
| 54 | padding-left: 2vw; | ||
| 55 | padding-right: 2vw; | ||
| 56 | } /* Looks good for the links */ | ||
| 57 | |||
| 58 | a { | 52 | a { |
| 59 | color: var(--corange); | 53 | color: var(--linkcolor); |
| 60 | } | 54 | } |
| 61 | 55 | ||
| 62 | .vertcontain { | 56 | .vertcontain { |
| 63 | display: flex; | 57 | display: flex; |
| 64 | flex-flow: column nowrap; | 58 | flex-flow: column nowrap; |
| 65 | |||
| 66 | justify-content: space-around; | 59 | justify-content: space-around; |
| 67 | align-content: center; | 60 | align-content: center; |
| 68 | } | 61 | } |
| 69 | 62 | ||
| 70 | #content { | 63 | .side-by-side { |
| 71 | padding: 1vw; | 64 | display: flex; |
| 72 | margin: 1vw; | 65 | flex-flow: row nowrap; |
| 73 | margin-bottom: 5vw; /* Not knowing about this was fucking annoying */ | 66 | justify-content: space-between; |
| 67 | align-items: center; | ||
| 68 | } | ||
| 74 | 69 | ||
| 75 | overflow: auto; | 70 | .centered { |
| 76 | overflow-wrap: break-word; | 71 | flex-flow: column nowrap; |
| 72 | justify-content: center; | ||
| 73 | align-items: center; | ||
| 77 | } | 74 | } |
| 78 | 75 | ||
| 79 | #top-bar { | 76 | .blockedout { |
| 80 | padding: 0.5vw; | 77 | display: inline-block; |
| 78 | width: 100%; | ||
| 79 | } | ||
| 81 | 80 | ||
| 82 | /* Floats h1 and ul/li side by side */ | 81 | .indented { |
| 83 | display: flex; | 82 | text-indent: 4ch each-line; |
| 84 | flex-flow: row nowrap; | 83 | } |
| 85 | justify-content: space-between; | ||
| 86 | align-items: center; | ||
| 87 | align-content: center; | ||
| 88 | 84 | ||
| 89 | height: var(--theight); | 85 | a.bracketed::before { |
| 86 | content: "["; | ||
| 87 | } | ||
| 88 | a.bracketed::after { | ||
| 89 | content: "]"; | ||
| 90 | } | ||
| 91 | |||
| 92 | a.nodec { | ||
| 93 | text-decoration: none; | ||
| 94 | } | ||
| 95 | |||
| 96 | a.nocolor { | ||
| 97 | color:inherit; | ||
| 98 | } | ||
| 99 | |||
| 100 | #top-bar { | ||
| 101 | display:flex; | ||
| 102 | justify-content: center; | ||
| 103 | align-items: center; | ||
| 104 | |||
| 105 | background-color: var(--tb_bgcolor); | ||
| 106 | color: var(--tb_fgcolor); | ||
| 90 | 107 | ||
| 91 | background-color: var(--cblack); | 108 | padding: var(--tb_padding); |
| 92 | color: var(--cwhite); | 109 | height: var(--tb_height); |
| 93 | 110 | ||
| 94 | position: -webkit-sticky; | 111 | position: -webkit-sticky; |
| 95 | position: sticky; | 112 | position: sticky; |
| 96 | top: 0; | 113 | top: 0; |
| 97 | 114 | ||
| 98 | font-family: 'zai_courier_polski_1941Rg', 'Courier New', Courier, monospace; | 115 | font-family: 'zai_courier_polski_1941Rg'; |
| 99 | } | 116 | } |
| 100 | 117 | ||
| 101 | #top-bar h1 { | 118 | #top-bar h1 { |
| 102 | text-align: left; | 119 | font-family: inherit; |
| 103 | font-size: 5vw; | 120 | font-size: max(5vw, 5ch); |
| 104 | } | 121 | } |
| 105 | 122 | ||
| 106 | #top-bar a { | 123 | #top-bar a { |
| 107 | color: inherit; | 124 | color: inherit; |
| 108 | text-decoration: none; | 125 | text-decoration: none; |
| 109 | } | 126 | } |
| 110 | 127 | ||
| 111 | #top-bar li { | 128 | input { |
| 112 | list-style: none; | 129 | display: none; |
| 113 | display: inline; | ||
| 114 | float: none; | ||
| 115 | } | 130 | } |
| 116 | #top-bar li a::before { | 131 | |
| 117 | content: "["; | 132 | label { |
| 133 | cursor: pointer; | ||
| 134 | font-weight: bold; | ||
| 135 | font-family: 'zai_courier_polski_1941Rg'; | ||
| 136 | font-size: max(2.5vw, 3ch); | ||
| 118 | } | 137 | } |
| 119 | #top-bar li a::after { | 138 | |
| 120 | content: "]"; | 139 | .dropdown { |
| 140 | position: relative; | ||
| 141 | display: inline-block; | ||
| 142 | width: fit-content; | ||
| 121 | } | 143 | } |
| 122 | 144 | ||
| 123 | #bottom-bar { | 145 | .drophold { |
| 124 | padding: 0.5vw; | 146 | background-color: inherit; |
| 125 | height: var(--bheight); | 147 | color: inherit; |
| 126 | width: 100%; | 148 | |
| 149 | border: none; | ||
| 150 | } | ||
| 127 | 151 | ||
| 128 | position: fixed; | 152 | .dropdown-content { |
| 129 | bottom: 0; | 153 | display: none; |
| 154 | position: absolute; | ||
| 155 | z-index: 1; | ||
| 130 | 156 | ||
| 131 | background-color: var(--cblack); | 157 | width: 100%; |
| 132 | color: var(--cwhite); | 158 | overflow: auto; |
| 133 | 159 | ||
| 134 | list-style-type: none; | 160 | background-color: var(--tb_bgcolor); |
| 161 | color: var(--tb_fgcolor); | ||
| 162 | } | ||
| 135 | 163 | ||
| 136 | font-family: 'zai_courier_polski_1941Rg', 'Courier New', Courier, monospace; | 164 | .drophold:checked~.dropdown-content { |
| 137 | text-align: center; | 165 | display: block; |
| 166 | } | ||
| 138 | 167 | ||
| 139 | /* overflow: auto; Idk why this is "overflowing" but this should be a good enough fix fow now */ | 168 | .dropdown-content a:hover { |
| 140 | overflow: auto; | 169 | font-style: italic; |
| 141 | } | 170 | } |
| 142 | 171 | ||
| 143 | #bottom-flex { | 172 | .dropdown-content a::before { |
| 144 | display: flex; | 173 | content: "["; |
| 145 | justify-content: center; | ||
| 146 | align-items: center; | ||
| 147 | } | 174 | } |
| 148 | 175 | ||
| 149 | #bottom-bar a { | 176 | .dropdown-content a::after { |
| 150 | color: inherit; | 177 | content: "]"; |
| 151 | text-decoration: none; | ||
| 152 | font-weight: bold; | ||
| 153 | } | 178 | } |
| 154 | 179 | ||
| 155 | /* Surround links with square brackets in the footer */ | 180 | .dropdown-content li { |
| 156 | #bottom-bar a::before { | 181 | text-align: center; |
| 157 | content: "["; | 182 | } |
| 183 | |||
| 184 | .spacer { | ||
| 185 | width: 50%; | ||
| 186 | height: 50%; | ||
| 158 | } | 187 | } |
| 159 | #bottom-bar a::after { | 188 | |
| 160 | content: "]"; | 189 | #ddnav { |
| 190 | width: 35%; | ||
| 191 | text-align: center; | ||
| 192 | |||
| 193 | font-family: inherit; | ||
| 161 | } | 194 | } |
| 162 | 195 | ||
| 163 | #bottom-bar ul { | 196 | #content { |
| 164 | padding: 0; | 197 | padding-left: var(--padding_sides); |
| 198 | padding-right: var(--padding_sides); | ||
| 199 | |||
| 200 | padding-top: var(--padding_updown); | ||
| 201 | padding-bottom: var(--padding_updown); | ||
| 202 | |||
| 203 | margin-bottom: 5vw; /* I should find a better way than just setting a static number */ | ||
| 204 | } | ||
| 205 | |||
| 206 | #bottom-bar { | ||
| 207 | padding: 0.75ch; | ||
| 208 | height: fit-content; | ||
| 209 | width: 100%; | ||
| 210 | |||
| 211 | position: fixed; | ||
| 212 | bottom: 0; | ||
| 213 | |||
| 214 | color: var(--tb_fgcolor); | ||
| 215 | background-color: var(--tb_bgcolor); | ||
| 216 | |||
| 217 | font-family: 'zai_courier_polski_1941Rg', 'Courier New', Courier, monospace; | ||
| 218 | text-align: center; | ||
| 219 | } | ||
| 220 | |||
| 221 | #bottom-bar a { | ||
| 222 | color: inherit; | ||
| 223 | text-decoration: none; | ||
| 224 | } | ||
| 225 | |||
| 226 | #bottom-bar a::before { | ||
| 227 | content: "[" | ||
| 165 | } | 228 | } |
| 166 | 229 | ||
| 167 | #bottom-bar li { | 230 | #bottom-bar a:after { |
| 168 | display: inline; | 231 | content: "]" |
| 169 | float: none; | ||
| 170 | } | 232 | } |
| 171 | 233 | ||
| 172 | #copyrightnotice { | 234 | #copyrightnotice { |
diff --git a/css/nopiracy.css b/css/nopiracy.css index ed05a56..f521b53 100644 --- a/css/nopiracy.css +++ b/css/nopiracy.css | |||
| @@ -26,4 +26,19 @@ a.bad { | |||
| 26 | 26 | ||
| 27 | blockquote { | 27 | blockquote { |
| 28 | padding: 1vw; | 28 | padding: 1vw; |
| 29 | } | ||
| 30 | |||
| 31 | li { | ||
| 32 | list-style: "- "; | ||
| 33 | } | ||
| 34 | |||
| 35 | #content ul { | ||
| 36 | padding-top: 1vw; | ||
| 37 | padding-bottom: 1vw; | ||
| 38 | padding-left: 2vw; | ||
| 39 | padding-right: 2vw; | ||
| 40 | } | ||
| 41 | |||
| 42 | p { | ||
| 43 | text-indent: 4ch each-line; | ||
| 29 | } \ No newline at end of file | 44 | } \ No newline at end of file |
diff --git a/css/services.css b/css/services.css deleted file mode 100644 index e69de29..0000000 --- a/css/services.css +++ /dev/null | |||
| @@ -1,43 +1,60 @@ | |||
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en-US"> | 2 | <html lang="en-US"> |
| 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 Bikers' Head Admin"> | 6 | <meta name="author" content="Da Bikers' Head Admin"> |
| 7 | 7 | ||
| 8 | 8 | <link rel="icon" type="image/x-icon" href="images/sketty.jpeg"> | |
| 9 | <base href="."> | 9 | <link rel="stylesheet" href="css/base.css"> |
| 10 | <link rel="stylesheet" href="css/base.css"> | 10 | <link rel="stylesheet" href="css/chung.css"> |
| 11 | <link rel="stylesheet" href="css/chung.css"> | 11 | |
| 12 | 12 | <title>Da Bikers</title> | |
| 13 | <link rel="icon" type="image/x-icon" href="images/sketty.jpeg"> | 13 | </head> |
| 14 | <title>Da Bikers</title> | 14 | <body> |
| 15 | </head> | 15 | <div class="vertcontain"> |
| 16 | <body> | 16 | <div id="top-bar"> |
| 17 | <div class="vertcontain"> | 17 | <div class="blockedout" > |
| 18 | <div id="top-bar"> | 18 | <div id="name" class="side-by-side"> |
| 19 | <div><h1><a href="index.html">Da Bikers</a></h1></div> | 19 | <a href="index.html"><h1>Da Bikers</h1></a> |
| 20 | <div id="links"> | 20 | |
| 21 | <nav> | 21 | <div id="ddnav" class="side-by-side"> |
| 22 | <ul> | 22 | <div id="articles" class="dropdown"> |
| 23 | <li><a href="services.html">Services</a></li> | 23 | <input id="articlebutton" class="drophold" type="checkbox" name="menu" /> |
| 24 | <li><a href="nopiracy.html">Preventing Piracy</a></li> | 24 | <label for="articlebutton">{Articles}</label> |
| 25 | </ul> | 25 | |
| 26 | <nav> | 26 | <ul class="dropdown-content"> |
| 27 | </div> | 27 | <li><a href="nopiracy.html">Preventing Piracy</a></li> |
| 28 | </div> | 28 | </ul> |
| 29 | </div> | ||
| 29 | 30 | ||
| 30 | <div id="content"> | 31 | <div class="dropdown"> |
| 31 | <h1>We do a little trolling it's called we do a little trolling</h1> | 32 | <input id="srvbutton" class="drophold" type="checkbox" name="menu" /> |
| 33 | <label for="srvbutton">{Services}</label> | ||
| 34 | |||
| 35 | <ul class="dropdown-content"> | ||
| 36 | <li><a href="steam://run/440//+connect%20dabikers.online">Team Fortress 2</a></li> | ||
| 37 | <li><a href="steam://run/240//+connect%20dabikers.online:27115">CS:S DM</a></li> | ||
| 38 | </ul> | ||
| 39 | </div> | ||
| 40 | </div> | ||
| 41 | |||
| 42 | </div> | ||
| 43 | </div> | ||
| 44 | </div> | ||
| 45 | |||
| 46 | <div id="content"> | ||
| 47 | <h1>We do a little trolling it's called we do a little trolling</h1> | ||
| 32 | <p>wtf do I put here lol</p> | 48 | <p>wtf do I put here lol</p> |
| 33 | <p>Go download the <a href="https://git.dabikers.online" target="_blank">world backup</a> | 49 | <p>Go download the <a href="https://git.dabikers.online" target="_blank">world backup</a> |
| 34 | 50 | ||
| 35 | </div> | 51 | </div> |
| 36 | 52 | ||
| 37 | <!-- Yup, the chungoid won't appear outside of the div it's in, assuming it is in one of course --> | 53 | <!-- Yup, the chungoid won't appear outside of the div it's in, assuming it is in one of course --> |
| 38 | <img id="chung" src="images/chungoid.jpg" alt="the chungoid in action"> | 54 | <img id="chung" src="images/chungoid.jpg" alt="the chungoid in action"> |
| 39 | 55 | ||
| 40 | <div id="bottom-bar"> | 56 | |
| 57 | <div id="bottom-bar"> | ||
| 41 | <footer> | 58 | <footer> |
| 42 | <nav id="bottom-flex" class="vertcontain"> | 59 | <nav id="bottom-flex" class="vertcontain"> |
| 43 | <ul> | 60 | <ul> |
| @@ -47,6 +64,7 @@ | |||
| 47 | <p id="copyrightnotice">Copyright © 2023-2024 Dabikers.online, All rights reserved.</p> | 64 | <p id="copyrightnotice">Copyright © 2023-2024 Dabikers.online, All rights reserved.</p> |
| 48 | </footer> | 65 | </footer> |
| 49 | </div> | 66 | </div> |
| 50 | </div> | 67 | |
| 51 | </body> | 68 | </div> |
| 69 | </body> | ||
| 52 | </html> | 70 | </html> |
diff --git a/nopiracy.html b/nopiracy.html index 8c0ec7e..26759f4 100644 --- a/nopiracy.html +++ b/nopiracy.html | |||
| @@ -1,42 +1,50 @@ | |||
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en-US"> | 2 | <html lang="en-US"> |
| 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 Bikers' Head Admin"> | 6 | <meta name="author" content="Da Bikers' Head Admin"> |
| 7 | 7 | ||
| 8 | <link rel="icon" type="image/x-icon" href="images/sketty.jpeg"> | ||
| 9 | <link rel="stylesheet" href="css/base.css"> | ||
| 10 | <link rel="stylesheet" href="css/nopiracy.css"> | ||
| 11 | <link rel="stylesheet" href="css/subpage.css"> | ||
| 8 | 12 | ||
| 9 | <base href="."> | 13 | <title>Da Bikers | Preventing Piracy</title> |
| 10 | <link rel="stylesheet" href="css/base.css"> | 14 | </head> |
| 11 | <link rel="stylesheet" href="css/nopiracy.css"> | 15 | <body> |
| 12 | <link rel="stylesheet" href="css/subpage.css"> | 16 | <div class="vertcontain"> |
| 17 | <div id="top-bar"> | ||
| 18 | <div class="blockedout" > | ||
| 19 | <div id="name" class="side-by-side"> | ||
| 20 | <a href="nopiracy.html"><h1>Preventing Piracy</h1></a> | ||
| 21 | |||
| 22 | <div id="ddnav" class="side-by-side"> | ||
| 23 | <div id="articles" class="dropdown"> | ||
| 24 | <input id="articlebutton" class="drophold" type="checkbox" name="menu" /> | ||
| 25 | <label for="articlebutton">{Articles}</label> | ||
| 26 | |||
| 27 | <ul class="dropdown-content"> | ||
| 28 | <li><a href="index.html">Home</a></li> | ||
| 29 | </ul> | ||
| 30 | </div> | ||
| 13 | 31 | ||
| 14 | <link rel="icon" type="image/x-icon" href="images/sketty.jpeg"> | 32 | <div class="dropdown"> |
| 15 | <title>Da Bikers | Preventing Piracy</title> | 33 | <input id="srvbutton" class="drophold" type="checkbox" name="menu" /> |
| 16 | </head> | 34 | <label for="srvbutton">{Services}</label> |
| 17 | <body> | 35 | |
| 18 | <div class="vertcontain"> | 36 | <ul class="dropdown-content"> |
| 19 | <div id="top-bar"> | 37 | <li><a href="steam://run/440//+connect%20dabikers.online">Team Fortress 2</a></li> |
| 20 | <div> | 38 | <li><a href="steam://run/240//+connect%20dabikers.online:27115">CS:S DM</a></li> |
| 21 | <div class="sbscontainer"> | 39 | </ul> |
| 22 | <h1><a href="index.html">Da Bikers:</a></h1> | 40 | </div> |
| 23 | <h2 id="addon"><a href="nopiracy.html">Preventing Piracy</a></h2> | 41 | </div> |
| 24 | </div> | 42 | |
| 25 | </div> | 43 | </div> |
| 26 | 44 | </div> | |
| 27 | <div id="links"> | 45 | </div> |
| 28 | <nav> | ||
| 29 | <ul> | ||
| 30 | <li><a href="index.html">Home</a></li> | ||
| 31 | <li><a href="services.html">Services</a></li> | ||
| 32 | </ul> | ||
| 33 | </nav> | ||
| 34 | </div> | ||
| 35 | </div> | ||
| 36 | |||
| 37 | |||
| 38 | 46 | ||
| 39 | <div id="content"> | 47 | <div id="content"> |
| 40 | <h2>Preventing Piracy: A Guide On How To Avoid Pirate Activities</h2> | 48 | <h2>Preventing Piracy: A Guide On How To Avoid Pirate Activities</h2> |
| 41 | <br> | 49 | <br> |
| 42 | <h3>Foreword:</h3> | 50 | <h3>Foreword:</h3> |
| @@ -384,17 +392,17 @@ | |||
| 384 | </p> | 392 | </p> |
| 385 | </div> | 393 | </div> |
| 386 | 394 | ||
| 387 | <div id="bottom-bar" class="vertcontain"> | 395 | <div id="bottom-bar"> |
| 388 | <footer> | 396 | <footer> |
| 389 | <nav id="bottom-flex"> | 397 | <nav id="bottom-flex" class="vertcontain"> |
| 390 | <ul> | 398 | <ul> |
| 391 | <li><a href="acknowledgments.html">Acknowledgments</a></li> | 399 | <li><a href="acknowledgments.html">Acknowledgments</a></li> |
| 392 | </ul> | 400 | </ul> |
| 393 | </nav> | 401 | </nav> |
| 394 | <!-- <p id="copyrightnotice">Copyright © 2023-2024 Dabikers.online, All rights reserved.</p> --> | 402 | <p id="copyrightnotice" xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title" rel="cc:attributionURL" href="https://dabikers.online/nopiracy.html">Preventing Piracy</a> by <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://dabikers.online">Dabikers</a> is licensed under <a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0</a></p> |
| 395 | <p id="copyrightnotice" xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title" rel="cc:attributionURL" href="https://dabikers.online/nopiracy.html">Preventing Piracy</a> by <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://dabikers.online">Dabikers</a> is licensed under <a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0</a></p> | ||
| 396 | </footer> | 403 | </footer> |
| 397 | </div> | 404 | </div> |
| 398 | </div> | 405 | |
| 399 | </body> | 406 | </div> |
| 407 | </body> | ||
| 400 | </html> | 408 | </html> |
diff --git a/services.html b/services.html deleted file mode 100644 index 6b6c1e1..0000000 --- a/services.html +++ /dev/null | |||
| @@ -1,60 +0,0 @@ | |||
| 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/services.css"> | ||
| 12 | <link rel="stylesheet" href="css/subpage.css"> | ||
| 13 | |||
| 14 | <link rel="icon" type="image/x-icon" href="images/sketty.jpeg"> | ||
| 15 | <title>Da Bikers | Services</title> | ||
| 16 | </head> | ||
| 17 | <body> | ||
| 18 | <div class="vertcontain"> | ||
| 19 | <div id="top-bar"> | ||
| 20 | <div> | ||
| 21 | <div class="sbscontainer"> | ||
| 22 | <h1><a href="index.html">Da Bikers:</a></h1> | ||
| 23 | <h2 id="addon"><a href="services.html">Services</a></h2> | ||
| 24 | </div> | ||
| 25 | </div> | ||
| 26 | |||
| 27 | <div id="links"> | ||
| 28 | <nav> | ||
| 29 | <ul> | ||
| 30 | <li><a href="index.html">Home</a></li> | ||
| 31 | <li><a href="nopiracy.html">Preventing Piracy</a></li> | ||
| 32 | </ul> | ||
| 33 | </nav> | ||
| 34 | </div> | ||
| 35 | </div> | ||
| 36 | |||
| 37 | |||
| 38 | |||
| 39 | <div id="content"> | ||
| 40 | <h2>Game Servers:</h2> | ||
| 41 | <ul> | ||
| 42 | <li><a href="steam://run/440//+connect%20dabikers.online">Team Fortress 2</a></li> | ||
| 43 | <li><a href="steam://run/240//+connect%20dabikers.online:27115">Counter Strike: Source (Deathmatch)</a></li> | ||
| 44 | </ul> | ||
| 45 | <br> | ||
| 46 | </div> | ||
| 47 | |||
| 48 | <div id="bottom-bar" class="vertcontain"> | ||
| 49 | <footer> | ||
| 50 | <nav id="bottom-flex"> | ||
| 51 | <ul> | ||
| 52 | <li><a href="acknowledgments.html">Acknowledgments</a></li> | ||
| 53 | </ul> | ||
| 54 | </nav> | ||
| 55 | <p id="copyrightnotice">Copyright © 2023-2024 Dabikers.online, All rights reserved.</p> | ||
| 56 | </footer> | ||
| 57 | </div> | ||
| 58 | </div> | ||
| 59 | </body> | ||
| 60 | </html> | ||
