Initial commit

13 files changed, 303 insertions, 0 deletions

diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..b58b603
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..e480b5d
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/pony.minteck.org.iml" filepath="$PROJECT_DIR$/.idea/pony.minteck.org.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/pony.minteck.org.iml b/.idea/pony.minteck.org.iml
new file mode 100644
index 0000000..0c8867d
--- /dev/null
+++ b/.idea/pony.minteck.org.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/assets/fonts.ttf b/assets/fonts.ttf
new file mode 100644
index 0000000..5a3a3c2
--- /dev/null
+++ b/assets/fonts.ttf
diff --git a/assets/icon.png b/assets/icon.png
new file mode 100644
index 0000000..8ba3a51
--- /dev/null
+++ b/assets/icon.png
diff --git a/assets/main.css b/assets/main.css
new file mode 100644
index 0000000..813abfa
--- /dev/null
+++ b/assets/main.css
@@ -0,0 +1,135 @@
+@font-face {
+    src: url("/assets/fonts.ttf");
+    font-family: Pixellari;
+}
+
+.container {
+    width: 60vw;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+@media (max-width: 700px) {
+    .container {
+        width: 75vw !important;
+    }
+}
+
+@media (max-width: 500px) {
+    .container {
+        width: 95vw !important;
+    }
+}
+
+body {
+    background: #0c031d;
+    color: #a963ff;
+    font-family: Pixellari, system-ui, -apple-system, sans-serif;
+    font-size: 18px;
+}
+
+.b {
+    border: 1px solid #a963ff;
+    padding: 10px;
+    margin-bottom: 20px;
+}
+
+.pony {
+    image-rendering: pixelated;
+}
+
+#home-pony {
+    width: 15vw;
+}
+
+#header {
+    display: grid;
+    grid-template-columns: 15vw 1fr;
+}
+
+#header-content {
+    margin-left: 20px;
+    display: flex;
+    align-items: center;
+}
+
+#header-intro-1 {
+    margin-bottom: 0;
+}
+
+#header-intro-2 {
+    margin-top: 0;
+}
+
+#header-fact {
+    text-align: center;
+}
+
+.link {
+    color: #844ec7;
+}
+
+.link:hover {
+    color: #623a94;
+}
+
+.link:active, .link:focus {
+    color: #402661;
+}
+
+.link-el {
+    cursor: pointer;
+    display: block;
+    margin: -1px;
+    padding: 10px;
+    border: 1px solid #a963ff;
+}
+
+.links-box {
+    padding: 0;
+}
+
+.container.links-box {
+    width: calc(60vw + 20px);
+}
+
+@media (max-width: 700px) {
+    .container.links-box {
+        width: calc(75vw + 20px) !important;
+    }
+}
+
+@media (max-width: 500px) {
+    .container.links-box {
+        width: calc(95vw + 20px) !important;
+    }
+}
+
+.link-el {
+    color: inherit;
+    text-decoration: inherit;
+}
+
+.link-el:hover {
+    background: rgba(169, 99, 255, 0.1);
+}
+
+.link-el:active, .link-el:hover {
+    background: rgba(169, 99, 255, 0.25);
+}
+
+#footer-intro {
+    margin: 0 -8px;
+    border-bottom: none;
+    border-top: 1px solid;
+}
+
+#footer {
+    text-align: center;
+}
+
+#footer-pony {
+    margin-top: 10px;
+    width: 128px;
+    max-width: 100vw;
+}
\ No newline at end of file
diff --git a/assets/ponies/footer.gif b/assets/ponies/footer.gif
new file mode 100644
index 0000000..3fa54b9
--- /dev/null
+++ b/assets/ponies/footer.gif
diff --git a/assets/ponies/home.gif b/assets/ponies/home.gif
new file mode 100644
index 0000000..1c0e8fa
--- /dev/null
+++ b/assets/ponies/home.gif
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..210a7e0
--- /dev/null
+++ b/favicon.ico
diff --git a/how/index.html b/how/index.html
new file mode 100644
index 0000000..385b3e1
--- /dev/null
+++ b/how/index.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <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">
+</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">How did I get introduced to the MLP fandom?</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">
+    <p>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.</p>
+    <p>As with the furry fandom, it all boils down to computer science. 2016: I was watching French YouTube creator <a href="https://www.youtube.com/c/ElectronikHeart" target="_blank" class="link">ElectronikHeart</a> and he was making videos that featured FiM content<sup>[<a href="https://www.youtube.com/watch?v=mLruHfBanjI" target="_blank" class="link">1</a>, <a href="https://www.youtube.com/watch?v=7gaX4wFF6wQ" target="_blank" class="link">2</a>]</sup>. This can be considered my first contact with the MLP FiM fandom, but I didn't really care about it back then.</p>
+    <p>2021: Musician <a target="_blank" class="link" href="https://www.youtube.com/c/Kennyoung">Kennyoung</a> made <a target="_blank" class="link" href="https://www.youtube.com/watch?v=1S3F14bUolw">a music video</a> with musician <a target="_blank" class="link" href="https://www.youtube.com/user/princewhateverer">PrinceWhateverer</a>, a <i>brony</i> artist ; this was my second contact with the FiM fandom, and this time it got me somewhat interested.</p>
+    <p>Then, joining rooms such as <a href="https://matrix.to/#/#tulpa-qa:the-apothecary.club" target="_blank" class="link">The Tulpa Alcove</a> led me to meet people from the FiM fandom, or just people who knows about it. Yeah this time it got me really interested. On December 28<sup>th</sup> 2021, I do my first steps in the fandom, and it was indeed successful!</p>
+    <p>I like <i>My Little Pony: Friendship is Magic</i>, I like the characters; and I like that the fandom is so devoted to be happy. So I don't care about what you think, I just want to be happy.</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/index.html b/index.html
new file mode 100644
index 0000000..e425153
--- /dev/null
+++ b/index.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Did you say ponies?</title>
+    <link rel="stylesheet" href="/assets/main.css">
+    <link rel="icon" href="/assets/icon.png">
+</head>
+<body>
+
+<br>
+<br>
+<div id="header" class="b container">
+    <div>
+        <img src="/assets/ponies/home.gif" id="home-pony" class="pony" alt="">
+        <p id="header-fact"><small>(yes, I like Rainbow Dash a lot)</small></p>
+    </div>
+    <div id="header-content">
+        <div id="header-content-inner">
+            <h2 id="header-intro-1">Did you say ponies?</h2>
+            <h3 id="header-intro-2">Because, huh, well I like ponies ^^</h3>
+            <p>Welcome to this website dedicated to the pony side of me! You guessed it, it's all about the show <i>My Little Pony: Friendship is Magic</i>.</p>
+            <p>This website hosts a lot of resources that can help other fans find stuff more easily, and can also help me find more stuff easily.</p>
+            <a id="header-main" class="link" href="https://minteck.org">I don't like this website, please take me to your main website.</a>
+        </div>
+    </div>
+</div>
+
+<div id="links-me" class="b container links-box">
+    <a href="/hate" class="link-el">
+        What to do if you don't like bronies/furries?
+    </a>
+    <a href="/how" class="link-el">
+        How did I get introduced to the MLP fandom?
+    </a>
+    <a href="/why" class="link-el">
+        Why did I create this website?
+    </a>
+    <a href="/rainbow" class="link-el">
+        Why do I like Rainbow Dash while Java says Spike is better?
+    </a>
+</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
new file mode 100644
index 0000000..519b6a7
--- /dev/null
+++ b/why/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <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">
+</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 did I create this website?</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">
+    <p>I was bored. That's it. More seriously:</p>
+    <p>.</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