summaryrefslogtreecommitdiff
path: root/htdocs/public/index.ejs
blob: 03faaaed6d69166f4ecd1df9a89f9321887566dd (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
<% global.title = "Main page"; %>
<%- include(`${private}/header.ejs`) %>

<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">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>

    <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 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>
    </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>
    </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>
    </div>

    <div style="height: 41px;text-align: center;">
        <a href="/projects" class="big-button bb-main-desktop">View list →</a>
    </div>
    <div style="text-align: center;">
        <a href="#/contact" class="big-button bb-main-desktop">Contact Info ↓</a>
    </div>
    <div style="text-align: center;">
        <a href="#/about" class="big-button bb-main-desktop">View Info ↓</a>
    </div>
</div>

<br>
<div style="text-align: center;">
    <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>


<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/#/@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>
            </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>
                </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>French is my mother language, and I am fluent in English.</h3>
        </div>
        <div style="text-align: center;">
            <h2>Experimenting</h2>
            <h3>I sometimes do experiments with technological stuff on my free time.</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>
        </div>
        <div style="text-align: center;">
            <h2>Who?!</h2>
            <h3>I am a non binary (sometimes genderfluid too) otherkin/transspecies furry.</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>
        </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>
        </div>
    </div>
</div>

<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() %>"
       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> ·
    <a
            href="/legal">Legal</a> · <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>

<%- include(`${private}/footer.ejs`) %>