Compare commits

...

2 Commits

Author SHA1 Message Date
60e2e0f040 Added 2025-08-10 19:21:56 +01:00
7f9f9da91a Started adding links to intro div 2025-08-10 19:13:41 +01:00
5 changed files with 109 additions and 1 deletions

10
src/img/gitea.svg Normal file
View File

@ -0,0 +1,10 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
<svg fill="#000000" width="800px" height="800px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: var(--darkreader-background-000000, #000000);" data-darkreader-inline-fill="">
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
<g id="SVGRepo_iconCarrier">
<title>Gitea icon</title>
<path d="M4.186 5.421C2.341 5.417-.13 6.59.006 9.531c.213 4.594 4.92 5.02 6.801 5.057.206.862 2.42 3.834 4.059 3.99h7.18c4.306-.286 7.53-13.022 5.14-13.07-3.953.186-6.296.28-8.305.296v3.975l-.626-.277-.004-3.696c-2.306-.001-4.336-.108-8.189-.298-.482-.003-1.154-.085-1.876-.087zm.261 1.625h.22c.262 2.355.688 3.732 1.55 5.836-2.2-.26-4.072-.899-4.416-3.285-.178-1.235.422-2.524 2.646-2.552zm8.557 2.315c.15.002.303.03.447.096l.749.323-.537.979a.672.597 0 0 0-.241.038.672.597 0 0 0-.405.764.672.597 0 0 0 .112.174l-.926 1.686a.672.597 0 0 0-.222.038.672.597 0 0 0-.405.764.672.597 0 0 0 .86.36.672.597 0 0 0 .404-.765.672.597 0 0 0-.158-.22l.902-1.642a.672.597 0 0 0 .293-.03.672.597 0 0 0 .213-.112c.348.146.633.265.838.366.308.152.417.253.45.365.033.11-.003.322-.177.694-.13.277-.345.67-.599 1.133a.672.597 0 0 0-.251.038.672.597 0 0 0-.405.764.672.597 0 0 0 .86.36.672.597 0 0 0 .404-.764.672.597 0 0 0-.137-.202c.251-.458.467-.852.606-1.148.188-.402.286-.701.2-.99-.086-.289-.35-.477-.7-.65-.23-.113-.517-.233-.86-.377a.672.597 0 0 0-.038-.239.672.597 0 0 0-.145-.209l.528-.963 2.924 1.263c.528.229.746.79.49 1.26l-2.01 3.68c-.257.469-.888.663-1.416.435l-4.137-1.788c-.528-.228-.747-.79-.49-1.26l2.01-3.679c.176-.323.53-.515.905-.53h.064z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

4
src/img/music-note.svg Normal file
View File

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 1H4V9H3C1.34315 9 0 10.3431 0 12C0 13.6569 1.34315 15 3 15C4.65685 15 6 13.6569 6 12V5H13V9H12C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12V1Z" fill="#000000"/>
</svg>

After

Width:  |  Height:  |  Size: 439 B

View File

@ -17,10 +17,40 @@
<h3>Hey! I'm Eworc.</h3>
<p>I write code, and listen to CDs :)</p>
<p>I write code, and listen to music :)</p>
<div class="links">
<a href="https://gitea.pibakery.xyz/eworc778">
<div class="link-card">
<img src="./img/gitea.svg" class="link-icon">
<p class="link-card-text">Gitea</p>
</div>
</a>
<a href="./tunes.php">
<div class="link-card">
<img src="./img/music-note.svg" class="link-icon">
<p class="link-card-text">Tunes</p>
</div>
</a>
</div>
</div>
<div class="centered-div project-div">
<p>Here's some of my projects that I have made:</p>

View File

@ -41,9 +41,60 @@ p, h1, h2, h3, h4 {
background-color: #9ece6a;
}
.link-icon{
height: 32px;
width: 32px;
margin-bottom: none;
padding: 0px;
}
.links{
display: inline-block;
height: 96px;
}
a {
text-decoration: none;
}
.link-card-text{
margin-top: 0px;
}
.link-card{
display: inline-block;
background-color: #7dcfff;
border-radius: 10px;
padding: 10px;
height: 64px;
width: 48px;
}
.profile-picture{

13
src/tunes.php Normal file
View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Eworc's site - tunes!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<script src="index.js"></script>
</body>
</html>