diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/app.d.ts | 14 | ||||
| -rw-r--r-- | src/app.html | 12 | ||||
| -rw-r--r-- | src/app.scss | 79 | ||||
| -rw-r--r-- | src/lib/assets/css/projects.scss | 64 | ||||
| -rw-r--r-- | src/lib/assets/wave1.svg | 1 | ||||
| -rw-r--r-- | src/lib/assets/wave2.svg | 1 | ||||
| -rw-r--r-- | src/lib/index.ts | 1 | ||||
| -rw-r--r-- | src/lib/projects.json | 28 | ||||
| -rw-r--r-- | src/lib/socials.json | 28 | ||||
| -rw-r--r-- | src/routes/+layout.svelte | 18 | ||||
| -rw-r--r-- | src/routes/+layout.ts | 2 | ||||
| -rw-r--r-- | src/routes/+page.svelte | 34 | ||||
| -rw-r--r-- | src/routes/projects/+page.svelte | 38 |
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> |
