Styling fixes

res/include/md/about.md

@@ -33,24 +33,29 @@ available:
 The following types of content are not allowed to be shared on pixeldrain. They
 will be removed when reported.
 
- * **Copyright violation**: Works which are shared without permission from the
+* **Copyright violation**: Works which are shared without permission from the
-   copyright holder. For copyright reports we need a formal DMCA takedown
+  copyright holder. For copyright reports we need a formal DMCA takedown request
-   request originating from the copyright holder or a representative. If your
+  originating from the copyright holder or a representative. If your request is
-   request is not valid it will be ignored. Takedown requests which are sent to
+  not valid it will be ignored. Takedown requests which are sent to any other
-   any other address than abuse@pixeldrain.com will also be ignored.
+  address than abuse@pixeldrain.com will also be ignored.
- * **Abuse of minors**: Videos, images or audio fragments depicting abuse or
+* **Abuse of minors**: Videos, images or audio fragments depicting abuse or
-   inappropriate touching of minors will be removed and reported to the National
+  inappropriate touching of minors will be removed and reported to the National
-   Center for Missing and Exploited Children when found.
+  Center for Missing and Exploited Children when found.
- * **Terrorism**: Videos, images or audio fragments which promote and
+* **Terrorism**: Videos, images or audio fragments which promote and
-   glorify acts of terrorism.
+  glorify acts of terrorism.
- * **Gore**: Graphic and shocking videos or images depicting severe harm to
+* **Gore**: Graphic and shocking videos or images depicting severe harm to
-   humans (or animals). I will clarify that I am not strictly against shocking
+  humans (or animals). I will clarify that I am not strictly against shocking
-   content, and it is also not illegal in most places. When a shocking video
+  content, and it is also not illegal in most places. When a shocking video goes
-   goes viral it often ends up in the wrong places and it can cause mental
+  viral it often ends up in the wrong places and it can cause mental issues for
-   issues for unsuspecting viewers. For that reason I will remove it when it
+  unsuspecting viewers. For that reason I will remove it when it gets reported.
-   gets reported.
+* **Malware and computer viruses**: Software designed to cause harm to computer
- * **Malware and computer viruses**: Software designed to cause harm to computer
+  systems.
-   systems.
+* **Doxing**: Posting private information about an individual or organisation.
+  This includes publicly sharing private photos, videos or documents. Shaming
+  and extortion are not accepted.
+
+Violating these rules will result in your IP address being banned from uploading
+to pixeldrain.
 
 If you have found content which falls in any of these categories on pixeldrain
 please report it _using the report button on the download page_ of the file. Do

res/include/style/layout.css

@@ -54,7 +54,7 @@ body {
 	margin: 0;
 	font-family: system-ui, sans-serif;
 	font-size: 17px;
-	line-height: 1.6em;
+	line-height: 1.5em;
 	color: var(--text_color);
 	background: var(--background);
 	min-height: 100vh;

svelte/src/file_viewer/viewers/SpeedLimit.svelte

@@ -44,8 +44,8 @@ onMount(async () => {
 	<p>
 		It's not that I want to withold this file from you, it's just that I
 		don't want pixeldrain to fall into bankruptcy like so many of the
-		websites that came before me. So if you really want these files you have
+		websites that came before me. So if you really want this file you have a
-		a few options:
+		few options:
 	</p>
 	<ul>
 		<li>Come back tomorrow when your free transfer limit resets</li>
@@ -77,6 +77,7 @@ onMount(async () => {
 		Also, I believe you have my stapler. Please give it back.
 	</p>
 </TextBlock>
+<br/>
 
 <style>
 .header_image {

svelte/src/file_viewer/viewers/Video.svelte

@@ -153,9 +153,9 @@ const fullscreen = () => {
 	<img src={file.icon_href} class="video_icon" alt="Video icon">
 	<TextBlock width="600px">
 		The online video player on pixeldrain is only available when the
-		uploader of the file you is a Patreon supporter, or if you are a
+		uploader of the file is a Patreon supporter, or if you are a Patreon
-		Patreon supporter. You can still download the video and watch it
+		supporter. You can still download the video and watch it locally on your
-		locally on your computer.
+		computer.
 		<br/>
 		<button on:click={download}>
 			<i class="icon">download</i> Download

svelte/src/home_page/FeatureTable.svelte

@@ -46,7 +46,7 @@ onMount(() => {
 		</div>
 		<div class="feat_normal">
 			5 GB data transfer per 24 hours. When this threshold is reached
-			your download speed will be reduced to 512 kiB/s
+			your download speed will be reduced
 		</div>
 		<div class="feat_pro">
 			Transfer limit of <span class="text_highlight">1 terabyte</span> per
@@ -59,7 +59,7 @@ onMount(() => {
 			Download speed
 		</div>
 		<div class="feat_normal">
-			Up to 2 MiB/s, may be slower during busy periods
+			Up to 4 MiB/s, may be slower during busy periods
 		</div>
 		<div class="feat_pro">
 			<span class="text_highlight">High priority</span>

svelte/src/util/PixeldrainLogo.svelte

@@ -8,7 +8,7 @@ export let style;
 <style>
 svg {
 	fill: currentColor;
-	animation: rotation 12s infinite linear;
+	animation: rotation 20s infinite linear;
 }
 @keyframes rotation {
 	from {

webcontroller/style.go

@@ -426,7 +426,7 @@ var snowstormPixeldrainStyle = pixeldrainStyleSheet{
 	ScrollbarHover:      hsl{193, .43, .76},
 
 	ParallaxSlider:    hsl{220, .17, .20}, // Layer 1 but darker
-	Shaded:            RGBA{255, 255, 255, 0.3},
+	Shaded:            RGBA{255, 255, 255, 0.4},
 	Layer1:            hsl{220, .17, .32}, // hsl(220, 17%, 32%)
 	Layer1Text:        hsl{219, .28, .88},
 	BackgroundPattern: hsl{219, .28, .88}, // hsl(219, 28%, 88%)