diff options
Diffstat (limited to 'htdocs/public/index.ejs')
| -rw-r--r-- | htdocs/public/index.ejs | 136 |
1 files changed, 61 insertions, 75 deletions
diff --git a/htdocs/public/index.ejs b/htdocs/public/index.ejs index 03faaae..59b21cd 100644 --- a/htdocs/public/index.ejs +++ b/htdocs/public/index.ejs @@ -1,4 +1,4 @@ -<% global.title = "Main page"; %> +<% global.title = lang.main.page; %> <%- include(`${private}/header.ejs`) %> <div id="intro" style="height:100vh;display:flex;align-items: center;justify-content: center;margin: -20px;"> @@ -6,28 +6,16 @@ <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">Hello, I'm Minteck</h1> + <h1 class="rnbwsquare-title"><%- lang.main.intro.title %></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" - ] + items = lang.main.intro.tagline let item = items[Math.floor(Math.random() * items.length)] %> <%- item %> —</p> - <h3>Welcome to my personal shelter!</h3> + <h3><%- lang.main.intro.subtitle %></h3> </div> </div> @@ -38,86 +26,86 @@ <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">Projects</h2> - <h3>The kind of weird stuff I do on my free time</h3> - <a href="/projects" class="big-button bb-main-mobile">View list →</a> + <h2 class="main-icon-sub"><%- lang.main.elements.projects.title %></h2> + <h3><%- lang.main.elements.projects.description %></h3> + <a href="<%- slang %>/projects" 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">Contact Me</h2> - <h3>So, you want to have a chat? With me? Nice! Come say hi.</h3> - <a href="#/contact" class="big-button bb-main-mobile">Contact Info ↓</a> + <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">About Me</h2> - <h3>Oh no, you don't know me! Don't worry, we can solve that!</h3> - <a href="#/about" class="big-button bb-main-mobile">View Info ↓</a> + <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> <div style="height: 41px;text-align: center;"> - <a href="/projects" class="big-button bb-main-desktop">View list →</a> + <a href="<%- slang %>/projects" 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">Contact Info ↓</a> + <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">View Info ↓</a> + <a href="#/about" class="big-button bb-main-desktop"><%- lang.main.elements.about.action %> ↓</a> </div> </div> <br> <div style="text-align: center;"> - <h2>On the same month ...</h2> + <h2><%- lang.main.history.title %> ...</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" + "title": "... " + lang.main.history.items[0].title, + "description": lang.main.history.items[0].description }, "2": { - "title": "... Horizon's development starts (2019)", - "description": "Horizon was a multipurpose Discord bot developed by me and imagined by Horizon.Data (now SSmellys)" + "title": "... " + lang.main.history.items[1].title, + "description": lang.main.history.items[1].description }, "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." + "title": "... " + lang.main.history.items[2].title, + "description": lang.main.history.items[2].description }, "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." + "title": "... " + lang.main.history.items[3].title, + "description": lang.main.history.items[3].description }, "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." + "title": "... " + lang.main.history.items[4].title, + "description": lang.main.history.items[4].description }, "6": { - "title": "... Kartik officially releases on June 12<sup>th</sup> 2021", - "description": "Kartik was a simple racing game developed during 6 months" + "title": "... " + lang.main.history.items[5].title, + "description": lang.main.history.items[5].description }, "7": { - "title": "... Fluffy Friends is extended to become public (2021)", - "description": "Fluffy Friends is a furry and plural-friendly Minecraft server" + "title": "... " + lang.main.history.items[6].title, + "description": lang.main.history.items[6].description }, "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" + "title": "... " + lang.main.history.items[7].title, + "description": lang.main.history.items[7].description }, "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" + "title": "... " + lang.main.history.items[8].title, + "description": lang.main.history.items[8].description }, "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." + "title": "... " + lang.main.history.items[9].title, + "description": lang.main.history.items[9].description }, "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." + "title": "... " + lang.main.history.items[10].title, + "description": lang.main.history.items[10].description }, "12": { - "title": "... my first website is developed (2018)", - "description": "Minteck Projects v1 website. You are currently on v9, it has come a long way!" + "title": "... " + lang.main.history.items[11].title, + "description": lang.main.history.items[11].description } } %> @@ -129,7 +117,7 @@ <br> <div id="/contact" style="text-align: center;" class="stand stand-strong"> - <h1>Contact Me</h1> + <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"> @@ -209,34 +197,32 @@ <br> <div id="/about" style="text-align: center;"> - <h1>About Me</h1> + <h1><%- lang.main.about.title %></h1> <div class="grid-3"> <div style="text-align: center;"> - <h2>Languages</h2> - <h3>French is my mother language, and I am fluent in English.</h3> + <h2><%- lang.main.about.languages.title %></h2> + <h3><%- lang.main.about.languages.description %></h3> </div> <div style="text-align: center;"> - <h2>Experimenting</h2> - <h3>I sometimes do experiments with technological stuff on my free time.</h3> + <h2><%- lang.main.about.experiments.title %></h2> + <h3><%- lang.main.about.experiments.description %></h3> </div> <div style="text-align: center;"> - <h2>Archives</h2> - <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">Visit archives →</a> + <h2><%- lang.main.about.archives.title %></h2> + <h3><%- lang.main.about.archives.description %></h3> + <a href="<%- slang %>/archive" target="_blank" class="big-button big-button-bg2"><%- lang.main.about.archives.action %> →</a> </div> <div style="text-align: center;"> - <h2>Who?!</h2> - <h3>I am a non binary (sometimes genderfluid too) otherkin/transspecies furry.</h3> + <h2><%- lang.main.about.general.title %></h2> + <h3><%- lang.main.about.general.description %></h3> </div> <div style="text-align: center;"> - <h2>We've come a long way</h2> - <h3>I've been doing techy stuff for the last <%- new Date().getFullYear() - 2013 %> years now, that's - loooong!</h3> + <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>Privacy is a right!</h2> - <h3>I strive to respect people's privacy, and try not to use services or applications that violate your - privacy.</h3> + <h2><%- lang.main.about.privacy.title %></h2> + <h3><%- lang.main.about.privacy.description %></h3> </div> </div> </div> @@ -244,14 +230,14 @@ <hr class="rnbwsquare-separator rnbwsquare-outer"> <footer style="text-align:center;"> - © <%- new Date().getFullYear() %> Minteck, All rights reserved<br> - <a href="https://source.minteck.org/web/sattelite/commit/<%- fs.readFileSync(serverRoot + "/.git/" + fs.readFileSync(serverRoot + "/.git/HEAD").toString().trim().substr(5)).toString().trim() %>" + © <%- 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, 10) %></a> - · <a href="https://source.minteck.org/web/sattelite">Source Code</a> · + 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="/legal">Legal</a> · <a href="https://account.minteck.org">Minteck Account</a> · <a + href="<%- slang %>/legal"><%- lang.global.legal %></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> |