aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorPolesznyák Márk <contact@pml68.dev>2025-09-25 01:39:56 +0200
committerPolesznyák Márk <contact@pml68.dev>2025-09-25 01:39:56 +0200
commitc0af3a63d6cd7b893ca23aeb442e776955bc2c91 (patch)
tree0fec30f2bc12503e6095271dd32159322355c5c6 /src
parentfix: incorrect social link hover color transition (diff)
downloadpml68.dev-c0af3a63d6cd7b893ca23aeb442e776955bc2c91.tar.gz
feat: "rewrite" in pure HTML/CSS
Diffstat (limited to 'src')
-rw-r--r--src/app.d.ts14
-rw-r--r--src/app.html12
-rw-r--r--src/app.scss79
-rw-r--r--src/lib/assets/css/projects.scss64
-rw-r--r--src/lib/assets/wave1.svg1
-rw-r--r--src/lib/assets/wave2.svg1
-rw-r--r--src/lib/index.ts1
-rw-r--r--src/lib/projects.json28
-rw-r--r--src/lib/socials.json28
-rw-r--r--src/routes/+layout.svelte18
-rw-r--r--src/routes/+layout.ts2
-rw-r--r--src/routes/+page.svelte34
-rw-r--r--src/routes/projects/+page.svelte38
13 files changed, 0 insertions, 320 deletions
diff --git a/src/app.d.ts b/src/app.d.ts
deleted file mode 100644
index ede21d9..0000000
--- a/src/app.d.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-// See https://kit.svelte.dev/docs/types#app
-// for information about these interfaces
-import '@poppanator/sveltekit-svg/dist/svg'
-declare global {
- namespace App {
- // interface Error {}
- // interface Locals {}
- // interface PageData {}
- // interface PageState {}
- // interface Platform {}
- }
-}
-
-export {};
diff --git a/src/app.html b/src/app.html
deleted file mode 100644
index db4d6c5..0000000
--- a/src/app.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8" />
- <link rel="icon" href="%sveltekit.assets%/pml68.png" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- %sveltekit.head%
- </head>
- <body data-sveltekit-preload-data="hover">
- <div style="display: contents">%sveltekit.body%</div>
- </body>
-</html>
diff --git a/src/app.scss b/src/app.scss
deleted file mode 100644
index fe57f71..0000000
--- a/src/app.scss
+++ /dev/null
@@ -1,79 +0,0 @@
-$font-min: 16px;
-$font-desired: calc((2.6vh + 8vw) / 2);
-$font-max: 32px;
-
-$icon-min: 50px;
-$icon-desired: calc((3.25vh + 10vw) / 2);
-$icon-max: 96px;
-
-*{
- box-sizing: border-box;
- margin: 0;
- padding: 0;
-}
-
-body {
- background-color: #1e1e2e;
- color: #ccc;
- font-family: 'Space Mono', monospace;
- width: 100%;
- font-size: clamp($font-min, $font-desired, $font-max);
- position: fixed;
- height: 100dvh;
-}
-
-.socials {
- margin-top: 10px;
-}
-
-.social-icon {
- width: clamp($icon-min, $icon-desired, $icon-max);
-}
-
-a {
- color: #ccc;
- text-decoration: none;
- transition: color .25s ease-in-out;
-
- &:hover {
- color: #a6fbb2;
- transition: color .25s ease-in-out;
- }
-}
-
-a.icon {
- margin-right: 2vw;
-}
-
-.container {
- display: flex;
- height: 100dvh;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- flex-direction: column;
- width: 100%;
-}
-
-.main {
- text-align: left;
- line-height: 1.2;
- margin: 20px;
-}
-
-.wave {
- position: absolute;
- top: 0;
- max-width: 140vw;
- max-height: 140vh;
-}
-
-.wave1 {
- left: 0;
- transform: rotate(-45deg) translate(-30%, -80%);
-}
-
-.wave2 {
- right: 0;
- transform: rotate(45deg) translate(50%, -90%);
-}
diff --git a/src/lib/assets/css/projects.scss b/src/lib/assets/css/projects.scss
deleted file mode 100644
index 03376a1..0000000
--- a/src/lib/assets/css/projects.scss
+++ /dev/null
@@ -1,64 +0,0 @@
-$font-min: 16px;
-$font-desired: 1vw;
-$font-max: 32px;
-
-.project-container {
- padding: 0 10vw;
- display: grid;
- grid-template-columns: repeat(2, minmax(40vw, 1fr));
- height: 80dvh;
- align-items: center;
- justify-items: center;
- overflow: auto;
- align-content: center;
- -ms-overflow-style: none;
- scrollbar-width: none;
-}
-
-.project-container::-webkit-scrollbar {
- display: none;
-}
-
-.project {
- margin: 15px 15px;
- font-size: clamp($font-min, $font-desired, $font-max);
- padding: 25px 10px;
- display: flex;
- align-items: center;
- background: #1e1e2e;
- transition: transform .3s ease-in-out;
- border-radius: 2vh;
- box-shadow: -12px -12px 28px #27273b73, 12px 12px 20px #12121c73;
-}
-
-.spacer {
- height: 20dvh;
- display: flex;
- flex-direction: column;
- justify-content: end;
- z-index: 30;
-}
-
-.home {
- font-size: clamp($font-min, 2.5vw, 48px);
- margin-bottom: 15px;
-}
-
-.project-icon {
- width: 4rem;
- height: 4rem;
- margin-right: 10px;
-}
-
-@media (max-width: 839px) {
- .project-container {
- grid-template-columns: minmax(90vw, 1fr);
- padding: 0 5vw;
- align-content: normal;
- }
-}
-
-a:hover .project {
- transform: scale(103%);
- transition: transform .3s ease-in-out;
-}
diff --git a/src/lib/assets/wave1.svg b/src/lib/assets/wave1.svg
deleted file mode 100644
index 76699ab..0000000
--- a/src/lib/assets/wave1.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="visual" viewBox="0 0 900 360" width="900" height="360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><path d="M0 196L18.8 198.3C37.7 200.7 75.3 205.3 112.8 195.3C150.3 185.3 187.7 160.7 225.2 146.7C262.7 132.7 300.3 129.3 337.8 141.3C375.3 153.3 412.7 180.7 450.2 189.3C487.7 198 525.3 188 562.8 188.7C600.3 189.3 637.7 200.7 675.2 195C712.7 189.3 750.3 166.7 787.8 159.7C825.3 152.7 862.7 161.3 881.3 165.7L900 170L900 0L881.3 0C862.7 0 825.3 0 787.8 0C750.3 0 712.7 0 675.2 0C637.7 0 600.3 0 562.8 0C525.3 0 487.7 0 450.2 0C412.7 0 375.3 0 337.8 0C300.3 0 262.7 0 225.2 0C187.7 0 150.3 0 112.8 0C75.3 0 37.7 0 18.8 0L0 0Z" fill="#a6fbb2" stroke-linecap="round" stroke-linejoin="miter"></path></svg> \ No newline at end of file
diff --git a/src/lib/assets/wave2.svg b/src/lib/assets/wave2.svg
deleted file mode 100644
index 95d41a5..0000000
--- a/src/lib/assets/wave2.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="visual" viewBox="0 0 900 360" width="900" height="360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><path d="M0 179L18.8 188C37.7 197 75.3 215 112.8 223.5C150.3 232 187.7 231 225.2 214.7C262.7 198.3 300.3 166.7 337.8 146.7C375.3 126.7 412.7 118.3 450.2 124.7C487.7 131 525.3 152 562.8 155C600.3 158 637.7 143 675.2 153C712.7 163 750.3 198 787.8 190.2C825.3 182.3 862.7 131.7 881.3 106.3L900 81L900 0L881.3 0C862.7 0 825.3 0 787.8 0C750.3 0 712.7 0 675.2 0C637.7 0 600.3 0 562.8 0C525.3 0 487.7 0 450.2 0C412.7 0 375.3 0 337.8 0C300.3 0 262.7 0 225.2 0C187.7 0 150.3 0 112.8 0C75.3 0 37.7 0 18.8 0L0 0Z" fill="#a6fbb2" stroke-linecap="round" stroke-linejoin="miter"></path></svg> \ No newline at end of file
diff --git a/src/lib/index.ts b/src/lib/index.ts
deleted file mode 100644
index 856f2b6..0000000
--- a/src/lib/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-// place files you want to import through the `$lib` alias in this folder.
diff --git a/src/lib/projects.json b/src/lib/projects.json
deleted file mode 100644
index 6296dde..0000000
--- a/src/lib/projects.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
- "projects": [
- {
- "icon": "https://pml68.dev/pml68.png",
- "link": "https://sr.ht/~pml68/pml68.dev",
- "title": "pml68",
- "description": "My personal website — the one you're currently viewing"
- },
- {
- "icon": "https://iced.rs/logo.svg",
- "link": "https://sr.ht/~pml68/iced-builder",
- "title": "iced Builder",
- "description": "UI builder for iced, built with iced. (WIP)"
- },
- {
- "icon": "https://avatars.githubusercontent.com/u/209838582?s=200&v=4",
- "link": "https://github.com/foghorn-rs/foghorn",
- "title": "Foghorn",
- "description": "Signal Messenger client written in Rust and Iced"
- },
- {
- "icon": "https://iced.rs/logo.svg",
- "link": "https://sr.ht/~pml68/iced_dialog",
- "title": "iced_dialog",
- "description": "Custom dialog for iced"
- }
- ]
-}
diff --git a/src/lib/socials.json b/src/lib/socials.json
deleted file mode 100644
index c6a4a55..0000000
--- a/src/lib/socials.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
- "socials": [
- {
- "name": "github",
- "link": "https://github.com/pml68"
- },
- {
- "name": "sourcehut",
- "link": "https://sr.ht/~pml68"
- },
- {
- "name": "dev",
- "link": "https://dev.to/pml68"
- },
- {
- "name": "steam",
- "link": "https://steamcommunity.com/id/nigmaballs"
- },
- {
- "name": "telegram",
- "link": "https://t.me/pml68_1"
- },
- {
- "name": "email",
- "link": "mailto:contact@pml68.dev"
- }
- ]
-}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
deleted file mode 100644
index 856ee27..0000000
--- a/src/routes/+layout.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts">
- import "../app.scss";
-
- import WaveLeft from "$lib/assets/wave1.svg?url";
- import WaveRight from "$lib/assets/wave2.svg?url";
- interface Props {
- children?: import("svelte").Snippet;
- }
-
- let { children }: Props = $props();
-</script>
-
-<img src={WaveLeft} alt="" class="wave wave1" />
-<img src={WaveRight} alt="" class="wave wave2" />
-
-<div class="container">
- {@render children?.()}
-</div>
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
deleted file mode 100644
index c5dbeb7..0000000
--- a/src/routes/+layout.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export const prerender = true
-export const trailingSlash = 'always'
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
deleted file mode 100644
index d9ec52f..0000000
--- a/src/routes/+page.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts">
- import '../app.scss'
- import { base } from '$app/paths'
- import { socials } from '$lib/socials.json'
-
- type Social = {
- name: string,
- link: string
- }
-
- const socialsList: Social[] = socials
-</script>
-
-<svelte:head>
- <title>pml68</title>
-</svelte:head>
-
-<div class="main">
- <h1>pml68</h1>
- <p>Just your average IT student</p>
- <div class="socials">
- {#each socialsList as {name, link}}
- <a href={link} target="_blank" class="icon" aria-label={name}>
- <svg viewBox="0 0 512 512" class="social-icon">
- <use href={`/${name}.svg#${name}`} />
- </svg>
- </a>
- {/each}
- </div>
- <br>
- <div class="projects">
- Check out my projects <a href={base + '/projects'}><b>here</b></a>
- </div>
-</div>
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
deleted file mode 100644
index d19af6c..0000000
--- a/src/routes/projects/+page.svelte
+++ /dev/null
@@ -1,38 +0,0 @@
-<script lang="ts">
- import '$lib/assets/css/projects.scss'
-
- import { base } from "$app/paths"
- import { projects } from '$lib/projects.json'
-
- type Project = {
- icon: string,
- link: string,
- title: string,
- description: string
- }
-
- const projectsList: Project[] = projects
-</script>
-
-<svelte:head>
- <title>Projects</title>
-</svelte:head>
-
-<div class="spacer">
- <div class="home">
- Take me back <a href={base + '/'}><b>home</b></a>
- </div>
-</div>
-<div class="project-container">
- {#each projectsList as {icon, link, title, description}}
- <a href={link} target="_blank">
- <div class="project">
- <img src={icon} alt={title + ' icon'} class="project-icon">
- <div class="content">
- <h3>{title}</h3>
- <p>{description}</p>
- </div>
- </div>
- </a>
- {/each}
-</div>
generated by cgit v1.2.3 (git 2.46.0) at 2026-04-16 04:57:53 +0000