fixed post dates and removed marquee classes from main page
This commit is contained in:
@@ -4,19 +4,14 @@
|
|||||||
import GamedevWebring from "$lib/webrings/gamedev.svelte";
|
import GamedevWebring from "$lib/webrings/gamedev.svelte";
|
||||||
import Gallery, { type GalleryEntry } from "$lib/lists/gallery.svelte";
|
import Gallery, { type GalleryEntry } from "$lib/lists/gallery.svelte";
|
||||||
import LinkList from "$lib/lists/link-list.svelte";
|
import LinkList from "$lib/lists/link-list.svelte";
|
||||||
import { quotes, type Quote } from "./quotes";
|
|
||||||
|
|
||||||
import { posts as devlogPosts } from "./projects/projectn5/devlog/posts";
|
import { posts as devlogPosts } from "./projects/projectn5/devlog/posts";
|
||||||
import { posts as blogPosts } from "./blog/posts";
|
import { posts as blogPosts } from "./blog/posts";
|
||||||
|
|
||||||
let meImg: string = $state("common/me/a.webp");
|
let meImg: string = $state("common/me/a.webp");
|
||||||
let marqueeQuote: Quote = $state({
|
|
||||||
author: "",
|
let latestDevlogDate = devlogPosts[0].post.date;
|
||||||
content: "",
|
let latestBlogDate = blogPosts[0].post.date;
|
||||||
source: "",
|
|
||||||
});
|
|
||||||
let latestDevlogDate = devlogPosts.values().next().value?.date ?? "could not fetch";
|
|
||||||
let latestBlogDate = blogPosts.values().next().value?.date ?? "could not fetch";
|
|
||||||
|
|
||||||
const galleryEntries: GalleryEntry[] = [
|
const galleryEntries: GalleryEntry[] = [
|
||||||
{
|
{
|
||||||
@@ -51,7 +46,6 @@
|
|||||||
|
|
||||||
onMount(() => {
|
onMount(() => {
|
||||||
setPicture();
|
setPicture();
|
||||||
setMarqueeText();
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function getRandom(max: number): number {
|
function getRandom(max: number): number {
|
||||||
@@ -63,10 +57,6 @@
|
|||||||
var selectedPicture = pictures[getRandom(pictures.length)];
|
var selectedPicture = pictures[getRandom(pictures.length)];
|
||||||
meImg = "common/me/" + selectedPicture + ".webp";
|
meImg = "common/me/" + selectedPicture + ".webp";
|
||||||
};
|
};
|
||||||
|
|
||||||
let setMarqueeText = function() {
|
|
||||||
marqueeQuote = quotes[getRandom(quotes.length)];
|
|
||||||
};
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:head>
|
<svelte:head>
|
||||||
@@ -78,11 +68,6 @@
|
|||||||
<h1 class="gradient-title"><i>Moin!</i> ~ welcome to my website :)</h1>
|
<h1 class="gradient-title"><i>Moin!</i> ~ welcome to my website :)</h1>
|
||||||
|
|
||||||
<hr>
|
<hr>
|
||||||
<!-- <div class="quote-marquee-container">
|
|
||||||
{@render marqueeContent({quote: marqueeQuote, ignoreA11y: false})}
|
|
||||||
{@render marqueeContent({quote: marqueeQuote, ignoreA11y: true})}
|
|
||||||
{@render marqueeContent({quote: marqueeQuote, ignoreA11y: true})}
|
|
||||||
</div> -->
|
|
||||||
|
|
||||||
<h3>about ↬<img id="me-img" class="me-img" title="hi there" src={meImg} alt="Deniz, the website developer, small and pixelated">↫ me </h3>
|
<h3>about ↬<img id="me-img" class="me-img" title="hi there" src={meImg} alt="Deniz, the website developer, small and pixelated">↫ me </h3>
|
||||||
|
|
||||||
@@ -113,10 +98,6 @@
|
|||||||
<Gallery entries={galleryEntries} />
|
<Gallery entries={galleryEntries} />
|
||||||
</Content>
|
</Content>
|
||||||
|
|
||||||
{#snippet marqueeContent({quote, ignoreA11y}: {quote: Quote, ignoreA11y: boolean})}
|
|
||||||
<span class="quote-marquee" aria-hidden="{ignoreA11y}"><i>{quote.content}</i> – {quote.author} [{quote.source}] ***</span>
|
|
||||||
{/snippet}
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.me-img {
|
.me-img {
|
||||||
width: 32px;
|
width: 32px;
|
||||||
@@ -134,35 +115,4 @@
|
|||||||
-webkit-text-fill-color: transparent;
|
-webkit-text-fill-color: transparent;
|
||||||
padding-bottom: 12px;
|
padding-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quote-marquee-container {
|
|
||||||
width: 100%;
|
|
||||||
background-color: var(--color-background-highlight);
|
|
||||||
display: flex;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.quote-marquee {
|
|
||||||
animation: marquee-content 10s linear infinite;
|
|
||||||
font-family: 'Space Mono';
|
|
||||||
font-size: 1rem;
|
|
||||||
font-weight: 600;
|
|
||||||
padding: 6px 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.quote-marquee-container:hover .quote-marquee {
|
|
||||||
animation-play-state: paused;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes marquee-content {
|
|
||||||
/* Element one fully ON screen at left-edge of container. */
|
|
||||||
from {
|
|
||||||
transform: translateX( 0% );
|
|
||||||
}
|
|
||||||
/* Element one fully OFF screen (just beyond left-ledge of container). */
|
|
||||||
to {
|
|
||||||
transform: translateX( -100% );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
@@ -1,58 +0,0 @@
|
|||||||
export interface Quote {
|
|
||||||
content: string;
|
|
||||||
author: string;
|
|
||||||
source: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export let quotes: Quote[] = [
|
|
||||||
{
|
|
||||||
content: "If you live a life in letters you might never really feel alive",
|
|
||||||
author: "Pierce Fulton",
|
|
||||||
source: "Life in Letters",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
content: "Life's a game made for everyone, and love is the prize",
|
|
||||||
author: "Avicii & Aloe Blacc",
|
|
||||||
source: "Wake Me Up",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
content: "We've come a long way since that day, and we will never look back at the faded silhouette",
|
|
||||||
author: "Avicii & Salem Al Fakir",
|
|
||||||
source: "Silhouettes",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
content: "Just hold on tight!",
|
|
||||||
author: "acloudyskye",
|
|
||||||
source: "Curses",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
content: "Can we try to forget again?",
|
|
||||||
author: "acloudyskye",
|
|
||||||
source: "Myth",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
content: "Even if you go, I'll be ok",
|
|
||||||
author: "Midnight Kids & klei",
|
|
||||||
source: "Find Your Way",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
content: "If you see me falling I'll just see you looking up",
|
|
||||||
author: "Jaron",
|
|
||||||
source: "ICARUS",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
content: "Let me simmer down and cover up for I am cooking broth; it don't take a genius to achieve it, it just takes some sauce",
|
|
||||||
author: "Jaron",
|
|
||||||
source: "PIECES",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
content: "When I die, I hope I'm buried in a forest; that is if any of it's left",
|
|
||||||
author: "brakence",
|
|
||||||
source: "5g",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
content: "Seven days a week, it's time to make it count",
|
|
||||||
author: "Jaron",
|
|
||||||
source: "PIECES",
|
|
||||||
},
|
|
||||||
];
|
|
||||||
Reference in New Issue
Block a user