Skip to content

Commit c6f0a41

Browse files
committed
new wasp theme
1 parent 3dce34e commit c6f0a41

File tree

24 files changed

+172
-161
lines changed

24 files changed

+172
-161
lines changed

src/app.html

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,31 @@
55
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
%sveltekit.head%
8+
<style>
9+
.animate-gradient {
10+
background-size: 900%;
11+
-webkit-animation: animatedgradient 300s ease infinite alternate;
12+
-moz-animation: animatedgradient 300s ease infinite alternate;
13+
animation: animatedgradient 300s ease infinite alternate;
14+
}
15+
16+
@keyframes animatedgradient {
17+
0% {
18+
background-position: 100% 50%;
19+
}
20+
50% {
21+
background-position: 10% 50%;
22+
}
23+
100% {
24+
background-position: 100% 50%;
25+
}
26+
}
27+
</style>
828
</head>
929
<body
1030
data-sveltekit-preload-data="hover"
1131
data-theme=""
12-
class="bg-radial-[at_0%_10%] from-primary-50-950 to-surface-50-950 to-30%"
32+
class="animate-gradient bg-gradient-to-br from-secondary-400-600 via-surface-200-800 via-10% to-surface-50-950 to-50%"
1333
>
1434
<div style="display: contents">%sveltekit.body%</div>
1535
</body>
File renamed without changes.

src/routes/+page.svelte

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -23,16 +23,16 @@
2323

2424
<header class="text-lg sm:text-xl md:text-2xl">
2525
<h2 class="mx-6 mt-6 text-center font-bold whitespace-nowrap">
26-
Total Experience Earned: {formatNumber(totals.experience)}
26+
Total Experience Earned: {formatNumber(totals.experience!)}
2727
</h2>
2828
<h2 class="mx-6 text-center font-bold whitespace-nowrap">
29-
Total Gold Earned: {formatNumber(totals.gold)}
29+
Total Gold Earned: {formatNumber(totals.gold!)}
3030
</h2>
3131
<h2 class="mx-6 text-center font-bold whitespace-nowrap">
32-
Total Levels Earned: {formatNumber(totals.levels)}
32+
Total Levels Earned: {formatNumber(totals.levels!)}
3333
</h2>
3434
<h2 class="mx-6 mb-4 text-center font-bold whitespace-nowrap">
35-
Total Runtime: {formatTime(totals.runtime)}
35+
Total Runtime: {formatTime(totals.runtime!)}
3636
</h2>
3737
</header>
3838

src/routes/Footer.svelte

Lines changed: 6 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<div class="grid grid-cols-2 gap-8 sm:grid-cols-3 sm:gap-4">
1818
<nav>
1919
<span class="mb-6 text-sm font-semibold uppercase">Resources</span>
20-
<ul>
20+
<ul class="*:hover:text-primary-500">
2121
<li><a href="/setup">Setup</a></li>
2222
<li><a href="https://github.com/Villavu/Simba" target="_blank">Simba repo</a></li>
2323
<li>
@@ -36,7 +36,7 @@
3636
</nav>
3737
<nav>
3838
<span class="mb-6 text-sm font-semibold uppercase">Special thanks:</span>
39-
<ul>
39+
<ul class="*:hover:text-primary-500">
4040
{#await WaspScripters.getRandomScripters(page.data.supabaseClient)}
4141
{#each { length: 5 }}
4242
<li>Loading...</li>
@@ -51,7 +51,7 @@
5151
</nav>
5252
<nav>
5353
<span class="mb-6 text-sm font-semibold uppercase">Legal</span>
54-
<ul>
54+
<ul class="*:hover:text-primary-500">
5555
<li><a href="/legal/privacy_policy">Privacy Policy</a></li>
5656
<li><a href="/legal/user_tos">User Terms &amp; Conditions</a></li>
5757
<li><a href="/legal/scripter_tos">Scripter Terms &amp; Conditions</a></li>
@@ -62,25 +62,16 @@
6262
<footer class="my-8 flex flex-col sm:flex-row">
6363
<span class="mx-auto my-auto text-sm sm:text-center">
6464
This webapp is open source! Checkout
65-
<a class="permalink text-secondary-500" href="https://github.com/torwent/wasp-webapp" target="_blank">
65+
<a class="anchor" href="https://github.com/torwent/wasp-webapp" target="_blank">
6666
WaspScripts source code
6767
</a>
6868
!
6969
</span>
7070
<div class="mx-auto my-auto flex space-x-6 sm:mt-0 sm:justify-center">
71-
<a
72-
href="https://github.com/torwent"
73-
target="_blank"
74-
aria-label="Navigate to GitHub"
75-
class="permalink text-secondary-500"
76-
>
71+
<a href="https://github.com/torwent" target="_blank" aria-label="Navigate to GitHub" class="anchor">
7772
<Github />
7873
</a>
79-
<a
80-
href="https://waspscripts.dev"
81-
aria-label="Navigate to main site"
82-
class="permalink text-secondary-500"
83-
>
74+
<a href="https://waspscripts.dev" aria-label="Navigate to main site" class="anchor">
8475
<Globe />
8576
</a>
8677
</div>

src/routes/Logo.svelte

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,37 +19,37 @@
1919
style="clip-rule:evenodd;fill-rule:evenodd;stroke-width:1.46248"
2020
d="m 164.63005,95.218753 c -0.76489,-0.504659 -5.13331,-2.249296 -6.0795,-2.525725 l -7.953,-9.577791 C 142.9342,73.971849 140.33685,72.32947 133.58017,65.014185 l -9.22093,-8.336154 C 119.72759,52.755678 89.335794,27.484052 82.557232,28.16266 c -0.943321,9.551426 25.252618,26.457658 32.408538,31.457868 4.78962,3.34617 21.85527,16.553799 26.48111,21.532066 2.63683,2.64418 5.16542,5.656876 7.67214,8.162095 -1.27823,-0.522346 -12.67236,-5.009001 -21.3668,7.983667 -4.4562,6.658674 -5.85724,17.100794 -3.84778,26.486954 3.61231,16.88871 14.90263,28.47297 27.12603,36.63363 5.94646,3.96917 14.70526,8.41652 22.36274,9.46513 6.39396,0.87601 8.02169,-0.61425 9.63483,-5.87331 4.092,-13.34362 3.74101,-29.58445 0.1669,-42.54788 -2.37361,-8.61103 -6.83998,-15.00063 -11.31519,-20.47759 -7.63996,-17.219249 -18.16837,-30.840777 -29.89889,-44.367231 -0.702,-0.808727 -14.30307,-17.524868 -13.03214,-9.539708 1.18602,7.449823 15.6222,21.801144 21.98836,29.242233 3.24232,3.789307 12.49835,15.129314 13.69316,18.898169 z m -21.73243,43.605217 c 7.37675,13.65956 26.90085,22.42272 29.57277,17.15928 3.80684,-7.4967 2.14549,-26.96519 -5.96248,-37.35757 -12.7163,-16.29638 -35.36861,-1.57505 -23.61029,20.19829 z"
2121
id="head"
22-
class="fill-primary-600-400"
22+
class="fill-current"
2323
/>
2424
<path
2525
style="clip-rule:evenodd;fill-rule:evenodd;stroke-width:1.46248"
2626
d="m 20.384336,106.87322 -12.2716622,0.93746 c -1.9465568,0.31285 -1.8470616,0.76926 -1.0076047,2.29169 1.0968179,1.99188 6.7361719,7.37819 8.4633419,8.80267 12.138562,10.01358 29.634191,22.21212 47.009919,22.17702 12.182458,-0.0276 31.90543,-4.3304 44.01326,-7.94564 7.1866,-2.14549 3.60209,-5.30588 -1.19045,-8.07288 -7.104693,-4.10078 -15.810859,-7.62245 -24.43946,-10.32948 -17.260171,-5.4156 -40.419966,-8.97966 -60.577344,-7.86084 z"
2727
id="large-wing"
28-
class="fill-primary-600-400"
28+
class="fill-current"
2929
/>
3030
<path
3131
style="clip-rule:evenodd;fill-rule:evenodd;stroke-width:1.46248"
3232
d="m 152.34087,164.08681 c -7.55517,12.28188 -37.17329,-6.81661 -36.02815,-22.69035 0.26587,-3.68981 1.24014,-4.65651 3.10777,-6.95257 -9.52226,2.79475 -20.392807,19.75514 -1.28702,35.59811 4.89198,4.05545 12.18395,7.81553 20.03014,8.5672 10.98171,1.05155 15.57389,-7.17345 14.17726,-14.52239 z"
3333
id="small-body"
34-
class="fill-primary-600-400"
34+
class="fill-current"
3535
/>
3636
<path
3737
style="clip-rule:evenodd;fill-rule:evenodd;stroke-width:1.46248"
3838
d="m 98.626938,209.46457 c -8.881613,8.21772 -1.352802,1.25485 -9.086404,8.15043 5.575019,1.85735 12.498346,3.33297 18.406776,4.89786 l 46.13975,12.23507 c 2.91468,0.73271 6.41735,1.5619 9.64799,2.33408 -2.4175,-1.17873 -43.95771,-19.36757 -49.65704,-21.88449 2.95278,-1.42007 15.29464,-5.43314 17.22218,-7.02576 -17.522,-0.39024 -37.484808,-8.64327 -44.00308,-26.17984 -2.474489,3.60794 -0.816027,13.29832 1.181712,17.00427 3.632761,6.73762 7.963158,8.27613 10.148116,10.46838 z"
3939
id="tail"
40-
class="fill-primary-600-400"
40+
class="fill-current"
4141
/>
4242
<path
4343
style="clip-rule:evenodd;fill-rule:evenodd;stroke-width:1.46248"
4444
d="m 158.79476,174.91647 c -3.80098,19.88095 -40.03679,6.353 -50.68367,-4.1827 -3.86824,-3.82729 -7.69551,-7.86373 -9.848295,-14.43755 -2.426233,-7.40749 0.215019,-14.8032 4.611175,-18.00167 -3.531891,0.92867 -9.506095,7.98953 -11.619358,10.99493 -3.416368,4.85687 -5.560365,10.48739 -4.9052,18.24 1.971433,23.32651 35.963818,38.5451 56.518968,35.22087 7.51278,-1.21384 11.97334,-3.67228 14.82956,-8.52331 3.04193,-5.16693 3.23937,-13.42995 1.09682,-19.31057 z"
4545
id="large-body"
46-
class="fill-primary-600-400"
46+
class="fill-current"
4747
/>
4848
<path
4949
style="clip-rule:evenodd;fill:fill-rule:evenodd;stroke-width:1.46248"
5050
d="M 117.71963,128.73726 C 123.64851,123.87159 103.67541,102.08653 99.459095,98.427399 95.057019,94.607414 90.637406,91.098904 84.655908,87.760087 81.340477,85.91004 70.115928,80.952279 65.823575,80.933264 c -3.852206,5.044045 -4.064239,20.028596 -2.462819,22.400766 0.818995,1.2124 8.393127,2.42037 10.385015,2.94686 12.881519,3.40614 25.814261,9.27213 36.213929,16.75567 1.81346,1.30597 6.19504,5.49011 7.75993,5.7007 z"
5151
id="small-wing"
52-
class="fill-primary-600-400"
52+
class="fill-current"
5353
/>
5454
</svg>
5555

src/routes/Navigation.svelte

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -77,8 +77,9 @@
7777
<li class="h-12">
7878
<a
7979
href="/"
80-
class="flex h-full place-content-center place-items-center hover:text-primary-600-400"
81-
class:text-primary-600-400={"Home" === currentPage}
80+
class="flex h-full place-content-center place-items-center hover:text-primary-700-300"
81+
class:text-primary-700={"Home" === currentPage}
82+
class:dark:text-primary-500={"Home" === currentPage}
8283
aria-label="Navigate to home page"
8384
>
8485
<Logo selected={false} />
@@ -89,8 +90,9 @@
8990
<li class="h-12">
9091
<a
9192
href={getLink(route)}
92-
class="flex h-full place-content-center place-items-center hover:text-primary-600-400"
93-
class:text-primary-600-400={route === currentPage}
93+
class="flex h-full place-content-center place-items-center hover:text-primary-700-300"
94+
class:text-primary-700={route === currentPage}
95+
class:dark:text-primary-500={route === currentPage}
9496
aria-label="Navigate to {route.toLowerCase()} page"
9597
>
9698
{route}
@@ -247,6 +249,9 @@
247249
{/if}
248250
</form>
249251
</nav>
250-
<a href="https://waspscripts.com" class="bg-surface-300-700 py-2 text-center">
252+
<a
253+
href="https://waspscripts.com"
254+
class="bg-surface-300-700/70 py-2 text-center backdrop-blur-lg hover:text-secondary-900-100"
255+
>
251256
This website is for <b>Simba 2000</b>. Click here to visit the legacy version of the website.
252257
</a>

src/routes/information/errors/+page.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<script>
22
import { page } from "$app/state"
33
import { replaceQuery } from "$lib/client/utils"
4+
import GitHubButton from "$lib/components/GitHubButton.svelte"
45
import ChevronsDownUp from "svelte-lucide/ChevronsDownUp.svelte"
56
import ChevronsUpDown from "svelte-lucide/ChevronsUpDown.svelte"
6-
import GitHubButton from "../GitHubButton.svelte"
77
88
const { data } = $props()
99
const { errors } = $derived(data)

src/routes/information/errors/[slug]/+layout.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<script>
22
import { page } from "$app/state"
33
import { replaceQuery } from "$lib/client/utils"
4+
import GitHubButton from "$lib/components/GitHubButton.svelte"
45
import ChevronsDownUp from "svelte-lucide/ChevronsDownUp.svelte"
56
import ChevronsUpDown from "svelte-lucide/ChevronsUpDown.svelte"
6-
import GitHubButton from "../../GitHubButton.svelte"
77
88
const { data, children } = $props()
99
const { errors, meta } = $derived(data)

src/routes/information/faqs/+page.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<script>
22
import { page } from "$app/state"
33
import { replaceQuery } from "$lib/client/utils"
4+
import GitHubButton from "$lib/components/GitHubButton.svelte"
45
import ChevronsDownUp from "svelte-lucide/ChevronsDownUp.svelte"
56
import ChevronsUpDown from "svelte-lucide/ChevronsUpDown.svelte"
6-
import GitHubButton from "../GitHubButton.svelte"
77
88
const { data } = $props()
99
const { faqs } = $derived(data)

src/routes/information/faqs/[slug]/+layout.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<script lang="ts">
22
import { page } from "$app/state"
33
import { replaceQuery } from "$lib/client/utils"
4+
import GitHubButton from "$lib/components/GitHubButton.svelte"
45
import ChevronsDownUp from "svelte-lucide/ChevronsDownUp.svelte"
56
import ChevronsUpDown from "svelte-lucide/ChevronsUpDown.svelte"
6-
import GitHubButton from "../../GitHubButton.svelte"
77
88
const { data, children } = $props()
99
const { faqs, meta } = $derived(data)

0 commit comments

Comments
 (0)