Kyren223/github-website
1
0
Fork 0
mirror of https://github.com/Kyren223/website.git synced 2025-12-28 17:04:37 +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

12
src/components/Nav.astro
View File

@@ -28,13 +28,13 @@ const directories = ["skills", "projects", "blogs"];
justify-content: space-between;
border: 0.125vw var(--alt);
border-style: solid;
margin-bottom: 1.25em;
padding: 0.75em;
margin-bottom: 1.5625vw;
padding: 0.9375vw;
}
#nav-links a {
margin-bottom: 0px;
margin-right: 0.15em;
margin-left: 0.15em;
margin-bottom: 0;
margin-right: 0.1875vw;
margin-left: 0.1875vw;
font-size: 1.375vw;
color: var(--primary);
}
@@ -42,7 +42,7 @@ const directories = ["skills", "projects", "blogs"];
color: var(--accent);
}
#nav-path {
margin-right: 2em;
margin-right: 2.5vw;
font-size: 1.375vw;
}
</style>

24
src/components/TerminalBorder.astro
View File

@@ -17,8 +17,8 @@ const { header = "", footer = "", margin = "-0.1vw" } = Astro.props;
<style>
.section {
position: relative;
padding: 0.8em;
padding-top: 0.85em;
padding: 1vw;
padding-top: 1.0625vw;
display: flex;
border-style: solid;
border-width: 0.1vw;
@@ -27,23 +27,23 @@ const { header = "", footer = "", margin = "-0.1vw" } = Astro.props;
.tag-top {
position: absolute;
top: -0.6em;
left: 0.5em;
top: -0.75vw;
left: 0.625vw;
background-color: var(--background);
padding-right: 0.5em;
padding-left: 0.5em;
font-size: 0.8em;
padding-right: 0.625vw;
padding-left: 0.625vw;
font-size: 1vw;
color: var(--alt);
}
.tag-bottom {
position: absolute;
bottom: -0.6em;
left: 0.5em;
bottom: -0.75vw;
left: 0.625vw;
background-color: var(--background);
padding-right: 0.5em;
padding-left: 0.5em;
font-size: 0.8em;
padding-right: 0.625vw;
padding-left: 0.625vw;
font-size: 1vw;
color: var(--alt);
}
</style>

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>