Add files via upload

Author: auroraongithub

assets/styles.css

@@ -3144,6 +3144,93 @@ ul {
   }
 }
 
+/* About Contact Bar - horizontal layout below about */
+.about-contact-bar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 10px;
+  margin-top: 16px;
+  padding-top: 16px;
+  border-top: 1px solid var(--border);
+}
+
+.contact-label {
+  font-size: 0.85rem;
+  color: var(--text-muted);
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.contact-label i {
+  color: var(--primary);
+}
+
+.contact-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 6px 12px;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  color: var(--text);
+  font-size: 0.8rem;
+  text-decoration: none;
+  transition: all 0.2s ease;
+}
+
+.contact-link:hover {
+  background: var(--primary);
+  color: var(--bg);
+  border-color: var(--primary);
+}
+
+.contact-link i {
+  font-size: 0.9rem;
+}
+
+.contact-link.discord:hover {
+  background: #5865F2;
+  border-color: #5865F2;
+}
+
+.contact-link.twitter:hover {
+  background: #000;
+  color: #fff;
+  border-color: #000;
+}
+
+body.dark .contact-link.twitter:hover {
+  background: #fff;
+  color: #000;
+  border-color: #fff;
+}
+
+.contact-link.youtube:hover {
+  background: #FF0000;
+  color: #fff;
+  border-color: #FF0000;
+}
+
+.contact-link.email:hover {
+  background: var(--primary);
+  border-color: var(--primary);
+}
+
+@media (max-width: 500px) {
+  .about-contact-bar {
+    justify-content: center;
+  }
+  
+  .contact-label {
+    width: 100%;
+    justify-content: center;
+    margin-bottom: 4px;
+  }
+}
+
 /* ==========================================================================
    DISCORD BANNER
    ========================================================================== */

blogs.html

@@ -289,11 +289,11 @@ <h3>Choose Your Color</h3>
 
     <!-- Footer -->
     <div class="neo-footer">
-      <a href="https://twitter.com/twit_aurora">Twitter</a> · 
-      <a href="https://youtube.com/c/roraYT">YouTube</a> · 
-      <a href="mailto:chompajamas@gmail.com">Email</a>
+      <a href="https://x.com/_kuzuminn" target="_blank">X (Twitter)</a> · 
+      <a href="https://youtube.com/@pmuaurora" target="_blank">YouTube</a> · 
+      <a href="mailto:aurorashorts.forbusiness@gmail.com">Email</a>
       <br>
-      © 2025 nijika.de
+      © 2026 nijika.de
     </div>
 
   </div>

changelog.html

@@ -274,11 +274,11 @@ <h2><i class="bi bi-list-check"></i> Changelog</h2>
 
     <!-- Footer -->
     <div class="neo-footer">
-      <a href="https://twitter.com/twit_aurora">Twitter</a> · 
-      <a href="https://youtube.com/c/roraYT">YouTube</a> · 
-      <a href="mailto:chompajamas@gmail.com">Email</a>
+      <a href="https://x.com/_kuzuminn" target="_blank">X (Twitter)</a> · 
+      <a href="https://youtube.com/@pmuaurora" target="_blank">YouTube</a> · 
+      <a href="mailto:aurorashorts.forbusiness@gmail.com">Email</a>
       <br>
-      © 2025 nijika.de
+      © 2026 nijika.de
     </div>
 
   </div>

index.html

@@ -231,11 +231,17 @@ <h3>Choose Your Color</h3>
               <img src="./img/pfp.png" alt="Aurora">
               <div>
                 <h3 style="margin-top: 0;">aurora · Creator, Scanlator</h3>
-                <p>I’m a hobbyist coder who designs and builds projects mainly for fun or out of personal interest.  I also make YouTube videos, mostly focused on Minecraft.</p>
-                <p>Outside of that, I’m a competitive gamer, most active in osu! and Valorant.</p>
-                <p>Currently, I’m working on a few projects, some of which are listed below.</p>
+                <p>I am a hobbyist coder and I also design for projects for myself or ones that I find interesting. I usually create designs in photoshop and code sites when I have nothing to do.</p>
+                <p>I'm a pretty competitive gamer. You can find me the most in osu! and Valorant.</p>
               </div>
             </div>
+            <div class="about-contact-bar">
+              <span class="contact-label"><i class="bi bi-envelope"></i> Contact:</span>
+              <a href="https://discord.com/users/izaurora" target="_blank" class="contact-link discord"><i class="bi bi-discord"></i> izaurora</a>
+              <a href="https://x.com/_kuzuminn" target="_blank" class="contact-link twitter"><i class="bi bi-twitter-x"></i> @_kuzuminn</a>
+              <a href="https://youtube.com/@pmuaurora" target="_blank" class="contact-link youtube"><i class="bi bi-youtube"></i> @pmuaurora</a>
+              <a href="mailto:aurorashorts.forbusiness@gmail.com" class="contact-link email"><i class="bi bi-envelope-fill"></i> Email</a>
+            </div>
           </div>
         </section>
 
@@ -382,7 +388,7 @@ <h2><i class="bi bi-chat-dots"></i> Chatbox</h2>
         <section class="neo-box scroll-animate">
           <div class="neo-header"><h2>Join Us!</h2></div>
           <div class="neo-content discord-banner">
-            <h3>Join our (dead) Scanlation Discord Server!</h3>
+            <h3>Join our Discord Server!</h3>
             <a href="https://dsc.gg/evescans" target="_blank">
               <img src="https://imgur-archive.ppy.sh/discord/915843559830204416-954686279314989056-ESBANNER.png?width=1080&height=270" alt="Discord Server Banner">
             </a>
@@ -475,11 +481,11 @@ <h3><i class="bi bi-chat-dots"></i> Chatbox</h3>
 
     <!-- Footer -->
     <div class="neo-footer">
-      <a href="https://twitter.com/twit_aurora">Twitter</a> · 
-      <a href="https://youtube.com/c/roraYT">YouTube</a> · 
-      <a href="mailto:chompajamas@gmail.com">Email</a>
+      <a href="https://x.com/_kuzuminn" target="_blank">X (Twitter)</a> · 
+      <a href="https://youtube.com/@pmuaurora" target="_blank">YouTube</a> · 
+      <a href="mailto:aurorashorts.forbusiness@gmail.com">Email</a>
       <br>
-      © 2025 nijika.de
+      © 2026 nijika.de
     </div>
 
   </div>
@@ -653,6 +659,3 @@ <h3><i class="bi bi-list-check"></i> Changelog</h3>
   <script src="./assets/app.js" type="module"></script>
 </body>
 </html>
-
-
-

post.html

@@ -280,11 +280,11 @@ <h1 id="title">Loading...</h1>
 
     <!-- Footer -->
     <div class="neo-footer">
-      <a href="https://twitter.com/twit_aurora">Twitter</a> · 
-      <a href="https://youtube.com/c/roraYT">YouTube</a> · 
-      <a href="mailto:chompajamas@gmail.com">Email</a>
+      <a href="https://x.com/_kuzuminn" target="_blank">X (Twitter)</a> · 
+      <a href="https://youtube.com/@pmuaurora" target="_blank">YouTube</a> · 
+      <a href="mailto:aurorashorts.forbusiness@gmail.com">Email</a>
       <br>
-      © 2025 nijika.de
+      © 2026 nijika.de
     </div>
 
   </div>

resources.html

@@ -283,11 +283,11 @@ <h2><i class="bi bi-book" id="categoryIcon"></i> <span id="categoryTitle">Resour
 
     <!-- Footer -->
     <div class="neo-footer">
-      <a href="https://twitter.com/twit_aurora">Twitter</a> · 
-      <a href="https://youtube.com/c/roraYT">YouTube</a> · 
-      <a href="mailto:chompajamas@gmail.com">Email</a>
+      <a href="https://x.com/_kuzuminn" target="_blank">X (Twitter)</a> · 
+      <a href="https://youtube.com/@pmuaurora" target="_blank">YouTube</a> · 
+      <a href="mailto:aurorashorts.forbusiness@gmail.com">Email</a>
       <br>
-      © 2025 nijika.de
+      © 2026 nijika.de
     </div>
 
   </div>

stories.html

@@ -275,11 +275,11 @@ <h3>Choose Your Color</h3>
 
     <!-- Footer -->
     <div class="neo-footer">
-      <a href="https://twitter.com/twit_aurora">Twitter</a> · 
-      <a href="https://youtube.com/c/roraYT">YouTube</a> · 
-      <a href="mailto:chompajamas@gmail.com">Email</a>
+      <a href="https://x.com/_kuzuminn" target="_blank">X (Twitter)</a> · 
+      <a href="https://youtube.com/@pmuaurora" target="_blank">YouTube</a> · 
+      <a href="mailto:aurorashorts.forbusiness@gmail.com">Email</a>
       <br>
-      © 2025 nijika.de
+      © 2026 nijika.de
     </div>
 
   </div>