Websites/liljudd-website
1
0
Fork 0
Code Issues Pull requests Projects Releases 3 Packages Wiki Activity

Add local assets

Browse source
This commit is contained in:
Aron Malcher 2024-01-05 02:34:05 +01:00
parent 4db1154ecd
commit 3379a685e1
Signed by: aronmal
GPG key ID: 816B7707426FC612
31 changed files with 51 additions and 79 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/components/Footer.tsx
View file

@ -6,7 +6,7 @@ function Footer() {
<div class="footerIcon">
<img
class="footerImage"
src="https://static.moonleay.net/img/lilJuddWeb/lilJudd.png"
src="/assets/lilJudd.png"
alt="A cute Image of lil Judd <3"
/>
<p>li'l Judd</p>
@ -31,30 +31,21 @@ function Footer() {
target="_blank"
>
The code of the bot{" "}
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/external.svg"
alt="external link"
/>
<img src="/assets/icons/external.svg" alt="external link" />
</a>
<a
href="https://git.moonleay.net/Websites/liljudd-website"
target="_blank"
>
The code of the website{" "}
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/external.svg"
alt="external link"
/>
<img src="/assets/icons/external.svg" alt="external link" />
</a>
<a
href="https://todo.moonleay.net/share/OmisuzgPDdsrCAXKjGrTfYzWwqNDNclOMGJWeMsi/auth?view=kanban"
target="_blank"
>
The todo list{" "}
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/external.svg"
alt="external link"
/>
<img src="/assets/icons/external.svg" alt="external link" />
</a>
<a href="/acknowledgements">Acknowledgements</a>
</div>
@ -64,32 +55,20 @@ function Footer() {
<div class="footerLinks">
<a href="https://moonleay.net/">
My homepage{" "}
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/external.svg"
alt="external link"
/>
<img src="/assets/icons/external.svg" alt="external link" />
</a>
<a href="https://moonleay.net/blog/" target="_blank">
My blog{" "}
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/external.svg"
alt="external link"
/>
<img src="/assets/icons/external.svg" alt="external link" />
</a>
<a href="/contact">Contact me</a>
<a href="https://status.moonleay.net/" target="_blank">
Server Status{" "}
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/external.svg"
alt="external link"
/>
<img src="/assets/icons/external.svg" alt="external link" />
</a>
<a href="https://discord.gg/HTZRktfH4A" target="_blank">
Support Discord{" "}
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/external.svg"
alt="external link"
/>
<img src="/assets/icons/external.svg" alt="external link" />
</a>
</div>
</div>
@ -104,10 +83,7 @@ function Footer() {
target="_blank"
>
The license{" "}
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/external.svg"
alt="external link"
/>
<img src="/assets/icons/external.svg" alt="external link" />
</a>
</div>
</div>

6
src/components/NavBar.tsx
View file

@ -6,11 +6,7 @@ function NavBar() {
<ul>
<li class="navElem">
<a class="textBx" href="/">
<img
id="logo"
src="https://static.moonleay.net/img/lilJuddWeb/logos/logox256.png"
alt="The Bots Logo"
/>
<img id="logo" src="/assets/logox256.png" alt="The Bots Logo" />
li&apos;l Judd
</a>
</li>

2
src/entry-server.tsx
View file

@ -7,7 +7,7 @@ export default createHandler(() => (
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.ico" />
<link rel="icon" href="/assets/favicon.ico" />
{assets}
</head>
<body id="app">

2
src/routes/[...404].tsx
View file

@ -7,7 +7,7 @@ export default function NotFound() {
<>
<Title>Not Found</Title>
<HttpStatusCode code={404} />
<section class="section">
<section class="index">
<h1>404 - Whoops, ink spill!</h1>
<h5>li'l Judd couldn't find this turf.</h5>
<div>

5
src/routes/about.tsx
View file

@ -9,10 +9,7 @@ function about() {
<h2>Why does this bot exist?</h2>
<p>
We had a person in our team, who sent{" "}
<a
href="https://static.moonleay.net/img/lilJuddWeb/about/oldplanningmsg.png"
target="_blank"
>
<a href="/assets/screenshots/oldplanningmsg.png" target="_blank">
these planning messages
</a>{" "}
and I thought that this should be automated. Some time later the

15
src/routes/contact.tsx
View file

@ -7,27 +7,18 @@ function contact() {
<h1>Contact</h1>
<section class="contact">
<a href="mailto:contact@moonleay.net" target="_blank">
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/email.svg"
alt="Email"
/>
<img src="/assets/icons/email.svg" alt="Email" />
contact@moonleay.net
</a>
<a
href="https://discord.com/users/372703841151614976"
target="_blank"
>
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/discord.svg"
alt="Discord"
/>
<img src="/assets/icons/discord.svg" alt="Discord" />
@moonleay
</a>
<a href="https://discord.gg/HTZRktfH4A" target="_blank">
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/discord.svg"
alt="discord"
/>
<img src="/assets/icons/discord.svg" alt="discord" />
li'l Judd's home base
</a>
</section>

10
src/routes/features.tsx
View file

@ -8,28 +8,28 @@ function features() {
<h1 class="title">Features</h1>
<div class="gridlayout">
<ImageSection
imgUrl="https://static.moonleay.net/img/lilJuddWeb/features/timeplanner.png"
imgUrl="/assets/screenshots/timeplanner.png"
imgAlt="Screenshot of the time planning feature of li'l Judd"
title="Time Planning and Management"
description="Helps you to see on which days your fellow team mates are available."
note="The bot can send these planning messages every monday at 3AM. Members can click the buttons on each message to communicate, if they have time on that day."
/>
<ImageSection
imgUrl="https://static.moonleay.net/img/lilJuddWeb/features/matchplanner.png"
imgUrl="/assets/screenshots/matchplanner.png"
imgAlt="Screenshot of the match planning feature of li'l Judd"
title="Match Planner"
description="Make sure that you know when your next match is and who will participate."
note="The bot can send these planning messages, when the command /match is used. Members can click the buttons on each message to communicate, if they will participate in the match. Participating members will get a role until the match has started."
/>
<ImageSection
imgUrl="https://static.moonleay.net/img/lilJuddWeb/features/notifs.png"
imgUrl="/assets/screenshots/notifs.png"
imgAlt="Screenshot of the notification feature of li'l Judd"
title="Notifications"
description="Make sure that you and your team members vote in the Time Planner."
note="The bot can add roles. The first one gets pinged, when the time planner sends the messages, the other one gets assigned to the available members of the day, so that it is possible to ping all available people."
/>
<ImageSection
imgUrl="https://static.moonleay.net/img/lilJuddWeb/features/rotationstatus.png"
imgUrl="/assets/screenshots/rotationstatus.png"
imgAlt="Screenshot of the current x map rotation in li'l Judd's status"
title="Rotation Status"
description="Li'l Judd can show you the current map rotation in his status."
@ -37,7 +37,7 @@ function features() {
/>
<ImageSection
span
imgUrl="https://static.moonleay.net/img/lilJuddWeb/features/unknown.png"
imgUrl="/assets/screenshots/unknown.png"
imgAlt="A Question Mark"
title="More to come.."
description="The bot is still in development. More features will be added."

8
src/routes/how-do-i.tsx
View file

@ -15,12 +15,12 @@ function howDoI() {
<div class="imgwrapper">
<img
class="desktop"
src="https://static.moonleay.net/img/lilJuddWeb/howdoi/featureexample.png"
src="/assets/screenshots/featureexample.png"
alt="A screenshot of the example in Discord."
/>
<img
class="mobile"
src="https://static.moonleay.net/img/lilJuddWeb/howdoi/featureexamplemobile.png"
src="/assets/screenshots/featureexamplemobile.png"
alt="A screenshot of the example in Discord."
/>
{/* <p><code>/feature feature:Time Planning Feature set:Enable channel:#ich-kann-heute</code></p> */}
@ -36,12 +36,12 @@ function howDoI() {
<div class="imgwrapper">
<img
class="desktop"
src="https://static.moonleay.net/img/lilJuddWeb/howdoi/matchexample.png"
src="/assets/screenshots/matchexample.png"
alt="A screenshot of the example in Discord."
/>
<img
class="mobile"
src="https://static.moonleay.net/img/lilJuddWeb/howdoi/matchexamplemobile.png"
src="/assets/screenshots/matchexamplemobile.png"
alt="A screenshot of the example in Discord."
/>
{/* <p><code>/match match:Ladder Match timestamp:24.12.2069 04:20 opponent:Forbidden</code></p> */}

17
src/routes/stack.tsx
View file

@ -5,10 +5,7 @@ function stack() {
<>
<h1 class="stack-title">The Stack</h1>
<section class="stack-section">
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/kotlin.svg"
alt="Kotlin 'K' logo"
/>
<img src="/assets/logos/kotlin.svg" alt="Kotlin 'K' logo" />
<div class="stackgrid_3 stackitm">
<h1>The Kotlin programming language</h1>
<p>
@ -18,10 +15,7 @@ function stack() {
</div>
</section>
<section class="stack-section">
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/kord.png"
alt="The Kord logo"
/>
<img src="/assets/logos/kord.png" alt="The Kord logo" />
<div class="stackgrid_3 stackitm">
<h1>The Kord library</h1>
<p>A Kotlin library for creating Discord bots. Pretty bare bones.</p>
@ -29,7 +23,7 @@ function stack() {
</section>
<section class="stack-section">
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/kordextensions.png"
src="/assets/logos/kordextensions.png"
alt="The Kord-Extensions logo"
/>
<div class="stackgrid_3 stackitm">
@ -38,10 +32,7 @@ function stack() {
</div>
</section>
<section class="stack-section">
<img
src="https://static.moonleay.net/img/lilJuddWeb/logos/pgelephant.png"
alt="The PostgreSQL elephant"
/>
<img src="/assets/logos/pgelephant.png" alt="The PostgreSQL elephant" />
<div class="stackgrid_3 stackitm">
<h1>The PostgreSQL database</h1>
<p>

2
src/styles/GlobalLayout.css
View file

@ -15,7 +15,7 @@
body {
color: rgb(var(--foreground-rgb));
background-color: black;
background-image: url("https://static.moonleay.net/img/lilJuddWeb/bgs/bg.jpg");
background-image: url("/assets/bg.jpg");
background-repeat: repeat;
background-size: 300px;
background-position: center;