Remove unusued assets, update the "About me"
|
@ -1,21 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="172" height="172" viewBox="0 0 172 172">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #02a9ff;
|
||||
}
|
||||
|
||||
.cls-1, .cls-2 {
|
||||
fill-rule: evenodd;
|
||||
}
|
||||
|
||||
.cls-2 {
|
||||
fill: #1f2631;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<g>
|
||||
<path d="M111.322,111.157 L111.322,41.029 C111.322,37.010 109.105,34.792 105.086,34.792 L91.365,34.792 C87.346,34.792 85.128,37.010 85.128,41.029 C85.128,41.029 85.128,56.337 85.128,74.333 C85.128,75.271 94.165,79.626 94.401,80.547 C101.286,107.449 95.897,128.980 89.370,129.985 C100.042,130.513 101.216,135.644 93.267,132.138 C94.483,117.784 99.228,117.812 112.869,131.610 C112.986,131.729 115.666,137.351 115.833,137.351 C131.170,137.351 148.050,137.351 148.050,137.351 C152.069,137.351 154.286,135.134 154.286,131.115 L154.286,117.394 C154.286,113.375 152.069,111.157 148.050,111.157 L111.322,111.157 Z" class="cls-1"/>
|
||||
<path d="M54.365,34.792 L18.331,137.351 L46.327,137.351 L52.425,119.611 L82.915,119.611 L88.875,137.351 L116.732,137.351 L80.836,34.792 L54.365,34.792 ZM58.800,96.882 L67.531,68.470 L77.094,96.882 L58.800,96.882 Z" class="cls-2"/>
|
||||
</g>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.2 KiB |
|
@ -1,3 +0,0 @@
|
|||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z" fill="#24292E"/>
|
||||
</svg>
|
Before Width: | Height: | Size: 958 B |
|
@ -1,16 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 92" style="enable-background:new 0 0 100 92;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#E24329;}
|
||||
.st1{fill:#FC6D26;}
|
||||
.st2{fill:#FCA326;}
|
||||
</style>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g>
|
||||
<path class="st0" d="M95.9,36.5l-0.1-0.3L82.8,2.4c-0.3-0.7-0.7-1.2-1.3-1.6c-0.6-0.4-1.3-0.6-2-0.5c-0.7,0-1.4,0.3-2,0.7 c-0.6,0.4-1,1.1-1.1,1.7l-8.7,26.7H32.3L23.6,2.7C23.4,2.1,23,1.4,22.5,1c-0.6-0.4-1.2-0.7-2-0.7c-0.7,0-1.4,0.1-2,0.5 c-0.6,0.4-1.1,0.9-1.3,1.6L4.2,36.1l-0.1,0.3c-3.8,10-0.6,21.3,8,27.7c0,0,0,0,0,0l0.1,0.1l19.7,14.7l9.7,7.4l5.9,4.5 c1.4,1.1,3.4,1.1,4.8,0l5.9-4.5l9.7-7.4l19.8-14.8c0,0,0,0,0.1,0C96.5,57.8,99.7,46.5,95.9,36.5z"/>
|
||||
<path class="st1" d="M95.9,36.5l-0.1-0.3c-6.4,1.3-12.3,4-17.4,7.8C78.3,44,63,55.6,50,65.4c9.7,7.3,18.1,13.7,18.1,13.7l19.8-14.8 c0,0,0,0,0.1,0C96.5,57.8,99.7,46.5,95.9,36.5z"/>
|
||||
<path class="st2" d="M31.9,79.1l9.7,7.4l5.9,4.5c1.4,1.1,3.4,1.1,4.8,0l5.9-4.5l9.7-7.4c0,0-8.4-6.4-18.1-13.7 C40.3,72.7,31.9,79.1,31.9,79.1z"/>
|
||||
<path class="st1" d="M21.6,43.9c-5.1-3.8-11-6.5-17.4-7.8l-0.1,0.3c-3.8,10-0.6,21.3,8,27.7c0,0,0,0,0,0l0.1,0.1l19.7,14.7 c0,0,8.4-6.4,18.1-13.7C37,55.6,21.7,44,21.6,43.9z"/>
|
||||
</g>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 14 KiB |
|
@ -1,9 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg version="1.1" viewBox="0 0 27.9 32" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
|
||||
<title>Matrix (protocol) logo</title>
|
||||
<g transform="translate(-.095 .005)" fill="#FFFFFF">
|
||||
<path d="m27.1 31.2v-30.5h-2.19v-0.732h3.04v32h-3.04v-0.732z"/>
|
||||
<path d="m8.23 10.4v1.54h0.044c0.385-0.564 0.893-1.03 1.49-1.37 0.58-0.323 1.25-0.485 1.99-0.485 0.72 0 1.38 0.14 1.97 0.42 0.595 0.279 1.05 0.771 1.36 1.48 0.338-0.5 0.796-0.941 1.38-1.32 0.58-0.383 1.27-0.574 2.06-0.574 0.602 0 1.16 0.074 1.67 0.22 0.514 0.148 0.954 0.383 1.32 0.707 0.366 0.323 0.653 0.746 0.859 1.27 0.205 0.522 0.308 1.15 0.308 1.89v7.63h-3.13v-6.46c0-0.383-0.015-0.743-0.044-1.08-0.0209-0.307-0.103-0.607-0.242-0.882-0.133-0.251-0.336-0.458-0.584-0.596-0.257-0.146-0.606-0.22-1.05-0.22-0.44 0-0.796 0.085-1.07 0.253-0.272 0.17-0.485 0.39-0.639 0.662-0.159 0.287-0.264 0.602-0.308 0.927-0.052 0.347-0.078 0.697-0.078 1.05v6.35h-3.13v-6.4c0-0.338-7e-3 -0.673-0.021-1-0.0114-0.314-0.0749-0.623-0.188-0.916-0.108-0.277-0.3-0.512-0.55-0.673-0.258-0.168-0.636-0.253-1.14-0.253-0.198 0.0083-0.394 0.042-0.584 0.1-0.258 0.0745-0.498 0.202-0.705 0.374-0.228 0.184-0.422 0.449-0.584 0.794-0.161 0.346-0.242 0.798-0.242 1.36v6.62h-3.13v-11.4z"/>
|
||||
<path d="m0.936 0.732v30.5h2.19v0.732h-3.04v-32h3.03v0.732z"/>
|
||||
</g>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 8 KiB |
|
@ -1,8 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" class="external-icon" viewBox="0 0 28.57 20" focusable="false" style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
||||
<svg viewBox="0 0 28.57 20" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg">
|
||||
<g>
|
||||
<path d="M27.9727 3.12324C27.6435 1.89323 26.6768 0.926623 25.4468 0.597366C23.2197 2.24288e-07 14.285 0 14.285 0C14.285 0 5.35042 2.24288e-07 3.12323 0.597366C1.89323 0.926623 0.926623 1.89323 0.597366 3.12324C2.24288e-07 5.35042 0 10 0 10C0 10 2.24288e-07 14.6496 0.597366 16.8768C0.926623 18.1068 1.89323 19.0734 3.12323 19.4026C5.35042 20 14.285 20 14.285 20C14.285 20 23.2197 20 25.4468 19.4026C26.6768 19.0734 27.6435 18.1068 27.9727 16.8768C28.5701 14.6496 28.5701 10 28.5701 10C28.5701 10 28.5677 5.35042 27.9727 3.12324Z" fill="#FF0000"/>
|
||||
<path d="M11.4253 14.2854L18.8477 10.0004L11.4253 5.71533V14.2854Z" fill="white"/>
|
||||
</g>
|
||||
</svg>
|
||||
</svg>
|
Before Width: | Height: | Size: 955 B |
|
@ -1,46 +0,0 @@
|
|||
import React from "react";
|
||||
import Translatable from "#parts/Translatable.tsx";
|
||||
import Link from "#parts/Link.tsx";
|
||||
|
||||
export default function About() {
|
||||
return (
|
||||
<div className="order-1" key="about">
|
||||
<div className="ml-auto max-w-3xl text-left">
|
||||
<img className="m-4 float-right h-24" src="/assets/brittany.jpg" alt="Flag of Brittany" title="Flag of Brittany"/>
|
||||
<Translatable
|
||||
en={<p>o/ <b>I'm Taevas</b>, a young person from <b><Link link="https://en.wikipedia.org/wiki/Brittany" text="Brittany"/> (western France)</b> who is currently invested in <b>game development.</b> I also do stuff related to web development, networking, and cybersecurity more rarely!</p>}
|
||||
fr={<p>o/ <b>Je m'appelle Taevas</b>, je suis une jeune personne de <b>Bretagne</b> qui s'investit dans le <b>développement de jeux-vidéos.</b> Je fais aussi des trucs qui touchent au développement web, aux réseaux, et plus rarement à la cybersécurité!</p>}
|
||||
/>
|
||||
<br/>
|
||||
<Translatable
|
||||
en={<p>I also have some skills in more common stuff, like with <b>spreadsheeting, video-editing, and even playing specific video games</b>, so far as to speedrun them or to play them competitively!</p>}
|
||||
fr={<p>J'ai aussi quelques compétences dans des trucs plus communs, tels que pour <b>les spreadsheets, le montage vidéo, et même jouer à certains jeux vidéos</b> jusqu'à même les "speedrun" ou les jouer de façon compétitive !</p>}
|
||||
/>
|
||||
<br/>
|
||||
<Translatable
|
||||
en={<p>Previously, I have also organized, helped with organizing, and played in many community-run tournaments on <Link link="https://osu.ppy.sh/" text="osu!"/>, a popular rhythm game.</p>}
|
||||
fr={<p>Auparavant, j'ai aussi organisé, aidé avec l'organisation, et joué dans beaucoup de tournois sur <Link link="https://osu.ppy.sh/" text="osu!"/>, un jeu de rhythme plutôt connu.</p>}
|
||||
/>
|
||||
</div>
|
||||
<div className="mr-auto mt-8 max-w-3xl text-right">
|
||||
<a href="https://www.pixiv.net/en/artworks/85330094" target="_blank" rel="noreferrer">
|
||||
<img className="m-4 float-left h-24 w-24" src="/assets/lain.png" alt="A drawing of Lain" title="A drawing of Lain"/>
|
||||
</a>
|
||||
<Translatable
|
||||
en={<p>I really like Japanese media! I'll pretty much always choose to have some drawing of <b>Lain Iwakura from <Link link="https://en.wikipedia.org/wiki/Serial_Experiments_Lain" text="Serial Experiments Lain"/></b> as my profile picture on the various websites I have an account on, as it is a piece of media I deeply enjoy.</p>}
|
||||
fr={<p>J'aime beaucoup les médias du Japon ! Quand possible, j'ai un dessin de <b>Lain Iwakura de <Link link="https://en.wikipedia.org/wiki/Serial_Experiments_Lain" text="Serial Experiments Lain"/></b>, un anime qui m'est cher, en tant qu'image de profil sur les sites web où j'ai un compte.</p>}
|
||||
/>
|
||||
<br/>
|
||||
<Translatable
|
||||
en={<p>You can find out <b>my latest web activities on the right side of the screen on this website</b>, including a tracker for the music I listen to and the animes I watch. I haven't found a good tracker for films or series yet, let me know if you know any!</p>}
|
||||
fr={<p>Vous pouvez voir <b>mes dernières activiés sur Internet à droite de l'écran sur ce site</b>, tel qu'un traqueur pour la musique que j'écoute et les animes que je regarde. J'ai pas encore trouvé de bon traqueur pour les médias style séries TV ou films, faites-moi savoir si vous en connaissez un !</p>}
|
||||
/>
|
||||
<br/>
|
||||
<Translatable
|
||||
en={<p className="text-center">Feel free to get in touch with me for any reason you want!</p>}
|
||||
fr={<p className="text-center">N'hésitez pas à entrer en contact avec moi si vous le souhaitez !</p>}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
40
src/Main/Windows/Content/About/Suite.tsx
Normal file
|
@ -0,0 +1,40 @@
|
|||
import React from "react";
|
||||
import Translatable from "#parts/Translatable.tsx";
|
||||
import List from "#parts/List.tsx";
|
||||
|
||||
export default function Suite() {
|
||||
return (
|
||||
<div className="border-t-2 pt-4 text-left">
|
||||
<List
|
||||
name={<Translatable en="My computer" fr="Mon ordinateur"/>}
|
||||
entries={[
|
||||
<li key="os"><Translatable en="Operating system" fr="Système d'exploitation"/>: EndeavourOS</li>,
|
||||
<li key="de"><Translatable en="Desktop environment" fr="Environnement de bureau"/>: KDE Plasma 6</li>,
|
||||
<li key="window system"><Translatable en="Windowing system" fr="Système de fenêtrage"/>: X11</li>,
|
||||
]}
|
||||
/>
|
||||
<br/>
|
||||
<List
|
||||
name={<Translatable en="My tools" fr="Mes outils"/>}
|
||||
entries={[
|
||||
<li key="browser"><Translatable en="Browser: Firefox (with multiple profiles, one for each Plasma Activity)" fr="Firefox (avec plusieurs profils, un pour chaque activité sur Plasma)"/></li>,
|
||||
<li key="mail"><Translatable en="Mail client" fr="Client de messagerie"/>: Betterbird</li>,
|
||||
<li key="matrix"><Translatable en="Matrix clients" fr="Clients Matrix"/>: Element, Cinny, NeoChat, Element X</li>,
|
||||
<li key="ide"><Translatable en="Code editor" fr="Éditeur de code"/>: Kate</li>,
|
||||
<li key="games"><Translatable en="Game development" fr="Développement de jeux vidéo"/>: Godot & GDScript</li>,
|
||||
<li key="audio"><Translatable en="Audio"/>: LMMS, Tenacity</li>,
|
||||
<li key="language"><Translatable en="Language learning" fr="Apprentissage de langues"/>: Anki</li>,
|
||||
]}
|
||||
/>
|
||||
<br/>
|
||||
<List
|
||||
name={<Translatable en="My programming languages" fr="Mes langages de programmation"/>}
|
||||
entries={[
|
||||
<li key="ts">TypeScript</li>,
|
||||
<li key="gd">GDScript</li>,
|
||||
<li key="nothing"><Translatable en="That's all! I found no need to learn any other language!" fr="C'est tout ! Je n'ai pas trouvé de raison d'apprendre d'autres langages !"/></li>,
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
22
src/Main/Windows/Content/About/Whatidoonline.tsx
Normal file
|
@ -0,0 +1,22 @@
|
|||
import React from "react";
|
||||
import Translatable from "#parts/Translatable.tsx";
|
||||
import Link from "#parts/Link.tsx";
|
||||
|
||||
export default function Whatidoonline() {
|
||||
return (
|
||||
<div className="text-right">
|
||||
<a href="https://www.pixiv.net/en/artworks/85330094" target="_blank" rel="noreferrer">
|
||||
<img className="m-4 float-left h-24 w-24" src="/assets/lain.png" alt="A drawing of Lain" title="A drawing of Lain"/>
|
||||
</a>
|
||||
<Translatable
|
||||
en={<p>I really like Japanese media! I'll pretty much always choose to have some drawing of <b>Lain Iwakura from <Link link="https://en.wikipedia.org/wiki/Serial_Experiments_Lain" text="Serial Experiments Lain"/></b> as my profile picture on the various websites I have an account on, as it is a piece of media I deeply enjoy.</p>}
|
||||
fr={<p>J'aime beaucoup les médias du Japon ! Quand possible, j'ai un dessin de <b>Lain Iwakura de <Link link="https://en.wikipedia.org/wiki/Serial_Experiments_Lain" text="Serial Experiments Lain"/></b>, un anime qui m'est cher, en tant qu'image de profil sur les sites web où j'ai un compte.</p>}
|
||||
/>
|
||||
<br/>
|
||||
<Translatable
|
||||
en={<p>Speaking of my accounts, this website has <b>a sidebar to its right where you can check out my activity on different websites.</b> This allows you to know what I'm up to and to dig deeper by clicking on links, while I have little maintenance to do!</p>}
|
||||
fr={<p>En parlant de mes comptes, ce site a <b>une barre à droite où vous pouvez voir mon activité sur différents sites.</b> Ça vous permet de savoir ce que je fais en ce moment et d'aller plus en profondeur grâce aux liens qui sont présents, alors que je n'ai pas vraiment de maintenance à faire !</p>}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
25
src/Main/Windows/Content/About/Whoami.tsx
Normal file
|
@ -0,0 +1,25 @@
|
|||
import React from "react";
|
||||
import Translatable from "#parts/Translatable.tsx";
|
||||
import Link from "#parts/Link.tsx";
|
||||
|
||||
export default function Whoami() {
|
||||
return (
|
||||
<div className="ml-auto max-w-3xl text-left">
|
||||
<img className="m-4 float-right h-24" src="/assets/brittany.jpg" alt="Flag of Brittany" title="Flag of Brittany"/>
|
||||
<Translatable
|
||||
en={<p>Hey hey! <b>I'm Taevas</b>, someone from <b><Link link="https://en.wikipedia.org/wiki/Brittany" text="Brittany"/> in western France</b> that likes developing games and sometimes websites, at least when I'm not too busy procrastinating.</p>}
|
||||
fr={<p>Hey hey ! <b>Je m'appelle Taevas,</b> une personne de Bretagne qui aime développer des jeux-vidéo et parfois des sites web, en tout cas quand je ne suis pas en train de procrastiner.</p>}
|
||||
/>
|
||||
<br/>
|
||||
<Translatable
|
||||
en={<p><b>I speak both English and French, and I guess I've become enough of a weeb to actually know some bits of Japanese!</b> Learning languages is difficult, but it becomes much easier when you make the target language something you <i>imperatively need to understand</i>. Such a need can be applied to learn things from a lot of different domains, but it's easy to not feel a need to learn a language, because you use the one you already know practically all day!</p>}
|
||||
fr={<p><b>Je parle aussi bien le français que l'anglais, et je suis devenu assez exposé à la culture japonaise pour connaître un peu de Japonais !</b> Apprendre une langue est compliqué, mais ça devient bien plus facile quand vous faites en sorte que cette même langue devienne <i>impérative à comprendre</i>. Ce concept peut être appliqué pour apprendre des choses dans bien des domaines, mais c'est facile de ne pas ressentir ce besoin quand on apprend un langue, parce que vous utilisez celle que vous connaissez déjà du matin au soir !</p>}
|
||||
/>
|
||||
<br/>
|
||||
<Translatable
|
||||
en={<p>I used to be quite into gaming, and I mean, I still am but more in a casual way. I used to play and organize (and help organize) tournaments on <Link link="https://osu.ppy.sh/" text="osu!"/> (a popular rhythm game) and made speedruns on games such as Trackmania (TMNF) and Celeste. <b>Now the games that I'm playing are Noita, Pikmin (franchise), Rain World, and occasionally games that I've already played before!</b> By the way, would you consider Visual Novels to be games?</p>}
|
||||
fr={<p>Je touchais pas mal aux jeux-vidéo, enfin c'est encore le cas mais c'est un peu plus... relax. Je jouais et j'organisais (et j'aidais à organiser) des tournois sur <Link link="https://osu.ppy.sh/" text="osu!"/> (jeu de rythme connu) et j'ai fait des speedruns sur des jeux comme Trackmania (TMNF) et Celeste. <b>De nos jours, je joue à Noita, Pikmin (franchise), Rain World, et des fois des jeux auxquels j'ai déjà joué auparavant !</b> Au fait, considérez-vous les Visual Novels comme des jeux ?</p>}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
16
src/Main/Windows/Content/About/index.tsx
Normal file
|
@ -0,0 +1,16 @@
|
|||
import React from "react";
|
||||
import Whoami from "./Whoami";
|
||||
import Whatidoonline from "./Whatidoonline";
|
||||
import Suite from "./Suite";
|
||||
|
||||
export default function About() {
|
||||
return (
|
||||
<>
|
||||
<Whoami/>
|
||||
<br/>
|
||||
<Whatidoonline/>
|
||||
<br/>
|
||||
<Suite/>
|
||||
</>
|
||||
);
|
||||
}
|
|
@ -7,7 +7,7 @@ export default function Webrings() {
|
|||
<div key="webrings">
|
||||
<div className="pb-4" key="webrings-list">
|
||||
<iframe id="bucket-webring" className="w-full h-[3rem]" src="https://webring.bucketfish.me/embed.html?name=Taevas&lightmode=true"/>
|
||||
</div>,
|
||||
</div>
|
||||
<div className="text-left" key="webrings-intro">
|
||||
<p className="pb-2">
|
||||
<Translatable
|
||||
|
|
|
@ -4,7 +4,7 @@ import Windows from "./Windows/index.tsx";
|
|||
import {type WindowDetails, LanguageContext, WindowContext} from "#contexts";
|
||||
import Translatable from "#parts/Translatable.tsx";
|
||||
import { Devices, MailAll, UserFavorite, UserMultiple, UserProfile } from "@carbon/icons-react";
|
||||
import About from "./Windows/Content/About.tsx";
|
||||
import About from "./Windows/Content/About/index.tsx";
|
||||
import Projects from "./Windows/Content/Projects.tsx";
|
||||
import Contact from "./Windows/Content/Contact.tsx";
|
||||
import Support from "./Windows/Content/Support.tsx";
|
||||
|
|
|
@ -1,7 +1,6 @@
|
|||
import {Copy, TaskComplete} from "@carbon/icons-react";
|
||||
import React, {useState} from "react";
|
||||
import {Copy, TaskComplete} from "@carbon/icons-react";
|
||||
|
||||
// For future reference, note that I use Carbon Design System throughout the site!
|
||||
export default function CopyField({
|
||||
text,
|
||||
imageUrl,
|
||||
|
|
18
src/parts/List.tsx
Normal file
|
@ -0,0 +1,18 @@
|
|||
import React from "react";
|
||||
|
||||
export default function List({
|
||||
name,
|
||||
entries,
|
||||
}: {
|
||||
name: string | React.JSX.Element;
|
||||
entries: React.JSX.Element[]
|
||||
}) {
|
||||
return (
|
||||
<div className="hover:font-bold">
|
||||
<h2 className="underline decoration-solid">{name}</h2>
|
||||
<ul className="ml-4 list-disc">
|
||||
{...entries}
|
||||
</ul>
|
||||
</div>
|
||||
);
|
||||
}
|