Skip to content

Commit d00f5ed

Browse files
Sup2point0Sup2point0
committed
sup
1 parent da6c412 commit d00f5ed

12 files changed

Lines changed: 63 additions & 180 deletions

File tree

‎src/routes/(sup)/(home)/footer.svelte‎

Lines changed: 3 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,8 @@
22

33
<script>
44
5-
import Block from "#parts/ui/block.svelte"
5+
import Block from "#parts/ui/block.svelte";
6+
import Header from "#parts/ui/header.svelte";
67
78
import { onMount } from "svelte";
89
@@ -22,23 +23,11 @@ const title_routes = [
2223

2324

2425
{#if displayed_title}
25-
<h2> {displayed_title} </h2>
26+
<Header> {displayed_title} </Header>
2627

2728
<Block kind="fun">
2829
woah, you’ve reached the end!
2930
<div style:height="0.69em"></div>
3031
fun fact: this site has loads of easter eggs ;)
3132
</Block>
3233
{/if}
33-
34-
35-
<style lang="scss">
36-
37-
h2 {
38-
@include font-tech;
39-
font-weight: normal;
40-
font-size: 200%;
41-
text-transform: uppercase;
42-
}
43-
44-
</style>

‎src/routes/(sup)/(home)/showerthought.svelte‎

Lines changed: 3 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,8 @@
44
55
import { pick_daily } from "#scripts/utils";
66
7-
import Block from "#parts/ui/block.svelte";
7+
import Block from "#parts/ui/block.svelte";
8+
import Header from "#parts/ui/header.svelte";
89
910
import { onMount } from "svelte";
1011
@@ -37,21 +38,9 @@ const showerthoughts = [
3738

3839

3940
{#if displayed_showerthought}
40-
<h2> Today’s Showerthought </h2>
41+
<Header> Today’s Showerthought </Header>
4142

4243
<Block kind="fun">
4344
{@html displayed_showerthought}
4445
</Block>
4546
{/if}
46-
47-
48-
<style lang="scss">
49-
50-
h2 {
51-
@include font-tech;
52-
font-weight: normal;
53-
font-size: 200%;
54-
text-transform: uppercase;
55-
}
56-
57-
</style>

‎src/routes/(sup)/sup/info/+page.svelte‎

Lines changed: 5 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,10 @@
22
33
import { shuffle } from "#scripts/utils";
44
5-
import Clicky from "#parts/ui/clicky.svelte";
5+
import Clicky from "#parts/ui/clicky.svelte";
66
import FactCard from "#parts/ui/card.fact.svelte";
7-
import Block from "#parts/ui/block.svelte";
7+
import Block from "#parts/ui/block.svelte";
8+
import Header from "#parts/ui/header.svelte";
89
import PurplePortal from "#parts/special/portal.svelte";
910
1011
import { facts_pinned, facts } from "./facts";
@@ -94,7 +95,7 @@ $effect(() => {
9495

9596

9697
<section class="facts">
97-
<h2> TIDBITS </h2>
98+
<Header> TIDBITS </Header>
9899

99100
<div class="fact-cards">
100101
{#each facts_display as quirk (quirk.idx)}
@@ -108,7 +109,7 @@ $effect(() => {
108109
</section>
109110

110111
<section class="frequerys">
111-
<h2> FREQUERYS </h2>
112+
<Header> FREQUERYS </Header>
112113

113114
<div class="frequery-cards">
114115
{#each frequerys as { q: question, a: answer }}
@@ -138,13 +139,6 @@ $effect(() => {
138139
section {
139140
max-width: 100rem;
140141
margin: 1rem 0;
141-
142-
h2 {
143-
margin-bottom: 1em;
144-
@include font-tech;
145-
font-weight: normal;
146-
font-size: 200%;
147-
}
148142
}
149143
150144
section.profile {

‎src/routes/(sup)/sup/loves/+page.svelte‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -26,13 +26,13 @@ const routes = [
2626

2727

2828
<svelte:head>
29-
<title> Music × Sup#2.0 </title>
30-
<meta name="description" content="All the music I listen to and create." />
29+
<title> Loves × Sup#2.0 </title>
30+
<meta name="description" content="All the things I love." />
3131
</svelte:head>
3232

3333

3434
<Breadcrumbs levels={[
35-
{ text: "music" },
35+
{ text: "loves" },
3636
]} />
3737

3838
<Main>

‎src/routes/(sup)/sup/loves/anime/+page.svelte‎

Lines changed: 7 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,12 @@
22
33
import type { FilterResults } from "#scripts/search-filter.svelte.ts";
44
5-
import Cards from "#parts/core/cards.svelte";
6-
import Main from "#parts/core/main.svelte";
7-
import Breadcrumbs from "#parts/ui/breadcrumbs.svelte";
5+
import Cards from "#parts/core/cards.svelte";
6+
import Main from "#parts/core/main.svelte";
7+
import Breadcrumbs from "#parts/ui/breadcrumbs.svelte";
8+
import Header from "#parts/ui/header.svelte";
89
import SearchFilters from "#parts/ui/search-filters.svelte";
9-
import MediaBlock from "#parts/loves/block.media.svelte";
10+
import MediaBlock from "#parts/loves/block.media.svelte";
1011
1112
import { animes_data, animes_list, type AnimeData } from "./anime";
1213
import { AnimeSearchFilter } from "./filter.anime.svelte.ts";
@@ -37,7 +38,7 @@ let displayed_animes: FilterResults<AnimeData> = $derived(filters.apply(animes_l
3738
{#if filters.query === "" && filters.dirtiness === 0}
3839
{#each Object.entries(animes_data) as [collection, series]}
3940
<section>
40-
<h2> {collection?.toUpperCase()} </h2>
41+
<Header> {collection?.toUpperCase()} </Header>
4142

4243
<Cards>
4344
{#each series as anime}
@@ -52,7 +53,7 @@ let displayed_animes: FilterResults<AnimeData> = $derived(filters.apply(animes_l
5253

5354
{#each displayed as [collection, series]}
5455
<section>
55-
<h2> {collection?.toUpperCase()} </h2>
56+
<Header> {collection?.toUpperCase()} </Header>
5657

5758
<Cards>
5859
{#each series as anime (anime.shard)}
@@ -73,16 +74,3 @@ let displayed_animes: FilterResults<AnimeData> = $derived(filters.apply(animes_l
7374

7475
{/if}
7576
</Main>
76-
77-
78-
<style lang="scss">
79-
80-
h2 {
81-
margin-bottom: 2rem;
82-
@include font-tech;
83-
font-weight: normal;
84-
font-size: 200%;
85-
text-align: center;
86-
}
87-
88-
</style>

‎src/routes/(sup)/sup/loves/book-series/+page.svelte‎

Lines changed: 7 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,12 @@
22
33
import type { FilterResults } from "#scripts/search-filter.svelte.ts";
44
5-
import Cards from "#parts/core/cards.svelte";
6-
import Main from "#parts/core/main.svelte";
7-
import Breadcrumbs from "#parts/ui/breadcrumbs.svelte";
5+
import Cards from "#parts/core/cards.svelte";
6+
import Main from "#parts/core/main.svelte";
7+
import Breadcrumbs from "#parts/ui/breadcrumbs.svelte";
8+
import Header from "#parts/ui/header.svelte";
89
import SearchFilters from "#parts/ui/search-filters.svelte";
9-
import MediaBlock from "#parts/loves/block.media.svelte";
10+
import MediaBlock from "#parts/loves/block.media.svelte";
1011
1112
import { book_series_data, book_series_list, type BookSeriesData } from "./book-series";
1213
import { BookSeriesSearchFilter } from "./filter.book-series.svelte.ts";
@@ -39,7 +40,7 @@ let displayed_series: FilterResults<BookSeriesData> = $derived(
3940
{#if filters.query === "" && filters.dirtiness === 0}
4041
{#each Object.entries(book_series_data) as [collection, series]}
4142
<section>
42-
<h2> {collection?.toUpperCase()} </h2>
43+
<Header> {collection?.toUpperCase()} </Header>
4344

4445
<Cards>
4546
{#each series as anime}
@@ -54,7 +55,7 @@ let displayed_series: FilterResults<BookSeriesData> = $derived(
5455

5556
{#each displayed as [collection, series]}
5657
<section>
57-
<h2> {collection?.toUpperCase()} </h2>
58+
<Header> {collection?.toUpperCase()} </Header>
5859

5960
<Cards>
6061
{#each series as anime (anime.shard)}
@@ -75,16 +76,3 @@ let displayed_series: FilterResults<BookSeriesData> = $derived(
7576

7677
{/if}
7778
</Main>
78-
79-
80-
<style lang="scss">
81-
82-
h2 {
83-
margin-bottom: 2rem;
84-
@include font-tech;
85-
font-weight: normal;
86-
font-size: 200%;
87-
text-align: center;
88-
}
89-
90-
</style>

‎src/routes/(sup)/sup/loves/films/+page.svelte‎

Lines changed: 8 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,13 @@
33
import { pick_random, shuffle } from "#scripts/utils";
44
import type { FilterResults } from "#scripts/search-filter.svelte.ts";
55
6-
import Cards from "#parts/core/cards.svelte";
7-
import Main from "#parts/core/main.svelte";
8-
import Block from "#parts/ui/block.svelte";
9-
import Breadcrumbs from "#parts/ui/breadcrumbs.svelte";
6+
import Cards from "#parts/core/cards.svelte";
7+
import Main from "#parts/core/main.svelte";
8+
import Block from "#parts/ui/block.svelte";
9+
import Breadcrumbs from "#parts/ui/breadcrumbs.svelte";
10+
import Header from "#parts/ui/header.svelte";
1011
import SearchFilters from "#parts/ui/search-filters.svelte";
11-
import MediaBlock from "#parts/loves/block.media.svelte";
12+
import MediaBlock from "#parts/loves/block.media.svelte";
1213
1314
import { films_data, films_list, type FilmData } from "./films";
1415
import { FilmSearchFilter } from "./filter.films.svelte.ts";
@@ -64,7 +65,7 @@ const routes = [
6465
{#if filters.query === "" && filters.dirtiness === 0}
6566
{#each Object.entries(films_data) as [collection, films]}
6667
<section>
67-
<h2> {collection?.toUpperCase()} </h2>
68+
<Header> {collection?.toUpperCase()} </Header>
6869

6970
<Cards>
7071
{#each shuffle(films) as film}
@@ -79,7 +80,7 @@ const routes = [
7980

8081
{#each displayed as [collection, films]}
8182
<section>
82-
<h2> {collection?.toUpperCase()} </h2>
83+
<Header> {collection?.toUpperCase()} </Header>
8384

8485
<Cards>
8586
{#each films as film (film.shard)}
@@ -100,16 +101,3 @@ const routes = [
100101

101102
{/if}
102103
</Main>
103-
104-
105-
<style lang="scss">
106-
107-
h2 {
108-
margin-bottom: 2rem;
109-
@include font-tech;
110-
font-weight: normal;
111-
font-size: 200%;
112-
text-align: center;
113-
}
114-
115-
</style>

‎src/routes/(sup)/sup/loves/games/+page.svelte‎

Lines changed: 7 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,12 @@
22
33
import type { FilterResults } from "#scripts/search-filter.svelte.ts";
44
5-
import Cards from "#parts/core/cards.svelte";
6-
import Main from "#parts/core/main.svelte";
7-
import Breadcrumbs from "#parts/ui/breadcrumbs.svelte";
5+
import Cards from "#parts/core/cards.svelte";
6+
import Main from "#parts/core/main.svelte";
7+
import Breadcrumbs from "#parts/ui/breadcrumbs.svelte";
8+
import Header from "#parts/ui/header.svelte";
89
import SearchFilters from "#parts/ui/search-filters.svelte";
9-
import GameBlock from "#parts/loves/block.game.svelte";
10+
import GameBlock from "#parts/loves/block.game.svelte";
1011
1112
import { games_data, games_list, type GameData } from "./games";
1213
import { GameSearchFilter } from "./filter.games.svelte.ts";
@@ -37,7 +38,7 @@ let displayed_games: FilterResults<GameData> = $derived(filters.apply(games_list
3738
{#if filters.query === "" && filters.dirtiness === 0}
3839
{#each Object.entries(games_data) as [collection, games]}
3940
<section>
40-
<h2> {collection?.toUpperCase()} </h2>
41+
<Header> {collection?.toUpperCase()} </Header>
4142

4243
<Cards>
4344
{#each games as game}
@@ -52,7 +53,7 @@ let displayed_games: FilterResults<GameData> = $derived(filters.apply(games_list
5253

5354
{#each displayed as [collection, games]}
5455
<section>
55-
<h2> {collection?.toUpperCase()} </h2>
56+
<Header> {collection?.toUpperCase()} </Header>
5657

5758
<Cards>
5859
{#each games as game (game.shard)}
@@ -73,17 +74,3 @@ let displayed_games: FilterResults<GameData> = $derived(filters.apply(games_list
7374

7475
{/if}
7576
</Main>
76-
77-
78-
79-
<style lang="scss">
80-
81-
h2 {
82-
margin-bottom: 2rem;
83-
@include font-tech;
84-
font-weight: normal;
85-
font-size: 200%;
86-
text-align: center;
87-
}
88-
89-
</style>

‎src/routes/(sup)/sup/loves/series/+page.svelte‎

Lines changed: 7 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,12 @@
22
33
import type { FilterResults } from "#scripts/search-filter.svelte.ts";
44
5-
import Cards from "#parts/core/cards.svelte";
6-
import Main from "#parts/core/main.svelte";
7-
import Breadcrumbs from "#parts/ui/breadcrumbs.svelte";
5+
import Cards from "#parts/core/cards.svelte";
6+
import Main from "#parts/core/main.svelte";
7+
import Breadcrumbs from "#parts/ui/breadcrumbs.svelte";
8+
import Header from "#parts/ui/header.svelte";
89
import SearchFilters from "#parts/ui/search-filters.svelte";
9-
import MediaBlock from "#parts/loves/block.media.svelte";
10+
import MediaBlock from "#parts/loves/block.media.svelte";
1011
1112
import { series_data, series_list, type SeriesData } from "./series";
1213
import { SeriesSearchFilter } from "./filter.series.svelte.ts";
@@ -37,7 +38,7 @@ let displayed_series: FilterResults<SeriesData> = $derived(filters.apply(series_
3738
{#if filters.query === "" && filters.dirtiness === 0}
3839
{#each Object.entries(series_data) as [collection, series]}
3940
<section>
40-
<h2> {collection?.toUpperCase()} </h2>
41+
<Header> {collection?.toUpperCase()} </Header>
4142

4243
<Cards>
4344
{#each series as series}
@@ -52,7 +53,7 @@ let displayed_series: FilterResults<SeriesData> = $derived(filters.apply(series_
5253

5354
{#each displayed as [collection, series]}
5455
<section>
55-
<h2> {collection?.toUpperCase()} </h2>
56+
<Header> {collection?.toUpperCase()} </Header>
5657

5758
<Cards>
5859
{#each series as series (series.shard)}
@@ -73,16 +74,3 @@ let displayed_series: FilterResults<SeriesData> = $derived(filters.apply(series_
7374

7475
{/if}
7576
</Main>
76-
77-
78-
<style lang="scss">
79-
80-
h2 {
81-
margin-bottom: 2rem;
82-
@include font-tech;
83-
font-weight: normal;
84-
font-size: 200%;
85-
text-align: center;
86-
}
87-
88-
</style>

0 commit comments

Comments
 (0)