Kyren223/github-website
1
0
Fork 0
mirror of https://github.com/Kyren223/website.git synced 2026-08-26 19:31:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed index and skills

Browse Source
This commit is contained in:
Kyren223
2025-01-03 11:29:39 +02:00
parent 6e5321a779
commit be3fcd8f93
4 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/index.astro
View File

@@ -36,7 +36,7 @@ watching Anime or solving Rubik's cubes fast.`.trimStart();
<div id="content">
<div id="left" class="column">
<TerminalBorder header="Profile">
<div class="flex items-center space-x-[1vw] h-[10vw]">
<div class="flex items-center space-x-[1.25vw] h-[9.5vw]">
<img
src="favicon.svg"
alt="picture"
@@ -83,7 +83,7 @@ watching Anime or solving Rubik's cubes fast.`.trimStart();
<div class="w-[334%]">
<TerminalBorder header="SSH Key">
<div
class="sshKeyCopy w-[100%] flex items-center space-x-2 group"
class="sshKeyCopy w-[100%] flex items-center group"
>
<span
id="sshKey"
@@ -117,7 +117,7 @@ watching Anime or solving Rubik's cubes fast.`.trimStart();
</Link> | Learning Golang & Backend | Available for hire
</p>
</TerminalBorder>
<TerminalBorder header="About Me" margin="2em 0">
<TerminalBorder header="About Me" margin="2.5vw 0">
<p>{aboutMe}</p>
</TerminalBorder>
<BlogItem
@@ -176,7 +176,7 @@ watching Anime or solving Rubik's cubes fast.`.trimStart();
<style>
#content {
margin-top: 0.625vw;
margin-top: 1.5vw;
display: flex;
justify-content: space-between;
}

10
src/pages/skills.astro
View File

@@ -21,22 +21,22 @@ const frameworks = ["Spigot API", "Bubbletea", "Astro"];
<div class="flex">
<div class="w-[60%] flex-column items-center">
<TerminalBorder header="Languages">
<div class="grid md:grid-cols-3 items-center gap-x-8">
<div class="grid grid-cols-3 items-center gap-x-[0.625vw]">
{langs.map((lang) => <p>{lang}</p>)}
</div>
</TerminalBorder>
<TerminalBorder header="Frameworks" margin="30px 0">
<div class="grid md:grid-cols-1 items-center gap-x-8">
<TerminalBorder header="Frameworks" margin="2.25vw 0">
<div class="grid grid-cols-1 items-center gap-x-[0.625vw]">
{frameworks.map((framework) => <p>{framework}</p>)}
</div>
</TerminalBorder>
<TerminalBorder header="Tools">
<div class="grid md:grid-cols-1 items-center gap-x-8">
<div class="grid grid-cols-1 items-center gap-x-[0.625vw]">
{tools.map((tool) => <p>{tool}</p>)}
</div>
</TerminalBorder>
</div>
<div class="w-[40%] pl-4">
<div class="w-[40%] pl-[1.25vw]">
<RadarChart max={max} data={data} />
</div>
</div>