Commit

author: Minteck <contact@minteck.org> 2021-12-30 14:54:07 +0100
committer: Minteck <contact@minteck.org> 2021-12-30 14:54:07 +0100
commit: efbf0b8f3ac5adc0acfc8557a312cc16425abc7f (patch)
tree: f0661d990e319592f1311ad3f181894775f8026e
parent: 32fc8db91f67527baa96c357518e2f6dd030090b (diff)
download: pony-efbf0b8f3ac5adc0acfc8557a312cc16425abc7f.tar.gz
pony-efbf0b8f3ac5adc0acfc8557a312cc16425abc7f.tar.bz2
pony-efbf0b8f3ac5adc0acfc8557a312cc16425abc7f.zip
10 files changed, 201 insertions, 1 deletions
diff --git a/.idea/deployment.xml b/.idea/deployment.xml
new file mode 100644
index 0000000..d03f9c2
--- /dev/null
+++ b/.idea/deployment.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PublishConfigData" autoUpload="Always" serverName="Familine" remoteFilesAllowedToDisappearOnAutoupload="false">
+    <serverData>
+      <paths name="Familine">
+        <serverdata>
+          <mappings>
+            <mapping deploy="/mnt/pony" local="$PROJECT_DIR$" web="/" />
+          </mappings>
+        </serverdata>
+      </paths>
+    </serverData>
+    <option name="myAutoUpload" value="ALWAYS" />
+  </component>
+</project>
+\ No newline at end of file
diff --git a/assets/java.png b/assets/java.png
new file mode 100644
index 0000000..fad7fb2
--- /dev/null
+++ b/assets/java.png
diff --git a/assets/main.css b/assets/main.css
index 813abfa..59ed49d 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -132,4 +132,51 @@ body {
     margin-top: 10px;
     width: 128px;
     max-width: 100vw;
+}
+
+/*noinspection CssInvalidPropertyValue*/
+.rainbow {
+    background: linear-gradient(90deg, rgba(227,70,70,1) 0%, rgba(227,138,70,1) 20%, rgba(226,227,70,1) 40%, rgba(81,227,70,1) 60%, rgba(75,70,227,1) 80%, rgba(180,70,227,1) 100%);
+    -webkit-background-clip: text;
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+.img-misc {
+    max-width: 100%;
+}
+
+.b-center {
+    text-align: center;
+}
+
+.fe {
+    display: none;
+}
+
+#error-page {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+}
+
+html {
+    height: 100%;
+}
+
+#error-pony {
+    height: 50vh;
+    max-width: 100%;
+}
+
+#error-title-1 {
+    margin-bottom: 0;
+}
+
+#error-title-2 {
+    margin-top: 0;
 }
 \ No newline at end of file
diff --git a/assets/ponies/error.gif b/assets/ponies/error.gif
new file mode 100644
index 0000000..ca2c369
--- /dev/null
+++ b/assets/ponies/error.gif
diff --git a/errors/404/index.html b/errors/404/index.html
new file mode 100644
index 0000000..d7db1cb
--- /dev/null
+++ b/errors/404/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Error 404 · Did you say ponies?</title>
+    <link rel="stylesheet" href="/assets/main.css">
+    <link rel="icon" href="/assets/icon.png">
+    <meta name="description" content="Woopsies! Guess I fell from this cloud... (Page Not Found)">
+</head>
+<body id="error-page">
+    <div>
+        <img src="/assets/ponies/error.gif" alt="" class="pony" id="error-pony">
+        <h1 id="error-title-1">Oopsies!</h1>
+        <h2 id="error-title-2">(error 404)</h2>
+        <p>We can't find the content you requested, sorry about that.</p>
+        <p><a href="/" class="link">Go back home.</a></p>
+    </div>
+</body>
+</html>
+\ No newline at end of file
diff --git a/hate/index.html b/hate/index.html
new file mode 100644
index 0000000..fb87b92
--- /dev/null
+++ b/hate/index.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>What to do if you don't like bronies/furries? · Did you say ponies?</title>
+    <link rel="stylesheet" href="/assets/main.css">
+    <link rel="icon" href="/assets/icon.png">
+    <meta name="description" content="So, FiM is intended for children (especially girls), right? Then why do I like it? ¨It's weird¨! you'd say, and while I understand your statement, I don't consider it to be weird in any way. Try to ask people to explain to you what's up with bronies/furries, and while it is possible to answer, it is not really possible to explain sufficiently.">
+</head>
+<body>
+
+<br>
+<br>
+<div id="header-page" class="b container">
+    <div id="header-content">
+        <div id="header-content-inner">
+            <h2 id="header-intro-1">What to do if you don't like bronies/furries?</h2>
+            <h3 id="header-intro-2">from <a href="/" class="link">Did you say ponies?</a>, by <a href="https://minteck.org" class="link">Minteck</a></h3>
+        </div>
+    </div>
+</div>
+
+<div class="b container b-center">
+    A good amount of content on this page is inspired from an article named <a href="https://hotdiggedydemon.com/post/16367923346/why-adult-men-like-my-little-pony-friendship-is" target="_blank" class="link">Why adult men like My Little Pony: Friendship is Magic?</a><br>
+    <label>
+        <input type="checkbox" onchange="event.target.checked ? Array.from(document.getElementsByClassName('be')).forEach((e) => { e.style.display = 'none'; }) : Array.from(document.getElementsByClassName('be')).forEach((e) => { e.style.display = ''; });event.target.checked ? Array.from(document.getElementsByClassName('fe')).forEach((e) => { e.style.display = 'revert'; }) : Array.from(document.getElementsByClassName('fe')).forEach((e) => { e.style.display = 'none'; });">
+        Check this box to hide brony-exclusive content (only show furry content)
+    </label>
+</div>
+
+<div class="b container">
+    <p class="be">So, FiM is <i>intended</i> for children (especially girls), right? Then why do I like it? "It's weird!" you'd say, and while I understand your statement, I don't consider it to be weird in any way.</p>
+    <p class="fe">Furries, why are they interested in anthropomorphic characters? Can they even tell you why? Do they even know why?</p>
+    <p>Try to ask people to explain to you what's up with <span class="be">bronies/</span>furries, and while it is possible to answer, it is not really possible to explain sufficiently.</p>
+    <p class="be">Bronies would say things like "The characters are cool" and such (<a href="/rainbow" class="link">I do it myself</a>), but while I agree with these statements, they can be applied to any show people like.</p>
+    <p>Apparently, furry art<span class="be"> and My Little Pony: Friendship is Magic</span> can be cute but not to the point it's actually childish.</p>
+    <p>Please respect <span class="be">bronies/</span>furries, they are normal people, like you and me. <span class="be">Bronies/furries</span><span class="fe">Furries</span> did nothing wrong to deserve such hate. <span class="be">Enjoying a children's cartoon show is the most innocent thing one can do. </span>They are devoted passionate who sometimes spend hours working on something they like.</p>
+    <p>Why do you want them to explain? They have nothing to explain. It is kind of insulting to ask someone "Why do you like <span>FiM/</span>anthropomorphic characters?", isn't it? It's fine to be curious, but don't imply there's something wrong with them.</p>
+    <p class="be">I really really like FiM and the characters, but I don't consider myself to be a brony because I simply don't like the word (yet). If you want to consider me a brony, I won't argue. <i>Ponies.</i></p>
+    <p>So what's up with that? It can't be really described. It's an indescribable factor, it's a feeling you can't describe. So please be nice to <span class="be">bronies and</span> furries, because who knows, maybe you'll be one someday.</p>
+</div>
+
+<hr id="footer-intro">
+
+<div id="footer">
+    <img src="/assets/ponies/footer.gif" id="footer-pony" class="pony" alt="">
+
+    <p>
+        My Little Pony: Friendship is Magic is © Hasbro, all Creations © to their respective artists<br>
+        This website is © Minteck · <a href="https://gitlab.minteck.org/minteck/pony" target="_blank" class="link">Source Code</a>
+    </p>
+</div>
+
+</body>
+</html>
+\ No newline at end of file
diff --git a/how/index.html b/how/index.html
index 385b3e1..85ceae9 100644
--- a/how/index.html
+++ b/how/index.html
@@ -5,6 +5,7 @@
     <title>How did I get introduced to the MLP fandom? · Did you say ponies?</title>
     <link rel="stylesheet" href="/assets/main.css">
     <link rel="icon" href="/assets/icon.png">
+    <meta name="description" content="This is an interesting question. When you get interested in something, it's sometimes hard to track back what got you interested in that. So I'll try to be as precise as possible when describing how I got into the My Little Pony: Friendship is Magic fandom.">
 </head>
 <body>
 
diff --git a/index.html b/index.html
index e425153..0b8cb15 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
     <title>Did you say ponies?</title>
     <link rel="stylesheet" href="/assets/main.css">
     <link rel="icon" href="/assets/icon.png">
+    <meta name="description" content="Ponies! You probably didn't say it but I like ponies anyway!~">
 </head>
 <body>
 
@@ -41,6 +42,24 @@
     </a>
 </div>
 
+<div id="links-externals" class="b container links-box">
+    <a href="https://panzi.github.io/Browser-Ponies/" target="_blank" class="link-el">
+        <b>Browser Ponies</b> · To show pixel art ponies on any website
+    </a>
+    <a href="http://mlp-france.com/" target="_blank" class="link-el">
+        <b>MLP France</b> · French bronies community website
+    </a>
+    <a href="https://www.equestriadaily.com/" target="_blank" class="link-el">
+        <b>Equestria Daily</b> · Daily stuff about MLP FiM
+    </a>
+    <a href="https://www.equestriadaily.com/2020/03/neat-pony-preservation-project-using.html" target="_blank" class="link-el">
+        <b>Pony Preservation Project</b> · Preserving the FiM vibe to eliminate newer generations
+    </a>
+    <a href="https://gitlab.com/Milkdrop/mlp-voice-generator" target="_blank" class="link-el">
+        <b>MLP Voice Generator</b> · To sound like your favorite pony
+    </a>
+</div>
+
 <hr id="footer-intro">
 
 <div id="footer">
diff --git a/rainbow/index.html b/rainbow/index.html
new file mode 100644
index 0000000..90c95e6
--- /dev/null
+++ b/rainbow/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Why do I like Rainbow Dash while Java says Spike is better? · Did you say ponies?</title>
+    <link rel="stylesheet" href="/assets/main.css">
+    <link rel="icon" href="/assets/icon.png">
+    <meta name="description" content="Rainbow Dash is the best! | I just like her, she is cute. Spike may be better, but I prefer Rainbow Dash.">
+</head>
+<body>
+
+<br>
+<br>
+<div id="header-page" class="b container">
+    <div id="header-content">
+        <div id="header-content-inner">
+            <h2 id="header-intro-1">Why do I like Rainbow Dash while Java says Spike is better?</h2>
+            <h3 id="header-intro-2">from <a href="/" class="link">Did you say ponies?</a>, by <a href="https://minteck.org" class="link">Minteck</a></h3>
+        </div>
+    </div>
+</div>
+
+<div class="b container">
+    <h2><span class="rainbow">Rainbow Dash is the best!</span></h2>
+    <p><del>Everyone knows Rainbow Dash is superior.</del> I just like her, she is cute. Spike may be better, but I prefer Rainbow Dash. <i>stupid spike fans, rainbow dash is better</i> ^^</p>
+    <img src="/assets/java.png" class="img-misc" alt="">
+</div>
+
+<hr id="footer-intro">
+
+<div id="footer">
+    <img src="/assets/ponies/footer.gif" id="footer-pony" class="pony" alt="">
+
+    <p>
+        My Little Pony: Friendship is Magic is © Hasbro, all Creations © to their respective artists<br>
+        This website is © Minteck · <a href="https://gitlab.minteck.org/minteck/pony" target="_blank" class="link">Source Code</a>
+    </p>
+</div>
+
+</body>
+</html>
+\ No newline at end of file
diff --git a/why/index.html b/why/index.html
index 519b6a7..13a9567 100644
--- a/why/index.html
+++ b/why/index.html
@@ -5,6 +5,7 @@
     <title>Why did I create this website? · Did you say ponies?</title>
     <link rel="stylesheet" href="/assets/main.css">
     <link rel="icon" href="/assets/icon.png">
+    <meta name="description" content="I was bored. That's it. More seriously: I know the FiM fandom is present all over the Internet, I know it's annoying for some (please, if it's annoying you, leave this website), but I feel like I needed a personal place, where I can talk about stuff I like, without moderation, without having this constant fear of what people think of me.">
 </head>
 <body>
 
@@ -21,7 +22,9 @@
 
 <div class="b container">
     <p>I was bored. That's it. More seriously:</p>
-    <p>.</p>
+    <p>I know the FiM fandom is present all over the Internet, I know it's annoying for some (please, if it's annoying you, leave this website), but I feel like I needed a personal place, where I can talk about stuff I like, without moderation, without having this constant fear of what people think of me.</p>
+    <p>OK so now why did I spend time working on this? First, I like to try out new stuff, new design practices. It's a pretty common thing I do: programming stuff to kind of <i>tribute</i> to things I like.</p>
+    <p>This website is made in the hope that it will be useful to someone, and you can <a href="https://gitlab.minteck.org/minteck/pony" target="_blank" class="link">get the source code</a> to create your own website based on mine.</p>
 </div>
 
 <hr id="footer-intro">
author	Minteck <contact@minteck.org>	2021-12-30 14:54:07 +0100
committer	Minteck <contact@minteck.org>	2021-12-30 14:54:07 +0100
commit	efbf0b8f3ac5adc0acfc8557a312cc16425abc7f (patch)
tree	f0661d990e319592f1311ad3f181894775f8026e
parent	32fc8db91f67527baa96c357518e2f6dd030090b (diff)
download	pony-efbf0b8f3ac5adc0acfc8557a312cc16425abc7f.tar.gz pony-efbf0b8f3ac5adc0acfc8557a312cc16425abc7f.tar.bz2 pony-efbf0b8f3ac5adc0acfc8557a312cc16425abc7f.zip