Apr 2022 updateHEADtrunk

10 files changed, 35 insertions, 18 deletions

diff --git a/.DS_Store b/.DS_Store
index f45bbc4..51a7864 100644
--- a/.DS_Store
+++ b/.DS_Store
diff --git a/.idea/deployment.xml b/.idea/deployment.xml
index d03f9c2..c805ac7 100755
--- a/.idea/deployment.xml
+++ b/.idea/deployment.xml
@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="PublishConfigData" autoUpload="Always" serverName="Familine" remoteFilesAllowedToDisappearOnAutoupload="false">
+  <component name="PublishConfigData" autoUpload="Always" serverName="Minteck" remoteFilesAllowedToDisappearOnAutoupload="false">
     <serverData>
-      <paths name="Familine">
+      <paths name="Minteck">
         <serverdata>
           <mappings>
             <mapping deploy="/mnt/pony" local="$PROJECT_DIR$" web="/" />
diff --git a/assets/.DS_Store b/assets/.DS_Store
new file mode 100644
index 0000000..c912478
--- /dev/null
+++ b/assets/.DS_Store
diff --git a/assets/main.css b/assets/main.css
index 1c42bba..413fa16 100755
--- a/assets/main.css
+++ b/assets/main.css
@@ -23,6 +23,16 @@
  *
  */
 
+:root {
+    --color-main: #a94286;
+    --color-main-dim: rgba(168, 66, 134, 0.125);
+    --color-main-dim-active: rgba(168, 66, 134, 0.25);
+    --color-back: #1c0310;
+    --color-link-normal: #c74e8e;
+    --color-link-hover: #943a6a;
+    --color-link-click: #612645;
+}
+
 @font-face {
     src: url("/assets/fonts.ttf");
     font-family: Pixellari;
@@ -47,14 +57,14 @@
 }
 
 body {
-    background: #0c031d;
-    color: #a963ff;
+    background: var(--color-back);
+    color: var(--color-main);
     font-family: Pixellari, system-ui, -apple-system, sans-serif;
     font-size: 18px;
 }
 
 .b {
-    border: 1px solid #a963ff;
+    border: 1px solid var(--color-main);
     padding: 10px;
     margin-bottom: 20px;
 }
@@ -91,15 +101,15 @@ body {
 }
 
 .link {
-    color: #844ec7;
+    color: var(--color-link-normal);
 }
 
 .link:hover {
-    color: #623a94;
+    color: var(--color-link-hover);
 }
 
 .link:active, .link:focus {
-    color: #402661;
+    color: var(--color-link-click);
 }
 
 .link-el {
@@ -107,7 +117,7 @@ body {
     display: block;
     margin: -1px;
     padding: 10px;
-    border: 1px solid #a963ff;
+    border: 1px solid var(--color-main);
 }
 
 .links-box {
@@ -136,11 +146,11 @@ body {
 }
 
 .link-el:hover {
-    background: rgba(169, 99, 255, 0.1);
+    background: var(--color-main-dim);
 }
 
 .link-el:active, .link-el:hover {
-    background: rgba(169, 99, 255, 0.25);
+    background: var(--color-main-dim-active);
 }
 
 #footer-intro {
diff --git a/assets/ponies/home.gif b/assets/ponies/home.gif
index 1c0e8fa..72fbb0d 100755
--- a/assets/ponies/home.gif
+++ b/assets/ponies/home.gif
diff --git a/assets/ponies/home.old.gif b/assets/ponies/home.old.gif
new file mode 100755
index 0000000..1c0e8fa
--- /dev/null
+++ b/assets/ponies/home.old.gif
diff --git a/hate/index.html b/hate/index.html
index 1157690..544f054 100755
--- a/hate/index.html
+++ b/hate/index.html
@@ -56,7 +56,7 @@
     <p>Apparently, My Little Pony: Friendship is Magic can be cute but not to the point it's actually childish.</p>
     <p>Please respect <span class="be">bronies</span>, they are normal people, like you and me. <span class="be">Bronies</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>?", 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 class="be">I really really like FiM and the characters, and I consider myself to be a pegasister and I like the word (along with "brony"). <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</span>, because who knows, maybe you'll be one someday.</p>
 </div>
 
diff --git a/how/index.html b/how/index.html
index 8838a94..90dcaa8 100755
--- a/how/index.html
+++ b/how/index.html
@@ -49,8 +49,9 @@
     <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>
+    <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 did my first steps in the fandom, and it was indeed successful!</p>
+    <p>On April 2022, I contribute a lot to bronies' pixel artworks on Reddit's r/place, considering myself taking an important role in the community.</p>
+    <p>I like <i>My Little Pony: Friendship is Magic</i> (and onwards), 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">
diff --git a/index.html b/index.html
index b0a7a48..27be0cb 100755
--- a/index.html
+++ b/index.html
@@ -39,7 +39,7 @@
 <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>
+        <p id="header-fact"><small>(my name is Scootaloo)</small></p>
     </div>
     <div id="header-content">
         <div id="header-content-inner">
@@ -52,6 +52,12 @@
     </div>
 </div>
 
+<div id="links-top" class="b container links-box">
+    <a href="https://placearchive.minteck.org" target="_blank" class="link-el">
+        <b>r/place archive</b> · made by bronies for bronies!
+    </a>
+</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?
@@ -84,10 +90,10 @@
         <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
+        <b>Equestria Daily</b> · Daily stuff about MLP
     </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
+        <b>Pony Preservation Project</b> · Preserving the FiM vibe
     </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 (runs locally)
diff --git a/why/index.html b/why/index.html
index bc44ce6..bc0954a 100755
--- a/why/index.html
+++ b/why/index.html
@@ -47,7 +47,7 @@
 
 <div class="b container">
     <p>I was bored. That's it. More seriously:</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>I know the My Little Pony 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>