</head>
<body>
- <div id="terminal" style="height:700px">
- <div class="terminal-line"><i>$</i> danger</div>
- <div class="terminal-line"> ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣤⣤⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣶⣿⠟⠉⠉⠻⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ <b>!!!Hold up there, pal!!!</b></div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣤⣾⠿⠉⠀⠀⠀⠀⠀⠹⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣴⣾ <i>------------------------</i></div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣿⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣴⣾⡿⠛⠉</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣿⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣾⡿⠟⠁⠀⠀⠀ I think you're</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣴⣿⡿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣷⣶⣶⣦⣤⣤⣄⡀⠀⢀⣠⣾⣿⠿⠋⠀⠀⠀⠀⠀⣠ a little lost, ay?</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣤⠶⠞⣿⠟⠋⠉⠉⠙⣻⠿⢿⣿⣿⣿⠟⠁⠀⠀⠀⠀⠀⢀⡼⠁</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⠁⠛⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⢠⡞⠁⠀⠀⠀⢀⡴⠋⠀⢀⡿⠋⠁⠀⠀⠀⠀⠀⠀⠀⡞⠁⠀ (or maybe I forgot smth, sorry)</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣼⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⠃⠀⢠⠏⠀⠀⠀⠀⣰⠏⠀⠀⣠⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡥⠤⡀</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⣇⠀⣠⡏⠀⠀⠀⠀⣼⠁⠀⠀⣰⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡴⠁</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣄⣄⣼⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⡶⠋⠀⠀⠀⠀⢸⣧⠀⠀⣴⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢧⠀</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣀⠀⠀⠀⠀⣾⡿⠿⣿⡿⠁⠀⠀⠀⠀⠀⠀⣠⣶⣶⣶⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠛⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⢀⣾⠿⠛⢿⣿⣷⣄⡀⣿⠃⠀⠈⠀⠀⠀⠀⠀⠀⢀⣾⣿⣿⣿⣿⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀</div>
- <div class="terminal-line">⠀⠀⠀⣠⣤⣦⣼⣿⠀⠀⠀⣿⣿⣿⣿⣿⣦⣀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⡿⠀⠀⠀⢀⣀⣀⣀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣤⣾⣿⣿⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀</div>
- <div class="terminal-line">⠀⣠⣾⡿⠋⠉⠉⠁⠀⠀⠀⠀⠉⢯⡙⠻⣿⣿⣷⣤⡀⠀⠀⠀⠀⢿⣿⣿⣿⣿⡿⠃⢀⡤⠖⠋⠉⠉⠉⠉⠉⠉⠒⠦⣄⠀⠀⠀⠀⠀⣾⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀⠀⠀ Either way, turn back, pal!</div>
- <div class="terminal-line">⣾⣿⠋⠀⠀⠀⠀⣀⣀⠀⠀⠀⠀⠀⠙⢦⣄⠉⠻⢿⣿⣷⣦⡀⠀⠈⠙⠛⠛⠋⠀⢰⠟⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀ This ain't no place fur ya!</div>
- <div class="terminal-line">⣿⡇⠀⠀⠀⣴⠟⣫⣿⣿⣄⠀⠀⠀⠀⡶⢌⡙⠶⣤⡈⠛⠿⣿⣷⣦⣀⠀⠀⠀⠀⡇⠀⢻⣄⠀⠀⣠⢷⠀⠀⠀⠀⠀⡶⠀⠘⡆⠀⠀⠻⣿⣿⣿⣿⣿⣿⣿⡟⠀⠀⠀⠀⠀⠀</div>
- <div class="terminal-line">⣿⡇⠀⠀⢸⣟⢸⣿⣿⣿⣿⠀⠀⠀⠀⡇⠀⠈⠛⠦⣝⡳⢤⣈⠛⠻⣿⣷⣦⣀⠀⠀⠀⠀⠈⠙⠋⠁⠀⠛⠦⠤⠤⠚⠁⠀⠀⢳⠀⠀⠀⠈⠛⠿⠿⠿⠟⠋⠀⠀⠀⠀⠀⠀⠀ (pretty please)</div>
- <div class="terminal-line">⣿⡇⠀⠀⠈⢿⣞⣿⣿⣿⠏⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠙⠳⢬⣛⠦⠀⠙⢻⣿⣷⣦⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡞⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀</div>
- <div class="terminal-line">⣿⡇⠀⠀⠀⠀⠉⠛⠋⠁⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠈⠁⠀⠀⠈⣿⠉⢻⣿⣷⣦⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡼⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀</div>
- <div class="terminal-line">⣿⡇⠀⠀⠀⠀⠀⣠⣄⠀⠀⢰⠶⠒⠒⢧⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⠀⢸⡇⢸⡟⢿⣷⣦⣴⣶⣶⣶⣶⣤⣔⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀</div>
- <div class="terminal-line">⣿⡇⠀⠀⣤⠀⠀⠿⠿⠁⢀⡿⠀⠀⠀⡄⠈⠙⡷⢦⣄⡀⠀⠀⠀⠀⠀⠀⠀⣿⠀⢸⡇⢸⡇⠀⣿⠙⣿⣿⣉⠉⠙⠿⣿⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀</div>
- <div class="terminal-line">⣿⡇⠀⠀⠙⠷⢤⣀⣠⠴⠛⠁⠀⠀⠀⠇⠀⠀⡇⢸⡏⢹⡷⢦⣄⡀⠀⠀⠀⣿⡀⢸⡇⢸⡇⠀⡟⠀⢸⠀⢹⡷⢦⣄⣘⣿⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀</div>
- <div class="terminal-line">⣿⣿⠢⣤⡀⠀⠀⠀⠀⠀⠀⣠⠾⣿⣿⡷⣤⣀⡇⠸⡇⢸⡇⢸⠉⠙⠳⢦⣄⡻⢿⣾⣧⣸⣧⠀⡇⠀⢸⠀⢸⡇⢤⣈⠙⠻⣿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀</div>
- <div class="terminal-line">⢹⣿⣷⣌⡉⠛⠲⢶⣶⠖⠛⠛⢶⣄⡉⠛⠿⣽⣿⣶⣧⣸⡇⢸⠀⠀⠀⠀⠈⠙⠲⢮⣝⠻⣿⣷⣷⣄⣸⠀⢸⡇⠀⠈⠁⠀⢸⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀</div>
- <div class="terminal-line">⠀⠈⠙⠻⢿⣷⣶⣤⣉⡻⢶⣄⣀⠈⠙⠳⢦⣈⡉⠻⢿⣿⣷⣾⣦⡀⠀⠀⠀⠀⠀⠀⠈⠙⠲⢭⣛⠿⣿⣷⣼⡇⠀⠀⠀⠀⠈⣿⡇⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⠀⠀⠀⠀⣀</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠈⠙⠻⢿⣿⣷⣶⣽⣻⡦⠀⠀⠈⠙⠷⣦⣌⡙⠻⢿⣟⣷⣤⣀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠳⢯⣻⡇⠀⠀⠀⠀⠀⢸⣿⠀⣀⠀⠀⠀⠀⠈⠳⣄⠀⠀⠀⢀⡏⠙⠛</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠛⠻⢿⣿⣿⣿⣶⣤⣤⣤⣀⣈⠛⠷⣤⣈⡛⠷⢽⡻⢶⣄⣀⠀⠀⠀⠀⠀⠀⠀⠈⠛⠳⢤⣀⠀⠀⢸⣿⡀⠈⠳⢤⣀⣀⣰⠃⠈⠛⠶⠶⠿⠃⠀⠀</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢈⣿⡿⠛⠉⠙⠛⠛⠻⢷⣦⣄⣩⣿⠶⠖⠛⠛⠛⠛⠛⠛⠿⢷⣶⣦⣄⠀⠀⠀⠀⠉⢻⣶⣿⣿⠇⠀⠀⠀⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⠁⠀⠀⠀⠀⠀⠀⠀⣿⣿⠋⠀⠀⠀⠀⠀⣠⠖⠂⠀⠀⠀⠈⠙⠿⣿⣦⡄⠀⠀⣸⣿⠟⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡟⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇⠀⠀⠀⠀⣰⠊⠁⠀⠀⠀⠀⠀⠀⠀⠀⠈⠛⢿⣶⣄⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⠇⠀⠀⠀⠀⠀⠀⠀⠀⢸⣧⠀⠀⢀⠞⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡠⠙⢿⣿⣇⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡿⠿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⡿⠦⠠⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠧⠤⠄⠙⡿⠿⠦⠤⠤⠤⠤⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀</div>
+ <div id="terminal">
+ <div class="terminal-line"><i>$</i> show-not-found</div>
+ <div class="terminal-content">
+ <img src="/assets/imgs/kirby.png" alt="kirby" />
+ <div class="terminal-lines">
+ <div class="terminal-line"><b>!!!Hold up there, pal!!!</b></div>
+ <div class="terminal-line"><i>------------------------</i></div>
+ <br />
+ <div class="terminal-line">I think you're a little lost, ay?</div>
+ <div class="terminal-line">(or maybe I forgot smth, sorry)</div>
+ <br />
+ <div class="terminal-line">Either way, turn back, pal!</div>
+ <div class="terminal-line">It's not too late!</div>
+ </div>
+ </div>
+ <div class="terminal-line"><i>$</i></div>
</div>
- <p class="ascii-source">ascii art src @ <a target="_blank" href="https://emojicombos.com/kirby-ascii-art">emojicombos</a></p>
+ <p class="ascii-source">img src @ <a target="_blank" href="https://www.pngitem.com/middle/hRRJhmR_kirby-png-transparent-images-kirby-transparent-png-png/">pngitem</a></p>
<ul class="useful-links">
<li><b><a href="/">Go Back</a></b></li>
</ul>
@font-face {
- font-family: 'Iosevka';
- src: url('../fonts/Iosevka.ttf') format('truetype');
+ font-family: 'JetBrains';
+ src: url('../fonts/JetBrainsMono.ttf') format('truetype');
font-weight: normal;
}
padding: 0;
color: var(--fg2);
+ font-family: JetBrains, monospace;
}
body {
* */
#terminal {
display: block;
- height: 500px;
+ position: relative;
width: 800px;
margin: 2rem auto;
margin-bottom: 0;
box-shadow: 0px 0px 10px 5px var(--bg2);
}
+.terminal-content {
+ display: flex;
+ align-items: center;
+ gap: 1rem;
+}
+
+#terminal img {
+ width: 350px;
+}
+
#terminal b {
color: var(--dark_brown2);
}
#terminal s {
text-decoration: none;
font-weight: bold;
+ color: var(--light_brown2);
}
.terminal-line {
- font-family: Iosevka, monospace;
- white-space: pre;
+ /* white-space: pre; */
+ font-size: 14px;
}
.ascii-source {
* =========================================================
* */
.useful-links {
- font-family: Iosevka, monospace;
display: flex;
margin: 1rem auto;
width: 800px;
justify-content: center;
align-items: center;
}
-
-/*
-* =========================================================
-* 404
-* =========================================================
-* */
--- /dev/null
+@font-face {
+ font-family: 'JetBrains';
+ src: url('../fonts/JetBrainsMono.ttf') format('truetype');
+ font-weight: normal;
+}
+
+/*
+* =========================================================
+* Common
+* =========================================================
+* */
+* {
+ margin: 0;
+ padding: 0;
+
+ color: var(--fg2);
+ font-family: JetBrains, monospace;
+}
+
+body {
+ background-color: var(--bg1);
+}
+
+/*
+* =========================================================
+* Header
+* =========================================================
+* */
+.header {
+ display: flex;
+ margin: 1rem auto;
+ width: 800px;
+ list-style: none;
+ gap: 11rem;
+ align-items: center;
+}
+
+.disclaimer {
+ margin: auto;
+ width: 800px;
+ font-size: 14px;
+ text-align: center;
+ color: var(--fg1);
+}
+
+/*
+* =========================================================
+* Projects
+* =========================================================
+* */
+.content {
+ display: flex;
+ gap: 1rem;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+ width: 800px;
+ margin: auto;
+ margin-top: 3rem;
+}
+
+.content hr {
+ color: var(--fg0);
+}
+
+.project-card {
+ transition: .1s background-color;
+ display: flex;
+ flex-direction: column;
+
+ width: 200px;
+
+ border-radius: 8px;
+ background-color: var(--bg0);
+ box-shadow: 0px 0px 8px 2px var(--bg2);
+
+ text-decoration: none;
+}
+
+.project-card:hover {
+ background-color: var(--bg1);
+}
+
+.project-card img {
+ width: 180px;
+ margin: 10px;
+ padding: 2px;
+ box-sizing: border-box;
+ padding-bottom: 5px;
+ border-radius: 8px;
+}
+
+.project-card .info {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+
+ width: 180px;
+ padding: 10px;
+ padding-top: 5px;
+}
+
+.project-card .info .title {
+ text-align: center;
+ font-weight: bold;
+}
+
+.project-card .info .description {
+ text-align: center;
+ font-size: 14px;
+}
+
+.project-card .info .tags {
+ display: flex;
+ flex-wrap: wrap;
+ gap: .2rem;
+}
+
+.project-card .info .tags .tag {
+ border-radius: 100px;
+ padding: 2px 6px;
+ font-size: 14px;
+ font-weight: bold;
+ margin-bottom: 4px;
+}
+
+
+/*
+* =========================================================
+* Tags
+* =========================================================
+* */
+.tag.no-ai-code,
+.tag.ai-free {
+ background-color: green;
+}
+
+.tag.html {
+ background-color: #e34c26;
+}
+
+.tag.css {
+ background-color: #264de4;
+}
+
+.tag.js {
+ background-color: #f0db4f;
+ color: black;
+}
<body>
<div id="terminal">
<div class="terminal-line"><i>$</i> fastfetch</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣠⣤⢤⠶⠶⠶⢦⣤⣤⣄⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ </div>
- <div class="terminal-line">⠀⠀⠀⠀⣀⡤⠴⠶⢤⣄⡀⠀⠀⠀⢀⣤⠶⠛⠋⣁⣀⣤⣤⣤⣤⣤⣤⣤⣀⣈⠉⠛⠳⢤⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ <b>jj</b>@<i>jsdaj.com</i></div>
- <div class="terminal-line">⠀⠀⣠⠞⢁⣠⣤⣤⣤⣀⠙⠲⣤⠖⠋⣀⣴⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣦⣄⡈⠓⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ------------</div>
- <div class="terminal-line">⠀⢰⠃⢠⣿⣿⣿⣿⣿⣿⣷⡦⢀⣴⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣦⡀⠙⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀ <s>Message</s>: Heey, sup?</div>
- <div class="terminal-line">⢰⡏⠀⣿⣿⣿⣿⣿⣿⣿⣿⣶⣿⣿⣿⣿⣿⣿⣿⣿⠿⢿⣿⣿⣿⣿⣿⣿⠿⢿⣿⣿⣿⣿⣿⣿⣿⣦⡀⠙⣄⠀⠀⠀⠀⠀⠀⠀⠀ <s>Name</s>: Jansen Saunier</div>
- <div class="terminal-line">⢸⡇⠘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⢱⣶⡎⢿⣿⣿⣿⣿⢣⣾⣆⢻⣿⣿⣿⣿⣿⣿⣿⣿⣆⠈⢦⡀⠀⠀⠀⠀⠀⠀ <s>Current Location</s>: Brazil</div>
- <div class="terminal-line">⠈⣷⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⢸⣿⡇⢸⣿⣿⣿⡏⢸⣿⡟⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣆⠈⢧⠀⠀⠀⠀⠀⠀ <s>Languages</s>: PT, EN</div>
- <div class="terminal-line">⠀⢹⡆⠸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⠉⠀⢸⣿⣿⣿⡇⠀⠉⠁⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡆⠘⡇⠀⠀⠀⠀⠀ <s>Occupation</s>: Computer guy</div>
- <div class="terminal-line">⠀⠀⢿⡄⠘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⢸⣿⣿⣿⣇⠀⠀⠀⢰⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠹⣆⠀⠀⠀⠀ </div>
- <div class="terminal-line">⠀⠀⠀⠙⣆⠈⢋⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⠀⠀⠀⣾⣿⣿⣿⣿⡀⠀⠀⣼⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣄⠈⢦⠀⠀⠀ <s>PLs</s>: A bunch, but I like C more</div>
- <div class="terminal-line">⠀⠀⠀⠀⢸⡇⠸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣤⣾⡟⠉⠉⠉⠙⣷⣤⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⠈⢧⡀⠀ </div>
- <div class="terminal-line">⠀⠀⠀⠀⠘⡇⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⠰⣿⡷⢰⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡆⠸⡇⠀ <s>Current OS</s>: Void Linux x86_64</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⣧⠀⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣤⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⣿⠀ <s>Text Editor/IDE</s>: Nvim (<a target="_blank" href="https://codeberg.org/jansen44/nvim">config</a>)</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⢻⡆⠸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠇⢠⡿⠀ <s>Theme</s>: <a target="_blank" href="https://codeberg.org/jansen44/nvim/src/branch/main/colors/codeclocks.lua">Codeclocks</a></div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠈⣿⡀⢹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠻⣿⣿⣿⠿⠋⢀⡞⠁⠀ </div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⣸⠇⠀⠹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠗⠀⠀⢤⣤⠶⠋⠀⠀⠀ <s>Email</s>: <a target="_blank" href="mailto:
[email protected]?subject=Heey, sup?">
[email protected]</a></div>
- <div class="terminal-line">⠀⠀⠀⢀⡴⠋⠀⣴⣾⣦⡘⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠋⣰⣷⣦⣄⠉⠳⣄⠀⠀⠀ <s>Codeberg</s>: <a target="_blank" href="https://codeberg.org/jansen44">jansen44</a></div>
- <div class="terminal-line">⠀⠀⡴⠋⠀⠐⠋⢹⣿⣿⣿⣦⡙⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠋⣠⣾⣿⣿⡏⠉⠓⠄⠈⢧⡀⠀ <s>Linkedin</s>: <a target="_blank" href="https://www.linkedin.com/in/jansen-saunier/">jansen-saunier</a></div>
- <div class="terminal-line">⠀⣼⠁⣰⡇⠀⣀⣼⣿⣿⣿⣿⣿⣦⣌⠛⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠟⣉⣴⣿⣿⣿⣿⣿⣷⣄⡀⢀⣆⠀⢧⠀ <s>Twitch</s>: <a target="_blank" href="https://www.twitch.tv/toybeaver_">toybeaver_</a> (lives in PT-BR)</div>
- <div class="terminal-line">⠀⣿⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣤⣍⡙⠛⠛⠿⠿⣿⡿⠿⠟⠛⠛⣉⣤⣶⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠆⢸⡆ <s>Youtube</s>: <a target="_blank" href="https://www.youtube.com/@ToyBeaver44">ToyBeaver44</a> (live dump only)</div>
- <div class="terminal-line">⠀⠻⣄⠈⠻⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠿⠟⠓⠀⣠⣤⣄⠀⠐⠚⠿⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠿⠟⠋⢀⡼⠁ </div>
- <div class="terminal-line">⠀⠀⠈⠛⠶⣤⣤⣀⣀⣉⣉⣉⣉⣉⣀⣀⣀⣠⣤⣤⠴⠖⠋⠁⠀⠈⠙⠲⠶⣤⣤⣄⣀⣀⣀⣉⣉⣉⣉⣉⣁⣀⣤⣤⠴⠞⠋⠀⠀ <s>Hosted at:</s> Raspberry PI 4</div>
- <div class="terminal-line">⠀⠀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠀⠀⠀⠀⠀⠀⠀ Sorry mobile folks, someday I fix it for ya!</div>
- <div class="terminal-line"><i>$</i>⠀</div>
+ <div class="terminal-content">
+ <img src="/assets/imgs/kirby-home.png" alt="kirby" />
+ <div class="terminal-lines">
+ <div class="terminal-line"><b>jj</b>@<i>jsdaj.com</i></div>
+ <div class="terminal-line">------------</div>
+ <div class="terminal-line"><s>Message</s>: Heey, sup?</div>
+ <div class="terminal-line"><s>Name</s>: Jansen Saunier</div>
+ <div class="terminal-line"><s>Current Location</s>: Brazil</div>
+ <div class="terminal-line"><s>Languages</s>: PT, EN</div>
+ <div class="terminal-line"><s>Occupation</s>: Computer guy</div>
+ <br />
+ <div class="terminal-line"><s>PLs</s>: A bunch, but I like C more</div>
+ <div class="terminal-line"><s>Current OS</s>: Void Linux x86_64</div>
+ <div class="terminal-line"><s>Text Editor/IDE</s>: Nvim (
+ <a target="_blank" href="https://codeberg.org/jansen44/nvim">
+ config
+ </a>)
+ </div>
+ <div class="terminal-line">
+ <s>Theme</s>:
+ <a target="_blank" href="https://codeberg.org/jansen44/nvim/src/branch/main/colors/codeclocks.lua">
+ Codeclocks
+ </a>
+ </div>
+ <br/>
+ <div class="terminal-line"><s>Email</s>:
+ </a>
+ </div>
+ <div class="terminal-line"><s>Codeberg</s>:
+ <a target="_blank" href="https://codeberg.org/jansen44">
+ jansen44
+ </a>
+ </div>
+ <div class="terminal-line"><s>Linkedin</s>:
+ <a target="_blank" href="https://www.linkedin.com/in/jansen-saunier/">
+ jansen-saunier
+ </a>
+ </div>
+ <div class="terminal-line"><s>Twitch</s>:
+ <a target="_blank" href="https://www.twitch.tv/toybeaver_">
+ toybeaver_
+ </a> (lives in PT-BR)
+ </div>
+ <div class="terminal-line"><s>Youtube</s>:
+ <a target="_blank" href="https://www.youtube.com/@ToyBeaver44">
+ ToyBeaver44
+ </a> (live dump only)
+ </div>
+ <br/>
+ <div class="terminal-line"><s>Hosted at:</s> Raspberry PI 4</div>
+ <br/>
+ <div class="terminal-line">Sorry mobile folks, someday I fix it for ya!</div>
+
+ </div>
+ </div>
+ <div class="terminal-line"><i>$</i></div>
</div>
- <p class="ascii-source">ascii art src @ <a target="_blank" href="https://emojicombos.com/kirby-ascii-art">emojicombos</a></p>
+ <p class="ascii-source">img src @ <a target="_blank" href="https://www.reddit.com/r/powerscales/comments/1hispp8/kirby_vs_medaka_kurokami_who_wins_and_why/?tl=pt-br">reddit</a></p>
<ul class="useful-links">
- <li><b><a href="/404.html">Projects Showcase</a></b></li>
+ <li><b><a href="/projects.html">Projects Showcase</a></b></li>
<li>-</li>
<li><b><a href="/404.html">Blog</a></b></li>
</ul>
--- /dev/null
+<!DOCUMENT html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Jansen Saunier</title>
+
+ <link rel="stylesheet" href="assets/css/themes/codeclocks.css">
+ <link rel="stylesheet" href="assets/css/projects.css">
+ </head>
+ <body>
+ <ul class="header">
+ <li><b><a href="/">Go Back</a></b></li>
+ <li><h3>Some of my (public) projects</h3></li>
+ </ul>
+ <p class="disclaimer">
+ These are only (some of) my <b>personal</b> projects. I can't share most of my professional projects due to NDA or similar.
+ </p>
+
+ <div class="content">
+ <a href="https://jsdaj.com" class="project-card" id="project-home">
+ <img src="assets/imgs/projects-home.png" alt="home-project-img" />
+ <div class="info">
+ <p class="title">My Personal Website </p>
+ <p class="description">A personal website as simple as I could do. Simple and static stuff is so charming, don't you think?</p>
+ <hr>
+ <div class="tags">
+ <p class="tag html">#html</p>
+ <p class="tag css">#css</p>
+ <p class="tag js">#js</p>
+ <p class="tag no-ai-code">#ai-code-free</p>
+ <p class="tag ai-free">#ai-free</p>
+ </div>
+ </div>
+ </a>
+ </div>
+ </body>
+</html>
projects / homepage.git / commitdiff
