Initial commit

1 files changed, 163 insertions, 0 deletions

diff --git a/htdocs/public/index.ejs b/htdocs/public/index.ejs
new file mode 100644
index 0000000..93603da
--- /dev/null
+++ b/htdocs/public/index.ejs
@@ -0,0 +1,163 @@
+<% global.title = "Main page"; %>
+<%- include(`${private}/header.ejs`) %>
+
+<div style="height:100vh;display:flex;align-items: center;justify-content: center;">
+    <div style="text-align: center;">
+        <h1 class="rnbwsquare-title">Hello, I'm Minteck</h1>
+        <p class="tagline">— Creator of that cursed thing —</p>
+        <img src="/assets/fursona/main.png" style="width:200px;max-width:90%;">
+        <h3>Welcome to my personal shelter!</h3>
+    </div>
+
+    <p style="display: block;position: absolute;bottom: 0;font-size: 32px;margin: 10px;">↓</p>
+</div>
+
+<div class="grid-3 stand">
+    <div style="text-align: center;">
+        <h2>Projects</h2>
+        <h3>The kind of weird stuff I do on my free time</h3>
+    </div>
+    <div style="text-align: center;">
+        <h2>Contact Me</h2>
+        <h3>So, you want to have a chat? With me? Nice! Come say hi.</h3>
+    </div>
+    <div style="text-align: center;">
+        <h2>About Me</h2>
+        <h3>Oh no, you don't know me! Don't worry, we can solve that!</h3>
+    </div>
+
+    <div style="height: 41px;text-align: center;">
+        <a href="#" class="big-button">View list →</a>
+    </div>
+    <div style="text-align: center;">
+        <a href="#" class="big-button">Contact Info ↓</a>
+    </div>
+    <div style="text-align: center;">
+        <a href="#" class="big-button">View Info ↓</a>
+    </div>
+</div>
+
+<br>
+<div class="grid-2">
+    <div style="text-align: center;">
+        <h2>On the same day ...</h2>
+        <h3>... the 4<sup>th</sup> version of my website was published in September 2019</h3>
+        <p><i>(Minteck Projects v4 website. Same rendering engine as v3, but different UI)</i></p>
+    </div>
+    <div style="text-align: center;height: calc(100% - 30px);">
+        <h2>Visit my blog ...</h2>
+        <h3>I mostly talk about me and crazy stuff I do or I see. Have a visit!</h3>
+    </div>
+</div>
+
+<br>
+
+<div id="/contact" style="text-align: center;" class="stand stand-strong">
+    <h1>Contact Me</h1>
+    <div class="grid-3">
+        <a href="https://matrix.to/#/@me:minteck.ro.lt" target="_blank" class="button">
+            <div class="rnbwsquare-outer rnbwsquare-fixed rnbwsquare-stand">
+                <div class="rnbwsquare-inner" style="text-align: center;">
+                    <h2>Matrix</h2>
+                    <h3>@me:minteck.ro.lt</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>
+            </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>minteck@phoenixnet.tech</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>
+                </div>
+            </div>
+        </a>
+    </div>
+</div>
+
+<br>
+
+<div id="/about" style="text-align: center;">
+    <h1>About Me</h1>
+    <div class="grid-3">
+        <div style="text-align: center;">
+            <h2>Languages</h2>
+            <h3>Username on this app</h3>
+        </div>
+        <div style="text-align: center;">
+            <h2>Experimenting</h2>
+            <h3>Username on this app</h3>
+        </div>
+        <div style="text-align: center;">
+            <h2>Archives</h2>
+            <h3>Username on this app</h3>
+        </div>
+    </div>
+</div>
+
+<hr class="rnbwsquare-separator rnbwsquare-outer">
+
+<footer style="text-align:center;">
+    © 2011-<%- new Date().getFullYear() %> Minteck, All rights reserved · <a href="#">Open-source Software</a> · <a
+            href="#">Legal</a><br><a href="https://jetbrains.minteck.ro.lt/hub">Minteck Hub</a> · <a
+            href="https://kartik.hopto.org/online">Kartik Online</a> · <a
+            href="https://unchainedtech.minteck.ro.lt">UnchainedTech</a> · <a href="https://minteck.ro.lt/git">Minteck
+        Trunk</a>
+</footer>
+
+<%- include(`${private}/footer.ejs`) %>
\ No newline at end of file