💄 Updates app container styles

This commit is contained in:
Daniel Svitan
2025-05-01 09:46:00 +02:00
parent 7eb2c0803f
commit e4ef1e27b2
8 changed files with 152 additions and 14 deletions

View File

@@ -1,11 +1,14 @@
---
import "./src/styles/global.css"
---
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<title>Personal portfolio</title>
<title>Daniel's portfolio</title>
</head>
<body>
<slot />

View File

@@ -1,7 +1,65 @@
---
import Layout from '../layouts/Layout.astro';
const now = new Date();
let years = now.getFullYear() - 2006 - 1
if (now.getMonth() > 7 || (now.getMonth() === 7 && now.getDate() >= 23)) {
years++
}
---
<Layout>
<p>Hello World!</p>
<div class="w-screen h-screen flex items-start justify-center my-10">
<div class="w-[40vw] border-solid border-black border-1 p-1">
<p>Note: this page has been kept simple in favor of accessibility</p>
<div class="h-4" />
<p class="text-xl">Hi, I'm <span class="font-bold">Daniel Svitaň</span>, an {years} year-old aspiring engineer</p>
<p>I currently reside in Bratislava, Slovakia</p>
<p>Contacts:
<a href="mailto:selfsigned-ash@proton.me" class="underline">selfsigned-ash@proton.me</a>
<a href="tel:+421948309804" class="underline">+421 948 309 804</a>
</p>
<div class="h-6" />
<p class="text-lg">Experience:</p>
<table>
<tr>
<th class="w-44 text-left font-normal italic">When</th>
<th class="w-44 text-left font-normal italic">What</th>
<th class="text-left font-normal italic">Where</th>
</tr>
<tr>
<td>July, 2024 - present</td>
<td>Data Scientist</td>
<td>Faculty of Electronics and Informatics, Slovak Technical University in Bratislava</td>
</tr>
</table>
<div class="h-6" />
<p class="text-lg">Some of my projects:</p>
<table>
<tr>
<th class="w-60 text-left font-normal italic">Name</th>
<th class="w-32 text-left font-normal italic">Reference</th>
<th class="w-44 text-left font-normal italic">Description</th>
</tr>
<tr>
<td>SOČ 2024/2025 Paper</td>
<td class="flex gap-x-2">
<a href="https://gitea.svitan.dev/Streamer272/soc-2024">
<img src="/arrow-up-right-from-square.svg" class="w-4 h-4" />
</a>
<a href="https://github.com/Streamer272/soc-2024">
<img src="/arrow-up-right-from-square.svg" class="w-4 h-4" />
</a>
</td>
<td></td>
</tr>
</table>
</div>
</div>
</Layout>

1
src/styles/global.css Normal file
View File

@@ -0,0 +1 @@
@import "tailwindcss";