It's finally done!

1 files changed, 171 insertions, 228 deletions

diff --git a/htdocs/public/index.ejs b/htdocs/public/index.ejs
index 65b8e49..7ce99bd 100644
--- a/htdocs/public/index.ejs
+++ b/htdocs/public/index.ejs
@@ -1,250 +1,193 @@
-<% global.title = lang.main.page; %>
-<%- include(`${private}/header.ejs`) %>
+<% delete global.title; %>
+<%- await include(`${private}/header.ejs`) %>
 
-<a href="/TODO">TODO</a> (<%- slang %>)
-
-<div id="intro" style="height:100vh;display:flex;align-items: center;justify-content: center;margin: -20px;">
-    <div style="text-align: center;">
-        <img src="/assets/sky.svg" class="sky">
-        <img src="/assets/fursona/main.jpg" style="height:60vh;">
-        <div style="position: relative;top: -40px;">
-            <h1 class="rnbwsquare-title"><%- lang.main.intro.title %></h1>
-            <p class="tagline">—
-                <%
-                items = lang.main.intro.tagline
-
-                let item = items[Math.floor(Math.random() * items.length)]
-                %>
-                <%- item %>
-                —</p>
-            <h3><%- lang.main.intro.subtitle %></h3>
+<div id="home">
+    <div class="container" id="reveal2">
+        <h1 class="title is-1" id="home-logo">
+            <small><small>WolfEye</small></small><br>
+            <%- lang.home.tagline %><br>
+            <img src="/assets/logo.svg">
+        </h1>
+        <form action="search">
+            <input id="home-bar" class="search-input" autocomplete="off" spellcheck="false" type="text" name="q" placeholder="<%- lang.home.bar %>">
+            <br/>
+            <div class="searchbtn">
+                <input class="home-btn" id="home-submit" type="submit" value="<%- lang.home.submit %>">
+            </div>
+        </form>
+        <div id="icons">
+            <img src="/assets/home/1.svg" alt="" class="icon icon-1">
+            <img src="/assets/home/2.svg" alt="" class="icon icon-2">
+            <img src="/assets/home/3.svg" alt="" class="icon icon-3">
+            <img src="/assets/home/4.svg" alt="" class="icon icon-4">
+            <img src="/assets/home/5.svg" alt="" class="icon icon-5">
+            <img src="/assets/home/6.svg" alt="" class="icon icon-6">
+            <img src="/assets/home/7.svg" alt="" class="icon icon-7">
+            <img src="/assets/home/8.svg" alt="" class="icon icon-8">
         </div>
     </div>
-
-    <a class="scroller" href="#/main" style="display: block;position: absolute;bottom: 0;font-size: 32px;margin: 10px;">
-        <p>↓</p></a>
 </div>
+<script>$("#reveal2").fadeTo(0, 0);</script>
 
-<div class="grid-3 stand dont-break-me" id="/main">
-    <div style="text-align: center;">
-        <img src="/assets/icons/projects.svg" class="main-icon">
-        <h2 class="main-icon-sub"><%- lang.main.elements.projects.title %></h2>
-        <h3><%- lang.main.elements.projects.description %></h3>
-        <a href="https://gitlab.minteck.org/users/minteck/projects" target="_blank" class="big-button bb-main-mobile"><%- lang.main.elements.projects.action %> →</a>
-    </div>
-    <div style="text-align: center;">
-        <img src="/assets/icons/contact.svg" class="main-icon">
-        <h2 class="main-icon-sub"><%- lang.main.elements.contact.title %></h2>
-        <h3><%- lang.main.elements.contact.description %></h3>
-        <a href="#/contact" class="big-button bb-main-mobile"><%- lang.main.elements.contact.action %> ↓</a>
-    </div>
-    <div style="text-align: center;">
-        <img src="/assets/icons/about.svg" class="main-icon">
-        <h2 class="main-icon-sub"><%- lang.main.elements.about.title %></h2>
-        <h3><%- lang.main.elements.about.description %></h3>
-        <a href="#/about" class="big-button bb-main-mobile"><%- lang.main.elements.about.action %> ↓</a>
+<div id="home-pages">
+    <div class="container home-page">
+        <div class="home-page-inner">
+            <div class="section-center" id="reveal">
+                <h1 id="reveal-01" class="reveal"><%- lang.home.yours.replace("[", "<u class='solid'>").replace("]", "</u>") %></h1>
+                <div class="home-grid">
+                    <div id="reveal-02" class="reveal">
+                        <img class="home-grid-icon" src="/assets/home/1-bias.svg">
+                        <h2><%- lang.home.arguments.bias.title %></h2>
+                        <p><%- lang.home.arguments.bias.description %></p>
+                    </div>
+                    <div id="reveal-03" class="reveal">
+                        <img class="home-grid-icon" src="/assets/home/2-privacy.svg">
+                        <h2><%- lang.home.arguments.privacy.title %></h2>
+                        <p><%- lang.home.arguments.privacy.description %></p>
+                    </div>
+                    <div id="reveal-04" class="reveal">
+                        <img class="home-grid-icon" src="/assets/home/3-dependency.svg">
+                        <h2><%- lang.home.arguments.dependency.title %></h2>
+                        <p><%- lang.home.arguments.dependency.description %></p>
+                    </div>
+                </div>
+            </div>
+            <br>
+            <br>
+            <br>
+        </div>
     </div>
 
-    <div style="height: 41px;text-align: center;">
-        <a href="https://gitlab.minteck.org/users/minteck/projects" target="_blank" class="big-button bb-main-desktop"><%- lang.main.elements.projects.action %> →</a>
-    </div>
-    <div style="text-align: center;">
-        <a href="#/contact" class="big-button bb-main-desktop"><%- lang.main.elements.contact.action %> ↓</a>
-    </div>
-    <div style="text-align: center;">
-        <a href="#/about" class="big-button bb-main-desktop"><%- lang.main.elements.about.action %> ↓</a>
+    <div class="container home-page">
+        <div class="home-page-inner">
+            <div id="reveal3">
+                <div class="instant-grid">
+                    <div>
+                        <div>
+                            <h2><span id="typewrite">kartik</span><span class="ibeam">|</span></h2>
+                            <div id="details-inner"><p>Kartik is an online car racing game developed by Minteck in early 2021. The game is made of its own engine based on GitHub's Electron; which use have caused major problems during the development; Minteck said on her blog that she doesn't even know how to properly use Electron. The game releases on June 12th 2021, and with bug fixing updates until October 1st 2021. Kartik was originally supposed to be released under a proprietary license, but was made open source later in the development as per the JetBrains License Agreement.</p><p><i>— <a href="search?q=minteck" id="details-data-link" target="">Minteck</a></i></p></div>
+                        </div>
+                    </div>
+                    <div>
+                        <h1><%- lang.home.info.title.replace("[", "<u class='solid'>").replace("]", "</u>") %></h1>
+                        <p><%- lang.home.info.description %></p>
+                    </div>
+                </div>
+            </div>
+            <br>
+            <br>
+            <br>
+        </div>
     </div>
-</div>
-
-<br>
-<div style="text-align: center;">
-    <h2><%- lang.main.history.title %> ...</h2>
-    <%
-    items = {
-        "1": {
-            "title": "... " + lang.main.history.items[0].title,
-            "description": lang.main.history.items[0].description
-        },
-        "2": {
-            "title": "... " + lang.main.history.items[1].title,
-            "description": lang.main.history.items[1].description
-        },
-        "3": {
-            "title": "... " + lang.main.history.items[2].title,
-            "description": lang.main.history.items[2].description
-        },
-        "4": {
-            "title": "... " + lang.main.history.items[3].title,
-            "description": lang.main.history.items[3].description
-        },
-        "5": {
-            "title": "... " + lang.main.history.items[4].title,
-            "description": lang.main.history.items[4].description
-        },
-        "6": {
-            "title": "... " + lang.main.history.items[5].title,
-            "description": lang.main.history.items[5].description
-        },
-        "7": {
-            "title": "... " + lang.main.history.items[6].title,
-            "description": lang.main.history.items[6].description
-        },
-        "8": {
-            "title": "... " + lang.main.history.items[7].title,
-            "description": lang.main.history.items[7].description
-        },
-        "9": {
-            "title": "... " + lang.main.history.items[8].title,
-            "description": lang.main.history.items[8].description
-        },
-        "10": {
-            "title": "... " + lang.main.history.items[9].title,
-            "description": lang.main.history.items[9].description
-        },
-        "11": {
-            "title": "... " + lang.main.history.items[10].title,
-            "description": lang.main.history.items[10].description
-        },
-        "12": {
-            "title": "... " + lang.main.history.items[11].title,
-            "description": lang.main.history.items[11].description
-        }
-    }
-    %>
-    <h3><%- items['' + (new Date().getMonth() + 1)].title %></h3>
-    <p><i>(<%- items['' + (new Date().getMonth() + 1)].description %>)</i></p>
-</div>
 
+    <div class="container home-page">
+        <div class="home-page-inner">
+            <div id="reveal4">
+                <div class="instant-grid">
+                    <div>
+                        <h1><%- lang.home.pawtips.title.replace("[", "<u class='solid'>").replace("]", "</u>") %></h1>
+                        <p><%- lang.home.pawtips.description %></p>
+                    </div>
+                    <div>
+                        <div>
+                            <h2><span id="typewrite2">gitlab minteck</span><span class="ibeam">|</span></h2>
+                            <div id="results" style="padding: 0 !important;">
+                                <div class="result">
+                                    <a href="https://gitlab.minteck.org/minteck/electrode">
+                                        <div class="result-name" style="font-size: 18px;"><img alt="" class="result-icon" src="https://external-content.duckduckgo.com/ip3/gitlab.minteck.org.ico"> <b>Minteck / Electrode · GitLab</b></div>
+                                        <div class="result-description">A lightning fast and powerful Web server for Neutron</div>
+                                        <div class="result-url"><small>https://gitlab.minteck.org/minteck/electrode</small></div>
+                                    </a>
+                                </div>
 
-<br>
+                                <div class="result">
+                                    <a href="https://gitlab.minteck.org/minteck/unchainedtech">
+                                        <div class="result-name" style="font-size: 18px;"><img alt="" class="result-icon" src="https://external-content.duckduckgo.com/ip3/gitlab.minteck.org.ico"> <b>Minteck / UnchainedTech · GitLab</b></div>
+                                        <div class="result-description">The software powering the UnchainedTech blog</div>
+                                        <div class="result-url"><small>https://gitlab.minteck.org/minteck/unchainedtech</small></div>
+                                    </a>
+                                </div>
 
-<div id="/contact" style="text-align: center;" class="stand stand-strong">
-    <h1><%- lang.main.contact.title %></h1>
-    <div class="grid-3">
-        <a href="https://matrix.to/#/@minteck:jae.fi" target="_blank" class="button">
-            <div class="rnbwsquare-outer rnbwsquare-fixed rnbwsquare-stand">
-                <div class="rnbwsquare-inner" style="text-align: center;">
-                    <h2>Matrix</h2>
-                    <h3>@minteck:jae.fi</h3>
-                </div>
-            </div>
-        </a>
-        <a href="https://reddit.com/user/Minteck" target="_blank" class="button">
-            <div class="rnbwsquare-outer rnbwsquare-fixed rnbwsquare-stand">
-                <div class="rnbwsquare-inner" style="text-align: center;">
-                    <h2>Reddit</h2>
-                    <h3>u/Minteck</h3>
-                </div>
-            </div>
-        </a>
-        <a href="https://discord.com/invite/Hp8Vv8Vxx9" target="_blank" class="button">
-            <div class="rnbwsquare-outer rnbwsquare-fixed rnbwsquare-stand">
-                <div class="rnbwsquare-inner" style="text-align: center;">
-                    <h2>Discord</h2>
-                    <h3>@Minteck#2245</h3>
-                </div>
-            </div>
-        </a>
-        <a href="https://twitter.com/_Minteck" target="_blank" class="button">
-            <div class="rnbwsquare-outer rnbwsquare-fixed rnbwsquare-stand">
-                <div class="rnbwsquare-inner" style="text-align: center;">
-                    <h2>Twitter</h2>
-                    <h3>@_Minteck</h3>
+                                <div class="result">
+                                    <a href="https://gitlab.minteck.org/minteck">
+                                        <div class="result-name" style="font-size: 18px;"><img alt="" class="result-icon" src="https://external-content.duckduckgo.com/ip3/gitlab.minteck.org.ico"> <b>Minteck · GitLab</b></div>
+                                        <div class="result-description"></div>
+                                        <div class="result-url"><small>https://gitlab.minteck.org/minteck</small></div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                 </div>
             </div>
-        </a>
-        <a href="https://t.me/ItsMinteck" target="_blank" class="button">
-            <div class="rnbwsquare-outer rnbwsquare-fixed rnbwsquare-stand">
-                <div class="rnbwsquare-inner" style="text-align: center;">
-                    <h2>Telegram</h2>
-                    <h3>@ItsMinteck</h3>
-                </div>
-            </div>
-        </a>
-        <a href="https://www.youtube.com/channel/UCfjxe9cs-ovoP1rBVwdMq0Q" target="_blank" class="button">
-            <div class="rnbwsquare-outer rnbwsquare-fixed rnbwsquare-stand">
-                <div class="rnbwsquare-inner" style="text-align: center;">
-                    <h2>YouTube</h2>
-                    <h3>Minteck</h3>
-                </div>
-            </div>
-        </a>
-        <a href="mailto:nekostarfan@gmail.com" target="_blank" class="button">
-            <div class="rnbwsquare-outer rnbwsquare-fixed rnbwsquare-stand">
-                <div class="rnbwsquare-inner" style="text-align: center;">
-                    <h2>Email</h2>
-                    <h3>mintexie@minteck.org</h3>
-                </div>
-            </div>
-        </a>
-        <a href="https://mastodon.online/@minteck" target="_blank" class="button">
-            <div class="rnbwsquare-outer rnbwsquare-fixed rnbwsquare-stand">
-                <div class="rnbwsquare-inner" style="text-align: center;">
-                    <h2>Mastodon</h2>
-                    <h3>@minteck@mastodon.online</h3>
-                </div>
-            </div>
-        </a>
-        <a href="https://soundcloud.com/minteck" target="_blank" class="button">
-            <div class="rnbwsquare-outer rnbwsquare-fixed rnbwsquare-stand">
-                <div class="rnbwsquare-inner" style="text-align: center;">
-                    <h2>SoundCloud</h2>
-                    <h3>minteck</h3>
+            <br>
+            <br>
+            <br>
+        </div>
+    </div>
+
+    <div class="container home-page">
+        <div class="home-page-inner">
+            <div id="reveal5">
+                <div class="section-center">
+                    <h1><%- lang.home.team.title.replace("[", "<u class='solid'>").replace("]", "</u>") %></h1>
+                    <div class="team">
+                        <div>
+                            <img src="https://www.gravatar.com/avatar/48f67e8c212de600986cb32146f9a15b?s=128&d=identicon" class="member-icon">
+                            <span class="member-name">Minteck</span>
+                            <span class="member-description"><%- lang.home.team.jobs[0] %>, <%- lang.home.team.jobs[1] %></span>
+                        </div>
+                        <div>
+                            <img src="https://www.gravatar.com/avatar/b3accce24bb1696d300adf1c992ec41b?s=128&d=identicon" class="member-icon">
+                            <span class="member-name">Jae Lo Presti</span>
+                            <span class="member-description"><%- lang.home.team.jobs[2] %></span>
+                        </div>
+                        <div>
+                            <img src="https://www.gravatar.com/avatar/60d299b3bbcb610e4cebfdd228a87b75?s=128&d=identicon" class="member-icon">
+                            <span class="member-name">Okusin</span>
+                            <span class="member-description"><%- lang.home.team.jobs[3] %></span>
+                        </div>
+                    </div>
                 </div>
             </div>
-        </a>
+            <br>
+            <br>
+            <br>
+        </div>
     </div>
-</div>
-
-<br>
 
-<div id="/about" style="text-align: center;">
-    <h1><%- lang.main.about.title %></h1>
-    <div class="grid-3">
-        <div style="text-align: center;">
-            <h2><%- lang.main.about.languages.title %></h2>
-            <h3><%- lang.main.about.languages.description %></h3>
-        </div>
-        <div style="text-align: center;">
-            <h2><%- lang.main.about.experiments.title %></h2>
-            <h3><%- lang.main.about.experiments.description %></h3>
-        </div>
-        <div style="text-align: center;">
-            <h2><%- lang.main.about.archives.title %></h2>
-            <h3><%- lang.main.about.archives.description %></h3>
-            <a href="/<%- slang %>/archive" class="big-button big-button-bg2"><%- lang.main.about.archives.action %> →</a>
-        </div>
-        <div style="text-align: center;">
-            <h2><%- lang.main.about.general.title %></h2>
-            <h3><%- lang.main.about.general.description %></h3>
-            <a href="/<%- slang %>/me" class="big-button big-button-bg2"><%- lang.main.about.general.action %> →</a>
-        </div>
-        <div style="text-align: center;">
-            <h2><%- lang.main.about.history.title %></h2>
-            <h3><%- lang.main.about.history.description.replace("%1", new Date().getFullYear() - 2013) %></h3>
-        </div>
-        <div style="text-align: center;">
-            <h2><%- lang.main.about.privacy.title %></h2>
-            <h3><%- lang.main.about.privacy.description %></h3>
+    <div class="container home-page">
+        <div class="home-page-inner">
+            <div id="reveal6">
+                <div class="section-center">
+                    <h1><%- lang.home.legal.title.replace("[", "<u class='solid'>").replace("]", "</u>") %></h1>
+                    <div class="home-grid">
+                        <a href="https://noiseless.pro" id="reveal-02" class="reveal legal-btn">
+                            <img class="home-grid-icon" src="/assets/home/1-privacy.svg">
+                            <h2><%- lang.home.legal.privacy %></h2>
+                        </a>
+                        <a href="https://staging.minteck.org/legal/#/terms" id="reveal-03" class="reveal legal-btn">
+                            <img class="home-grid-icon" src="/assets/home/2-tos.svg">
+                            <h2><%- lang.home.legal.tos %></h2>
+                        </a>
+                        <a href="https://gitlab.minteck.org/explore/projects/topics/WolfEye" id="reveal-04" class="reveal legal-btn">
+                            <img class="home-grid-icon" src="/assets/home/3-source.svg">
+                            <h2><%- lang.home.legal.code %></h2>
+                        </a>
+                    </div>
+                    <small>
+                        <a class="aside-link" href="https://staging.minteck.org/legal/#/privacy"><%- lang.home.legal.privacy %> (<%- lang.home.legal.fe %>)</a> · <a class="aside-link" href="https://staging.minteck.org/legal/#/notices"><%- lang.home.legal.notices %></a> · <a class="aside-link" href="/docs"><%- lang.home.legal.api %></a>
+                    </small>
+                </div>
+            </div>
+            <br>
+            <br>
+            <br>
         </div>
     </div>
 </div>
 
-<hr class="rnbwsquare-separator rnbwsquare-outer">
-
-<footer style="text-align:center;">
-    © <%- new Date().getFullYear() %> Minteck, <%- lang.global.copyright %><br>
-    <a href="https://gitlab.minteck.org/minteck/sattelite/-/commit/<%- fs.readFileSync(serverRoot + "/.git/" + fs.readFileSync(serverRoot + "/.git/HEAD").toString().trim().substr(5)).toString().trim() %>"
-       target="_blank">v<%- fs.readFileSync(serverRoot + "/htdocs/private/version.txt").toString().trim()
-        %>-<%-
-        fs.readFileSync(serverRoot + "/.git/" + fs.readFileSync(serverRoot + "/.git/HEAD").toString().trim().substr(5)).toString().trim().substr(0, 8) %></a>
-    · <a target="_blank" href="https://gitlab.minteck.org/minteck/sattelite"><%- lang.global.source %></a> ·
-    <a
-            href="/<%- slang %>/legal"><%- lang.global.legal %></a> · <a
-            href="/<%- slang %>/metranslator"><%- lang.metranslator.title %></a> · <a href="https://account.minteck.org"><%- lang.global.account %></a> · <a
-            href="https://kartik.minteck.org/online">Kartik Online</a> · <a
-            href="https://unchained.minteck.org">UnchainedTech</a> · <a href="https://source.minteck.org">Minteck
-        Trunk</a>
-</footer>
+<script src="/assets/reveal.js"></script>
+<script src="/assets/typewriter.js"></script>
 
-<%- include(`${private}/footer.ejs`) %>
\ No newline at end of file
+<%- await include(`${private}/footer.ejs`) %>
\ No newline at end of file