summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authordabikers' admin <dabikers@protonmail.com>2024-01-02 00:17:06 -0600
committerdabikers' admin <dabikers@protonmail.com>2024-01-02 00:17:06 -0600
commit6e9a57a84aa868f6a79ee2e23e40efb55bed7df5 (patch)
treee1dc8861cc139e4a6ebc0df0723541423f7a8452
parentf433fae2132020e6ebd3a9279e23d097a531d38f (diff)
Realize <nav> and <header> tags are cucking me
Diffstat
-rw-r--r--acknowledgements.html24
-rw-r--r--css/base.css43
-rw-r--r--css/nopiracy.css11
-rw-r--r--index.html47
-rw-r--r--nopiracy.html73
5 files changed, 118 insertions, 80 deletions
diff --git a/acknowledgements.html b/acknowledgements.html
index db999af..b5e21d6 100644
--- a/acknowledgements.html
+++ b/acknowledgements.html
@@ -14,19 +14,17 @@
14 <title>Da Bikers | Acknowledgements</title> 14 <title>Da Bikers | Acknowledgements</title>
15 </head> 15 </head>
16 <body> 16 <body>
17 <header> 17 <div id="top-bar">
18 <nav> 18 <div><h1><a href="index.html">Da Bikers</a></h1></div>
19 <div id="top-bar"> 19 <div id="links">
20 <div><h1><a href="index.html">Da Bikers</a></h1></div> 20 <nav>
21 <div id="links"> 21 <ul>
22 <ul> 22 <li><a href="nopiracy.html">Preventing Piracy</a></li>
23 <li><a href="nopiracy.html">Preventing Piracy</a></li> 23 </ul>
24 </ul> 24 </nav>
25 </div> 25 </div>
26 </div> 26 </div>
27 </nav> 27
28 </header>
29
30 <div id="content"> 28 <div id="content">
31 <h1>Acknowledgements</h1> 29 <h1>Acknowledgements</h1>
32 <p>Fonts used:</p> 30 <p>Fonts used:</p>
diff --git a/css/base.css b/css/base.css
index 78f6259..ab41a2f 100644
--- a/css/base.css
+++ b/css/base.css
@@ -18,8 +18,11 @@
18} 18}
19/* */ 19/* */
20 20
21:root {
22 --bheight: 3vw;
23}
21 24
22body { 25* {
23 padding: 0; 26 padding: 0;
24 margin: 0; 27 margin: 0;
25} 28}
@@ -28,17 +31,26 @@ ul li {
28 list-style-type: '- '; 31 list-style-type: '- ';
29} 32}
30 33
34#vertcontain {
35 display: flex;
36 flex-flow: column nowrap;
37
38 justify-content: space-around;
39 align-content: center;
40}
41
31#content { 42#content {
32 margin: 1%; 43 margin: 1vw;
44 margin-bottom: 5vw; /* Not knowing about this was fucking annoying */
45
33} 46}
34 47
35#top-bar { 48#top-bar {
36 padding: 1%; 49 padding: 1vw;
37 margin: 0;
38 50
51 /* Floats h1 and ul/li side by side */
39 display: flex; 52 display: flex;
40 flex-direction: row; 53 flex-flow: row nowrap;
41 flex-wrap: wrap;
42 justify-content: space-between; 54 justify-content: space-between;
43 align-items: center; 55 align-items: center;
44 align-content: center; 56 align-content: center;
@@ -56,14 +68,8 @@ ul li {
56} 68}
57 69
58#top-bar h1 { 70#top-bar h1 {
59 margin: 0;
60 padding: 0;
61
62 text-align: left; 71 text-align: left;
63 font-size: 5vw; 72 font-size: 5vw;
64
65 display: inline;
66 float: left;
67} 73}
68 74
69#top-bar a { 75#top-bar a {
@@ -83,20 +89,17 @@ ul li {
83 content: "]"; 89 content: "]";
84} 90}
85 91
86
87#bottom-bar { 92#bottom-bar {
88 padding: 1%; 93 padding: 0.5vw;
89 margin: 0; 94 height: var(--bheight);
95 width: 100%;
90 96
91 height: 2vw; 97 position: fixed;
92 width: 100vw; 98 bottom: 0;
93 99
94 background-color: black; 100 background-color: black;
95 color: white; 101 color: white;
96 102
97 position: fixed;
98 bottom: 0;
99
100 list-style-type: none; 103 list-style-type: none;
101 104
102 font-family: 'zai_courier_polski_1941Rg', 'Courier New', Courier, monospace; 105 font-family: 'zai_courier_polski_1941Rg', 'Courier New', Courier, monospace;
diff --git a/css/nopiracy.css b/css/nopiracy.css
index 8e5255f..6c1b09a 100644
--- a/css/nopiracy.css
+++ b/css/nopiracy.css
@@ -10,4 +10,15 @@
10#addon { 10#addon {
11 font-size: 4vw; 11 font-size: 4vw;
12 padding: 1vw; 12 padding: 1vw;
13}
14
15ul {
16 padding-top: 1vw;
17 padding-bottom: 1vw;
18 padding-left: 2vw;
19 padding-right: 2vw;
20}
21
22blockquote {
23 padding: 1vw;
13} \ No newline at end of file 24} \ No newline at end of file
diff --git a/index.html b/index.html
index 27b524b..794b791 100644
--- a/index.html
+++ b/index.html
@@ -14,33 +14,40 @@
14 <title>Da Bikers</title> 14 <title>Da Bikers</title>
15 </head> 15 </head>
16 <body> 16 <body>
17 <header> 17 <div id="vertcontain">
18 <nav> 18 <div id="top-bar">
19 <div id="top-bar"> 19 <div><h1><a href="index.html">Da Bikers</a></h1></div>
20 <div><h1><a href="index.html">Da Bikers</a></h1></div> 20 <div id="links">
21 <div id="links"> 21 <nav>
22 <ul> 22 <ul>
23 <li><a href="nopiracy.html">Preventing Piracy</a></li> 23 <li><a href="nopiracy.html">Preventing Piracy</a></li>
24 </ul> 24 </ul>
25 </div> 25 <nav>
26 </div> 26 </div>
27 </nav> 27 </div>
28 </header>
29 28
30 <div id="content"> 29 <div id="content">
31 <h1>We do a little trolling it's called we do a little trolling</h1> 30 <h1>We do a little trolling it's called we do a little trolling</h1>
32 <p>wtf do I put here lol</p> 31 <p>wtf do I put here lol</p>
32 <p>Go download the <a href="https://git.dabikers.online" target="_blank">world backup</a>
33
34 </div>
35
36 <!-- Yup, the chungoid won't appear outside of the div it's in, assuming it is in one of course -->
33 <img id="chung" src="images/chungoid.jpg" alt="the chungoid in action"> 37 <img id="chung" src="images/chungoid.jpg" alt="the chungoid in action">
34 <p>Go download the <a href="https://git.dabikers.online" target="_blank">world backup</a></p>
35 </div>
36 38
37 <div id="bottom-bar"> 39 <div id="bottom-bar">
38 <footer> 40 <footer>
39 <nav id="bottom-flex"> 41 <nav id="bottom-flex">
40 <li><a href="acknowledgements.html">Acknowledgements</a></li> 42 <ul>
41 </nav> 43 <li>
42 <p id="copyrightnotice">Copyright © 2023-2024 Dabikers.online, All rights reserved.</p> 44 <a href="acknowledgements.html">Acknowledgements</a>
43 </footer> 45 </li>
46 </ul>
47 </nav>
48 <p id="copyrightnotice">Copyright © 2023-2024 Dabikers.online, All rights reserved.</p>
49 </footer>
50 </div>
44 </div> 51 </div>
45 </body> 52 </body>
46</html> 53</html>
diff --git a/nopiracy.html b/nopiracy.html
index 96cf316..d186861 100644
--- a/nopiracy.html
+++ b/nopiracy.html
@@ -14,28 +14,30 @@
14 <title>Da Bikers | Preventing Piracy</title> 14 <title>Da Bikers | Preventing Piracy</title>
15 </head> 15 </head>
16 <body> 16 <body>
17 <header> 17 <div id="top-bar">
18 <nav> 18 <div>
19 <div id="top-bar"> 19 <div class="sbscontainer">
20 <div> 20 <h1><a href="index.html">Da Bikers:</a></h1>
21 <div class="sbscontainer"> 21 <h2 id="addon">Preventing Piracy</h2>
22 <h1><a href="index.html">Da Bikers:</a></h1> 22 </div>
23 <h2 id="addon">Preventing Piracy</h2> 23 </div>
24 </div>
25 </div>
26 24
27 <div id="links"> 25 <div id="links">
26 <nav>
28 <ul> 27 <ul>
29 <li><a href="index.html">Home</a></li> 28 <li><a href="index.html">Home</a></li>
30 </ul> 29 </ul>
31 </div> 30 </nav>
32 </div> 31 </div>
33 </nav> 32 </div>
34 </header> 33
34
35 35
36 <div id="content"> 36 <div id="content">
37 <h3>Preventing Piracy: A Guide On How To Avoid Pirate Activities</h3> 37 <h2>Preventing Piracy: A Guide On How To Avoid Pirate Activities</h2>
38 <h4>Foreword</h4> 38 <br>
39 <h3>Foreword:</h3>
40 <br>
39 <p>I am a man who has despised piracy and the works of copyright thieves my entire life. As soon as I could 41 <p>I am a man who has despised piracy and the works of copyright thieves my entire life. As soon as I could
40 understand what copyright was, I became a massive proponent for it and for what it stand for: Order, a 42 understand what copyright was, I became a massive proponent for it and for what it stand for: Order, a
41 bullwark against those who'd stoop so low as to steal someone else's idea and pawn it off as their own. 43 bullwark against those who'd stoop so low as to steal someone else's idea and pawn it off as their own.
@@ -50,27 +52,33 @@
50 how to resist the siren call of free stuff, and the most common / popular services currently used in modern 52 how to resist the siren call of free stuff, and the most common / popular services currently used in modern
51 copyright theft. 53 copyright theft.
52 </p> 54 </p>
53 <h4>What IS Piracy Anyway?</h4> 55 <br>
54 <p>The Merriam-Webster Dictionary defines piracy as:</p> 56 <br>
57 <h3>What IS Piracy Anyway?</h3>
58 <br>
59 <p>The <a href="https://www.merriam-webster.com/dictionary/piracy" target="_blank">Merriam-Webster Dictionary defines piracy</a> as:</p>
55 <blockquote cite="https://www.merriam-webster.com/dictionary/piracy"> 60 <blockquote cite="https://www.merriam-webster.com/dictionary/piracy">
56 ... The unauthorized use of another's production, invention, or conception especially in infringement of a copyright 61 &emsp;<em>... The unauthorized use of another's production, invention, or conception especially in infringement of a copyright</em>
57 </blockquote> 62 </blockquote>
58 <p>While the Cambridge Dictionary defines piracy as:</p> 63 <br>
64 <p>While the <a href="https://dictionary.cambridge.org/dictionary/english/piracy" target="_blank">Cambridge Dictionary defines piracy</a> as:</p>
59 <blockquote cite="https://dictionary.cambridge.org/dictionary/english/piracy"> 65 <blockquote cite="https://dictionary.cambridge.org/dictionary/english/piracy">
60 ... The act of illegally copying computer programs, recordings, films, etc. to sell them at much cheaper prices 66 &emsp;<em>... The act of illegally copying computer programs, recordings, films, etc. to sell them at much cheaper prices</em>
61 </blockquote> 67 </blockquote>
68 <br>
62 <p>Now these definitions, while succinct, are insufficient for truly understanding what piracy is and what it entails. 69 <p>Now these definitions, while succinct, are insufficient for truly understanding what piracy is and what it entails.
63 What does it mean to "illegally" copy a piece of media, or to "infringe" on copyright? Maybe Wikipedia's definition 70 What does it mean to "illegally" copy a piece of media, or to "infringe" on copyright? Maybe <a href="https://en.wikipedia.org/wiki/Copyright_infringement" target="_blank">Wikipedia's definition
64 of piracy is better 71 of piracy</a> is better:
65 </p> 72 </p>
66 <blockquote cite="https://en.wikipedia.org/wiki/Copyright_infringement"> 73 <blockquote cite="https://en.wikipedia.org/wiki/Copyright_infringement">
67 Copyright infringement <em>(at times referred to as piracy)</em> is the use of works protected by copyright without 74 &emsp;<em>Copyright infringement <u>(at times referred to as piracy)</u> is the use of works protected by copyright without
68 permission for a usage where such permission is required, thereby infringing certain exclusive rights granted 75 permission for a usage where such permission is required, thereby infringing certain exclusive rights granted
69 to the copyright holder, such as the right to reproduce, distribute, display or perform the protected work, 76 to the copyright holder, such as the right to reproduce, distribute, display or perform the protected work,
70 or to make derivative works. The copyright holder is typically the work's creator, or a publisher or other 77 or to make derivative works. The copyright holder is typically the work's creator, or a publisher or other
71 business to whom copyright has been assigned. Copyright holders routinely invoke legal and technological 78 business to whom copyright has been assigned. Copyright holders routinely invoke legal and technological
72 measures to prevent and penalize copyright infringement 79 measures to prevent and penalize copyright infringement</em>
73 </blockquote> 80 </blockquote>
81 <br>
74 <p>Ok now we can work with this. Summarizing, piracy -- or copyright infringement -- is when someone does something to a 82 <p>Ok now we can work with this. Summarizing, piracy -- or copyright infringement -- is when someone does something to a
75 copyrighted work without permission, like making a copy and redistributing it. This is, for the most part, the extent 83 copyrighted work without permission, like making a copy and redistributing it. This is, for the most part, the extent
76 of piracy for most internet users: the copying and redistribution of a copyrighted work. The actual details of real 84 of piracy for most internet users: the copying and redistribution of a copyrighted work. The actual details of real
@@ -78,7 +86,10 @@
78 <br> 86 <br>
79 TL:DR - Piracy is the unauthorized copying and redistribution of a copyrighted material 87 TL:DR - Piracy is the unauthorized copying and redistribution of a copyrighted material
80 </p> 88 </p>
81 <h4>But Why Do People Pirate?</h4> 89 <br>
90 <br>
91 <h3>But Why Do People Pirate?</h3>
92 <br>
82 <p> 93 <p>
83 People pirate for a multitude of reasons, all unacceptable, but some more "valid" than others. Some of these reasons 94 People pirate for a multitude of reasons, all unacceptable, but some more "valid" than others. Some of these reasons
84 include:<ul> 95 include:<ul>
@@ -90,23 +101,27 @@
90 means to prevent pirates from exploiting their work, which may interfere with the legitamite use of the 101 means to prevent pirates from exploiting their work, which may interfere with the legitamite use of the
91 software/media</li> 102 software/media</li>
92 <li><b>Flagrant Disregard</b>: Some people simply disagree with the concept of copyright, and become pirates as they do not respect the law</li> 103 <li><b>Flagrant Disregard</b>: Some people simply disagree with the concept of copyright, and become pirates as they do not respect the law</li>
93 <li>etc.</li> 104 <li><b>Etc.</b>: Other <em>(still invalid)</em> reasons not mentioned for lack of time</li>
94 </ul> 105 </ul>
106 <br>
95 Again, none of these reasons are valid excuses to break the law:<ul> 107 Again, none of these reasons are valid excuses to break the law:<ul>
96 <li><b>Pricing</b>: Many things are unaffordable to the average person, such as a jet carrier. Should I be able to 108 <li><b>Pricing</b>: Many things are unaffordable to the average person, such as a jet carrier. Should I be able to
97 steal a jet carrier just because I selfishly believe the price I was given is "unrepresentative" of the 109 steal a jet carrier just because I selfishly believe the price I was given is "unrepresentative" of the
98 actual value of the jet carrier? No! That would be completely preposterous.</li> 110 actual value of the jet carrier? No! That would be completely preposterous.</li>
111 <br>
99 <li><b>"Trials"</b>: If a company wished to offer a demo of their software for the general public to trial their 112 <li><b>"Trials"</b>: If a company wished to offer a demo of their software for the general public to trial their
100 software and determine if they should purchase it, then they would simply offer the trial. Furthermore, 113 software and determine if they should purchase it, then they would simply offer the trial. Furthermore,
101 acquiring a full copy of a piece of interactive media such as software or a video game is NOWHERE near 114 acquiring a full copy of a piece of interactive media such as software or a video game is NOWHERE near
102 a traditional "demo", as the entire content of the media is contained within the pirated copy. If the 115 a traditional "demo", as the entire content of the media is contained within the pirated copy. If the
103 pirate didn't wish to pay for the real product, but still wanted to use it, there would be nothing 116 pirate didn't wish to pay for the real product, but still wanted to use it, there would be nothing
104 preventing them from simply using the copy they already have</li> 117 preventing them from simply using the copy they already have</li>
118 <br>
105 <li><b>Availability</b>: This is possibly the most understandable reason as to why someone would intentionally 119 <li><b>Availability</b>: This is possibly the most understandable reason as to why someone would intentionally
106 commit piracy, however it is yet again unacceptable. There is plenty of media that has been rendered 120 commit piracy, however it is yet again unacceptable. There is plenty of media that has been rendered
107 exclusive to a specific piece of hardware, most notably game consoles. A game which is exclusive to Xbox 121 exclusive to a specific piece of hardware, most notably game consoles. A game which is exclusive to Xbox
108 or Playstation should not be pirated just because it's otherwise exclusive! That's like saying you should 122 or Playstation should not be pirated just because it's otherwise exclusive! That's like saying you should
109 be able to steal one of the motors out of a Tesla brand car just because it has motors and your car doesn't!</li> 123 be able to steal one of the motors out of a Tesla brand car just because it has motors and your car doesn't!</li>
124 <br>
110 <li><b>DRM Removal</b>: DRM, or Digital Rights Management, is implemented in a piece of software or media as a 125 <li><b>DRM Removal</b>: DRM, or Digital Rights Management, is implemented in a piece of software or media as a
111 way to prevent pirates from stealing their product. However, sometimes the measures taken impact user 126 way to prevent pirates from stealing their product. However, sometimes the measures taken impact user
112 experience and simultaneously fail to prevent pirates from stealing. This is unfortunate, yes, but wouldn't 127 experience and simultaneously fail to prevent pirates from stealing. This is unfortunate, yes, but wouldn't
@@ -115,6 +130,7 @@
115 even more preposterous action to blame him for the injuries of innocents when it's the installer's fault for 130 even more preposterous action to blame him for the injuries of innocents when it's the installer's fault for
116 the faulty use. Don't blame DRM, blame the pirates. And if you can't blame the pirates for some reason, blame 131 the faulty use. Don't blame DRM, blame the pirates. And if you can't blame the pirates for some reason, blame
117 the companies who implement DRM in ways that harm the consumer</li> 132 the companies who implement DRM in ways that harm the consumer</li>
133 <br>
118 <li><b>Flagrant Disregard</b>: I shouldn't need to comment on this, but I shall regardless. We depend on law and 134 <li><b>Flagrant Disregard</b>: I shouldn't need to comment on this, but I shall regardless. We depend on law and
119 order to keep the peace in modern society. When someone willingly goes against law and order, they are naturally 135 order to keep the peace in modern society. When someone willingly goes against law and order, they are naturally
120 enemies to society as whole and must be dealt with swiftly. While copyright infringement may feel like a 136 enemies to society as whole and must be dealt with swiftly. While copyright infringement may feel like a
@@ -123,6 +139,7 @@
123 from skirting the law in other places? Pirates are already stealing, so what's to prevent them from shoplifting 139 from skirting the law in other places? Pirates are already stealing, so what's to prevent them from shoplifting
124 or snatching purses from frail old ladies?</li> 140 or snatching purses from frail old ladies?</li>
125 </ul> 141 </ul>
142 <br>
126 </p> 143 </p>
127 <h4>Avoiding Piracy In The Wild</h4> 144 <h4>Avoiding Piracy In The Wild</h4>
128 <p></p> 145 <p></p>
@@ -131,7 +148,9 @@
131 <div id="bottom-bar"> 148 <div id="bottom-bar">
132 <footer> 149 <footer>
133 <nav id="bottom-flex"> 150 <nav id="bottom-flex">
134 <li><a href="acknowledgements.html">Acknowledgements</a></li> 151 <ul>
152 <li><a href="acknowledgements.html">Acknowledgements</a></li>
153 </ul>
135 </nav> 154 </nav>
136 <p id="copyrightnotice">Copyright © 2023-2024 Dabikers.online, All rights reserved.</p> 155 <p id="copyrightnotice">Copyright © 2023-2024 Dabikers.online, All rights reserved.</p>
137 </footer> 156 </footer>
generated by cgit v1.2.3 (git 2.39.1) at 2025-12-06 03:59:57 +0000