ColormaticStudios/Colormatic-Website
5
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

Add page metadata for each page and enable prettier-plugin-svelte

Browse Source
This commit is contained in:
Zakarya
2025-03-31 16:36:32 -07:00
parent 2c21504279
commit db0ed8cb42
8 changed files with 150 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.prettierrc → .prettierrc.json
View File

@ -1,4 +1,5 @@
{
"plugins": ["prettier-plugin-svelte"],
"singleQuote": false,
"tabWidth": 2,
"useTabs": false,

3
src/component/footer.svelte
View File

@ -1,7 +1,8 @@
<footer>
<p>© 2025 Colormatic Studios, All Rights Reserved.</p>
<p>
<a href="mailto:support@colormatic.org">support@colormatic.org</a> |
<a href="mailto:support@colormatic.org">support@colormatic.org</a>
|
<a href="mailto:support@colormatic.org">contact@colormatic.org</a>
</p>
</footer>

24
src/component/navbar.svelte
View File

@ -29,11 +29,13 @@
class="git-icon"
target="_blank"
rel="noopener noreferrer"
aria-label="Colormatic Git"><i class="bi bi-git"></i></a
>
<button on:click={toggleModalMenu} class="menu-button" aria-label="menu"
><i class="bi bi-list"></i></button
aria-label="Colormatic Git"
>
<i class="bi bi-git"></i>
</a>
<button on:click={toggleModalMenu} class="menu-button" aria-label="menu">
<i class="bi bi-list"></i>
</button>
</div>
</nav>
@ -46,9 +48,9 @@ Svelte modal example, https://svelte.dev/playground/modal
<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
<span on:click={modalMenuProcessClick} id="pages" class="modalbg hidden">
<div>
<button on:click={toggleModalMenu} class="close" aria-label="Close"
><i class="bi bi-x"></i></button
>
<button on:click={toggleModalMenu} class="close" aria-label="Close">
<i class="bi bi-x"></i>
</button>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/zakarya">Zakarya</a></li>
@ -57,15 +59,19 @@ Svelte modal example, https://svelte.dev/playground/modal
<a
href="https://git.colormatic.org"
target="_blank"
rel="noopener noreferrer">Colormatic Git</a
rel="noopener noreferrer"
>
Colormatic Git
</a>
</li>
<li>
<a
href="https://auth.colormatic.org"
target="_blank"
rel="noopener noreferrer">Colormatic ID</a
rel="noopener noreferrer"
>
Colormatic ID
</a>
</li>
<li><a href="/about">About</a></li>
</ul>

33
src/routes/+page.svelte
View File

@ -22,6 +22,24 @@
<svelte:head>
<title>Colormatic</title>
<meta
name="description"
content="Colormatic is a non-profit project by Zakarya dedicated to creation."
/>
<meta name="keywords" content="Open Source, Non Profit" />
<link rel="canonical" href="https://colormatic.org" />
<meta property="og:title" content="Colormatic" />
<meta
property="og:description"
content="Colormatic is a non-profit project by Zakarya dedicated to creation."
/>
<meta
property="og:image"
content="https://colormatic.org/img/colormatic_logo.svg"
/>
<meta property="og:url" content="https://colormatic.org" />
<meta property="og:type" content="website" />
</svelte:head>
<main>
@ -41,8 +59,10 @@
<a
href="https://git.colormatic.org/ColormaticStudios/quality-godot-first-person"
target="_blank"
rel="noopener noreferrer">Quality First Person Controller</a
rel="noopener noreferrer"
>
Quality First Person Controller
</a>
</h1>
<p>An actually good first person controller for the Godot Engine.</p>
@ -52,8 +72,10 @@
<a
href="https://git.colormatic.org/ColormaticStudios/godot-bson"
target="_blank"
rel="noopener noreferrer">BSON for Godot</a
rel="noopener noreferrer"
>
BSON for Godot
</a>
</h1>
<p>A BSON serializer/deserializer for the Godot Engine</p>
</div>
@ -69,8 +91,11 @@
Check up on progress and changes at <a
href="https://git.colormatic.org/ColormaticStudios/Colormatic-Website"
target="_blank"
rel="noopener noreferrer">ColormaticStudios/Colormatic-Website</a
>.
rel="noopener noreferrer"
>
ColormaticStudios/Colormatic-Website
</a>
.
</p>
</div>
</main>

18
src/routes/about/+page.svelte
View File

@ -1,5 +1,23 @@
<svelte:head>
<title>Colormatic - About</title>
<meta
name="description"
content="Colormatic is a non-profit project by Zakarya dedicated to creation."
/>
<meta name="keywords" content="Open Source, Non Profit" />
<link rel="canonical" href="https://colormatic.org/about/" />
<meta property="og:title" content="Colormatic - About" />
<meta
property="og:description"
content="Colormatic is a non-profit project by Zakarya dedicated to creation."
/>
<meta
property="og:image"
content="https://colormatic.org/img/colormatic_logo.svg"
/>
<meta property="og:url" content="https://colormatic.org/about/" />
<meta property="og:type" content="website" />
</svelte:head>
<spacer></spacer>

59
src/routes/studios/+page.svelte
View File

@ -1,5 +1,32 @@
<svelte:head>
<title>Colormatic Studios</title>
<meta
name="description"
content="Colormatic Studios is a creative studio dedicated to giving life to
Colormatic's projects. We are currently just a small group of passionate
volunteers working to build inspiring, intuitive and innovative creative
works."
/>
<meta
name="keywords"
content="Open Source, Not for Profit, Game Development, World Building"
/>
<link rel="canonical" href="https://colormatic.org/studios/" />
<meta property="og:title" content="Colormatic Studios" />
<meta
property="og:description"
content="Colormatic Studios is a creative studio dedicated to giving life to
Colormatic's projects. We are currently just a small group of passionate
volunteers working to build inspiring, intuitive and innovative creative
works."
/>
<meta
property="og:image"
content="https://colormatic.org/img/colormatic_logo.svg"
/>
<meta property="og:url" content="https://colormatic.org/studios/" />
<meta property="og:type" content="website" />
</svelte:head>
<main>
@ -11,8 +38,10 @@
<a
href="https://git.colormatic.org/ColormaticStudios/quality-godot-first-person"
target="_blank"
rel="noopener noreferrer">Quality First Person Controller</a
rel="noopener noreferrer"
>
Quality First Person Controller
</a>
</h1>
<div class="project-grid-box-contents">
<img
@ -27,8 +56,10 @@
<a
href="https://git.colormatic.org/ColormaticStudios/godot-bson"
target="_blank"
rel="noopener noreferrer">BSON for Godot</a
rel="noopener noreferrer"
>
BSON for Godot
</a>
</h1>
<div class="project-grid-box-contents">
<img
@ -74,22 +105,28 @@
<a
href="https://mastodon.social/@colormaticstudios"
target="_blank"
rel="noopener noreferrer">Mastodon</a
rel="noopener noreferrer"
>
Mastodon
</a>
</li>
<li>
<a
href="https://www.instagram.com/colormaticstudios/"
target="_blank"
rel="noopener noreferrer">Instagram</a
rel="noopener noreferrer"
>
Instagram
</a>
</li>
<li>
<a
href="https://www.youtube.com/@colormaticstudios"
target="_blank"
rel="noopener noreferrer">Youtube</a
rel="noopener noreferrer"
>
Youtube
</a>
</li>
</ul>
<ul class="linktree">
@ -97,22 +134,28 @@
<a
href="https://git.colormatic.org/ColormaticStudios"
target="_blank"
rel="noopener noreferrer">Colormatic Git</a
rel="noopener noreferrer"
>
Colormatic Git
</a>
</li>
<li>
<a
href="https://github.com/ColormaticStudios"
target="_blank"
rel="noopener noreferrer">GitHub</a
rel="noopener noreferrer"
>
GitHub
</a>
</li>
<li>
<a
href="https://bsky.app/profile/colormaticstudios.bsky.social"
target="_blank"
rel="noopener noreferrer">Bluesky</a
rel="noopener noreferrer"
>
Bluesky
</a>
</li>
</ul>
</div>

1
src/routes/video/+page.svelte
View File

@ -100,6 +100,7 @@
<svelte:head>
<title>Video Player</title>
<meta property="og:type" content="video" />
</svelte:head>
<spacer></spacer>

37
src/routes/zakarya/+page.svelte
View File

@ -1,5 +1,26 @@
<svelte:head>
<title>Colormatic - Zakarya</title>
<meta
name="description"
content="I am a software and game developer, I run Colormatic and Colormatic
Studios, and I primarily study computer science, psychology, and
linguistics."
/>
<link rel="canonical" href="https://colormatic.org/zakarya/" />
<meta property="og:title" content="Colormatic - Zakarya" />
<meta
property="og:description"
content="I am a software and game developer, I run Colormatic and Colormatic
Studios, and I primarily study computer science, psychology, and
linguistics."
/>
<meta
property="og:image"
content="https://colormatic.org/img/zakarya-icon.svg"
/>
<meta property="og:url" content="https://colormatic.org/zakarya/" />
<meta property="og:type" content="website" />
</svelte:head>
<main>
@ -30,29 +51,37 @@
<a
href="https://mstdn.party/@zakarya"
target="_blank"
rel="noopener noreferrer">Mastodon</a
rel="noopener noreferrer"
>
Mastodon
</a>
</li>
<li>
<a
href="https://ko-fi.com/zakarya"
target="_blank"
rel="noopener noreferrer">Ko-fi</a
rel="noopener noreferrer"
>
Ko-fi
</a>
</li>
<li>
<a
href="https://www.youtube.com/@czakarya"
target="_blank"
rel="noopener noreferrer">Youtube</a
rel="noopener noreferrer"
>
Youtube
</a>
</li>
<li>
<a
href="https://github.com/CZakarya"
target="_blank"
rel="noopener noreferrer">GitHub</a
rel="noopener noreferrer"
>
GitHub
</a>
</li>
<!--<li><a href="https://www.reddit.com/user/CZakarya/" target="_blank" rel="noopener noreferrer">Reddit</a></li>-->
</ul>