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 Gallery, { type GalleryEntry } from "$lib/lists/gallery.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 blogPosts } from "./blog/posts";
|
||||
|
||||
let meImg: string = $state("common/me/a.webp");
|
||||
let marqueeQuote: Quote = $state({
|
||||
author: "",
|
||||
content: "",
|
||||
source: "",
|
||||
});
|
||||
let latestDevlogDate = devlogPosts.values().next().value?.date ?? "could not fetch";
|
||||
let latestBlogDate = blogPosts.values().next().value?.date ?? "could not fetch";
|
||||
|
||||
let latestDevlogDate = devlogPosts[0].post.date;
|
||||
let latestBlogDate = blogPosts[0].post.date;
|
||||
|
||||
const galleryEntries: GalleryEntry[] = [
|
||||
{
|
||||
@@ -51,7 +46,6 @@
|
||||
|
||||
onMount(() => {
|
||||
setPicture();
|
||||
setMarqueeText();
|
||||
});
|
||||
|
||||
function getRandom(max: number): number {
|
||||
@@ -63,10 +57,6 @@
|
||||
var selectedPicture = pictures[getRandom(pictures.length)];
|
||||
meImg = "common/me/" + selectedPicture + ".webp";
|
||||
};
|
||||
|
||||
let setMarqueeText = function() {
|
||||
marqueeQuote = quotes[getRandom(quotes.length)];
|
||||
};
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
@@ -78,11 +68,6 @@
|
||||
<h1 class="gradient-title"><i>Moin!</i> ~ welcome to my website :)</h1>
|
||||
|
||||
<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>
|
||||
|
||||
@@ -113,10 +98,6 @@
|
||||
<Gallery entries={galleryEntries} />
|
||||
</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>
|
||||
.me-img {
|
||||
width: 32px;
|
||||
@@ -134,35 +115,4 @@
|
||||
-webkit-text-fill-color: transparent;
|
||||
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>
|
||||
@@ -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