diff options
Diffstat (limited to 'htdocs/public/index.ejs')
| -rw-r--r-- | htdocs/public/index.ejs | 124 |
1 files changed, 103 insertions, 21 deletions
diff --git a/htdocs/public/index.ejs b/htdocs/public/index.ejs index 93603da..e2372e2 100644 --- a/htdocs/public/index.ejs +++ b/htdocs/public/index.ejs @@ -1,18 +1,40 @@ <% global.title = "Main page"; %> <%- include(`${private}/header.ejs`) %> -<div style="height:100vh;display:flex;align-items: center;justify-content: center;"> +<div id="intro" style="height:100vh;display:flex;align-items: center;justify-content: center;margin: -20px;"> <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> + <img src="/assets/fursona/main.jpg" style="height:60vh;"> + <div style="position: relative;top: -40px;"> + <h1 class="rnbwsquare-title">Hello, I'm Minteck</h1> + <p class="tagline">— + <% + items = [ + "Creator of that cursed thing", + "Also known as Mintexie", + "Also known as Minty or Mints", + "More than one... I guess", + "You wouldn't believe your eyes!", + "I'm cute, you're cute, we're all cute!", + "Such a good foxxo ^^", + "I'm a furry! OwO?", + "Doing weird techy stuff", + "Privacy is a <s>human</s> <b>creature</b> right!", + "I just built this animal shelter" + ] + + let item = items[Math.floor(Math.random() * items.length)] + %> + <%- item %> + —</p> + <h3>Welcome to my personal shelter!</h3> + </div> </div> - <p style="display: block;position: absolute;bottom: 0;font-size: 32px;margin: 10px;">↓</p> + <a class="scroller" href="#/main" style="display: block;position: absolute;bottom: 0;font-size: 32px;margin: 10px;"> + <p>↓</p></a> </div> -<div class="grid-3 stand"> +<div class="grid-3 stand dont-break-me" id="/main"> <div style="text-align: center;"> <h2>Projects</h2> <h3>The kind of weird stuff I do on my free time</h3> @@ -30,23 +52,76 @@ <a href="#" class="big-button">View list →</a> </div> <div style="text-align: center;"> - <a href="#" class="big-button">Contact Info ↓</a> + <a href="#/contact" class="big-button">Contact Info ↓</a> </div> <div style="text-align: center;"> - <a href="#" class="big-button">View Info ↓</a> + <a href="#/about" 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> + <h2>On the same month ...</h2> + <% + items = { + "1": { + "title": "... Project AI is getting better (2019)", + "description": "Project AI (then known as Kiki) was a well being chat bot made to make the user feel better" + }, + "2": { + "title": "... Horizon's development starts (2019)", + "description": "Horizon was a multipurpose Discord bot developed by me and imagined by Horizon.Data (now SSmellys)" + }, + "3": { + "title": "... Chat'Max is now open to registration (2019)", + "description": "Chat'Max was a page system designed for my friends. It was then replaced by Projectpedia and PinPages." + }, + "4": { + "title": "... Projectpedia is announced (2019)", + "description": "Projectpedia was a wiki system to get help on any kind of projects. It was then replaced by PinPages." + }, + "5": { + "title": "... Kartik's early access program is launched on May 4<sup>th</sup> 2021", + "description": "This 1-month-long period helped polish the UI and experience, test the online mode and fix bugs." + }, + "6": { + "title": "... Kartik officially releases on June 12<sup>th</sup> 2021", + "description": "Kartik was a simple racing game developed during 6 months" + }, + "7": { + "title": "... Fluffy Friends is extended to become public (2021)", + "description": "Fluffy Friends is a furry and plural-friendly Minecraft server" + }, + "8": { + "title": "... PinPages version 20.08 (2020), a massive update, is officially released", + "description": "PinPages was a social network project similar to Twitter or Facebook" + }, + "9": { + "title": "... the 4<sup>th</sup> version of my website was published in September 2019", + "description": "Minteck Projects v4 website. Same rendering engine as v3, but different UI" + }, + "10": { + "title": "... the first Neutron version (2019) was made in only 2 weeks", + "description": "Neutron (at the time known as Minteck Projects CMS). Version 1.0 made in 2 days." + }, + "11": { + "title": "... a dark themed and more solid variant of my website is now live", + "description": "Minteck Projects v5 website. Same as v4 but with modified UI and fonts." + }, + "12": { + "title": "... my first website is developed (2018)", + "description": "Minteck Projects v1 website. You are currently on v9, it has come a long way!" + } + } + %> + <h3><%- items['' + (new Date().getMonth() + 1)].title %></h3> + <p><i>(<%- items['' + (new Date().getMonth() + 1)].description %>)</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> + <a href="/blog" target="_blank" class="big-button big-button-bg2">Visit blog →</a> </div> </div> @@ -55,11 +130,11 @@ <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"> + <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>@me:minteck.ro.lt</h3> + <h3>@minteck:jae.fi</h3> </div> </div> </a> @@ -107,7 +182,7 @@ <div class="rnbwsquare-outer rnbwsquare-fixed rnbwsquare-stand"> <div class="rnbwsquare-inner" style="text-align: center;"> <h2>Email</h2> - <h3>minteck@phoenixnet.tech</h3> + <h3>mintexie@minteck.org</h3> </div> </div> </a> @@ -137,15 +212,22 @@ <div class="grid-3"> <div style="text-align: center;"> <h2>Languages</h2> - <h3>Username on this app</h3> + <h3>French is my mother language, and I am fluent in English.</h3> </div> <div style="text-align: center;"> <h2>Experimenting</h2> - <h3>Username on this app</h3> + <h3>I sometimes do experiments with technological stuff on my free time.</h3> </div> <div style="text-align: center;"> <h2>Archives</h2> - <h3>Username on this app</h3> + <h3>All the stuff I did is kept on my website, whether it's maintained or not.</h3> + <a href="/archive" target="_blank" class="big-button big-button-bg2 big-button-pt1">Visit archives →</a><a + href="/timeline" target="_blank" class="big-button big-button-bg2 big-button-pt2">View timeline + →</a> + </div> + <div style="text-align: center;"> + <h2>Who?!</h2> + <h3>I am a non binary (sometimes genderfluid too) otherkin/transspecies furry.</h3> </div> </div> </div> @@ -154,9 +236,9 @@ <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 + href="/legal">Legal</a><br><a href="https://account.minteck.org">Minteck 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> |