infrastructure/pages-landing-page
infrastructure/pages-landing-page
2
0
Fork 0
Code Issues 1 Pull requests 1 Activity Actions

404 + prettier

Browse source 
Signed-off-by: Sam Therapy <sam@samtherapy.net>
This commit is contained in:
Sam Therapy 2024-03-15 23:33:35 +01:00
parent fa4831709a
commit 6c5bef1204
Signed by: sam
GPG key ID: 4D8B07C18F31ACBD
6 changed files with 129 additions and 105 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

190
froth-noire-skeleton.ts
View file

@ -1,103 +1,101 @@
import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
export const frothNoire: CustomThemeConfig = {
name: 'froth-noire',
properties: {
name: 'froth-noire',
properties: {
// =~= Theme Properties =~=
"--theme-font-family-base": `system-ui`,
"--theme-font-family-heading": `system-ui`,
"--theme-font-color-base": "0 0 0",
"--theme-font-color-dark": "255 255 255",
"--theme-rounded-base": "4px",
"--theme-rounded-container": "4px",
"--theme-border-base": "1px",
'--theme-font-family-base': `system-ui`,
'--theme-font-family-heading': `system-ui`,
'--theme-font-color-base': '0 0 0',
'--theme-font-color-dark': '255 255 255',
'--theme-rounded-base': '4px',
'--theme-rounded-container': '4px',
'--theme-border-base': '1px',
// =~= Theme On-X Colors =~=
"--on-primary": "0 0 0",
"--on-secondary": "0 0 0",
"--on-tertiary": "0 0 0",
"--on-success": "0 0 0",
"--on-warning": "0 0 0",
"--on-error": "0 0 0",
"--on-surface": "255 255 255",
'--on-primary': '0 0 0',
'--on-secondary': '0 0 0',
'--on-tertiary': '0 0 0',
'--on-success': '0 0 0',
'--on-warning': '0 0 0',
'--on-error': '0 0 0',
'--on-surface': '255 255 255',
// =~= Theme Colors =~=
// primary | #A0A0A0
"--color-primary-50": "241 241 241", // #f1f1f1
"--color-primary-100": "236 236 236", // #ececec
"--color-primary-200": "231 231 231", // #e7e7e7
"--color-primary-300": "217 217 217", // #d9d9d9
"--color-primary-400": "189 189 189", // #bdbdbd
"--color-primary-500": "160 160 160", // #A0A0A0
"--color-primary-600": "144 144 144", // #909090
"--color-primary-700": "120 120 120", // #787878
"--color-primary-800": "96 96 96", // #606060
"--color-primary-900": "78 78 78", // #4e4e4e
// secondary | #bcbcbc
"--color-secondary-50": "245 245 245", // #f5f5f5
"--color-secondary-100": "242 242 242", // #f2f2f2
"--color-secondary-200": "238 238 238", // #eeeeee
"--color-secondary-300": "228 228 228", // #e4e4e4
"--color-secondary-400": "208 208 208", // #d0d0d0
"--color-secondary-500": "188 188 188", // #bcbcbc
"--color-secondary-600": "169 169 169", // #a9a9a9
"--color-secondary-700": "141 141 141", // #8d8d8d
"--color-secondary-800": "113 113 113", // #717171
"--color-secondary-900": "92 92 92", // #5c5c5c
// tertiary | #c0c0c0
"--color-tertiary-50": "246 246 246", // #f6f6f6
"--color-tertiary-100": "242 242 242", // #f2f2f2
"--color-tertiary-200": "239 239 239", // #efefef
"--color-tertiary-300": "230 230 230", // #e6e6e6
"--color-tertiary-400": "211 211 211", // #d3d3d3
"--color-tertiary-500": "192 192 192", // #c0c0c0
"--color-tertiary-600": "173 173 173", // #adadad
"--color-tertiary-700": "144 144 144", // #909090
"--color-tertiary-800": "115 115 115", // #737373
"--color-tertiary-900": "94 94 94", // #5e5e5e
// success | #12984f
"--color-success-50": "219 240 229", // #dbf0e5
"--color-success-100": "208 234 220", // #d0eadc
"--color-success-200": "196 229 211", // #c4e5d3
"--color-success-300": "160 214 185", // #a0d6b9
"--color-success-400": "89 183 132", // #59b784
"--color-success-500": "18 152 79", // #12984f
"--color-success-600": "16 137 71", // #108947
"--color-success-700": "14 114 59", // #0e723b
"--color-success-800": "11 91 47", // #0b5b2f
"--color-success-900": "9 74 39", // #094a27
// warning | #ffff0b
"--color-warning-50": "255 255 218", // #ffffda
"--color-warning-100": "255 255 206", // #ffffce
"--color-warning-200": "255 255 194", // #ffffc2
"--color-warning-300": "255 255 157", // #ffff9d
"--color-warning-400": "255 255 84", // #ffff54
"--color-warning-500": "255 255 11", // #ffff0b
"--color-warning-600": "230 230 10", // #e6e60a
"--color-warning-700": "191 191 8", // #bfbf08
"--color-warning-800": "153 153 7", // #999907
"--color-warning-900": "125 125 5", // #7d7d05
// error | #EA3000
"--color-error-50": "252 224 217", // #fce0d9
"--color-error-100": "251 214 204", // #fbd6cc
"--color-error-200": "250 203 191", // #facbbf
"--color-error-300": "247 172 153", // #f7ac99
"--color-error-400": "240 110 77", // #f06e4d
"--color-error-500": "234 48 0", // #EA3000
"--color-error-600": "211 43 0", // #d32b00
"--color-error-700": "176 36 0", // #b02400
"--color-error-800": "140 29 0", // #8c1d00
"--color-error-900": "115 24 0", // #731800
// surface | #262626
"--color-surface-50": "222 222 222", // #dedede
"--color-surface-100": "212 212 212", // #d4d4d4
"--color-surface-200": "201 201 201", // #c9c9c9
"--color-surface-300": "168 168 168", // #a8a8a8
"--color-surface-400": "103 103 103", // #676767
"--color-surface-500": "38 38 38", // #262626
"--color-surface-600": "34 34 34", // #222222
"--color-surface-700": "29 29 29", // #1d1d1d
"--color-surface-800": "23 23 23", // #171717
"--color-surface-900": "19 19 19", // #131313
// primary | #A0A0A0
'--color-primary-50': '241 241 241', // #f1f1f1
'--color-primary-100': '236 236 236', // #ececec
'--color-primary-200': '231 231 231', // #e7e7e7
'--color-primary-300': '217 217 217', // #d9d9d9
'--color-primary-400': '189 189 189', // #bdbdbd
'--color-primary-500': '160 160 160', // #A0A0A0
'--color-primary-600': '144 144 144', // #909090
'--color-primary-700': '120 120 120', // #787878
'--color-primary-800': '96 96 96', // #606060
'--color-primary-900': '78 78 78', // #4e4e4e
// secondary | #bcbcbc
'--color-secondary-50': '245 245 245', // #f5f5f5
'--color-secondary-100': '242 242 242', // #f2f2f2
'--color-secondary-200': '238 238 238', // #eeeeee
'--color-secondary-300': '228 228 228', // #e4e4e4
'--color-secondary-400': '208 208 208', // #d0d0d0
'--color-secondary-500': '188 188 188', // #bcbcbc
'--color-secondary-600': '169 169 169', // #a9a9a9
'--color-secondary-700': '141 141 141', // #8d8d8d
'--color-secondary-800': '113 113 113', // #717171
'--color-secondary-900': '92 92 92', // #5c5c5c
// tertiary | #c0c0c0
'--color-tertiary-50': '246 246 246', // #f6f6f6
'--color-tertiary-100': '242 242 242', // #f2f2f2
'--color-tertiary-200': '239 239 239', // #efefef
'--color-tertiary-300': '230 230 230', // #e6e6e6
'--color-tertiary-400': '211 211 211', // #d3d3d3
'--color-tertiary-500': '192 192 192', // #c0c0c0
'--color-tertiary-600': '173 173 173', // #adadad
'--color-tertiary-700': '144 144 144', // #909090
'--color-tertiary-800': '115 115 115', // #737373
'--color-tertiary-900': '94 94 94', // #5e5e5e
// success | #12984f
'--color-success-50': '219 240 229', // #dbf0e5
'--color-success-100': '208 234 220', // #d0eadc
'--color-success-200': '196 229 211', // #c4e5d3
'--color-success-300': '160 214 185', // #a0d6b9
'--color-success-400': '89 183 132', // #59b784
'--color-success-500': '18 152 79', // #12984f
'--color-success-600': '16 137 71', // #108947
'--color-success-700': '14 114 59', // #0e723b
'--color-success-800': '11 91 47', // #0b5b2f
'--color-success-900': '9 74 39', // #094a27
// warning | #ffff0b
'--color-warning-50': '255 255 218', // #ffffda
'--color-warning-100': '255 255 206', // #ffffce
'--color-warning-200': '255 255 194', // #ffffc2
'--color-warning-300': '255 255 157', // #ffff9d
'--color-warning-400': '255 255 84', // #ffff54
'--color-warning-500': '255 255 11', // #ffff0b
'--color-warning-600': '230 230 10', // #e6e60a
'--color-warning-700': '191 191 8', // #bfbf08
'--color-warning-800': '153 153 7', // #999907
'--color-warning-900': '125 125 5', // #7d7d05
// error | #EA3000
'--color-error-50': '252 224 217', // #fce0d9
'--color-error-100': '251 214 204', // #fbd6cc
'--color-error-200': '250 203 191', // #facbbf
'--color-error-300': '247 172 153', // #f7ac99
'--color-error-400': '240 110 77', // #f06e4d
'--color-error-500': '234 48 0', // #EA3000
'--color-error-600': '211 43 0', // #d32b00
'--color-error-700': '176 36 0', // #b02400
'--color-error-800': '140 29 0', // #8c1d00
'--color-error-900': '115 24 0', // #731800
// surface | #262626
'--color-surface-50': '222 222 222', // #dedede
'--color-surface-100': '212 212 212', // #d4d4d4
'--color-surface-200': '201 201 201', // #c9c9c9
'--color-surface-300': '168 168 168', // #a8a8a8
'--color-surface-400': '103 103 103', // #676767
'--color-surface-500': '38 38 38', // #262626
'--color-surface-600': '34 34 34', // #222222
'--color-surface-700': '29 29 29', // #1d1d1d
'--color-surface-800': '23 23 23', // #171717
'--color-surface-900': '19 19 19' // #131313
}
}
};

14
src/routes/+error.svelte Normal file
View file

@ -0,0 +1,14 @@
<script lang="ts">
import { page } from '$app/stores';
</script>
<div class="mx-auto max-w-page text-center">
<h1 class="text-4xl font-bold mt-8">404</h1>
<p class="py-4 text-xl">
{#if $page.status === 404}
The page you are trying to look for could not be found.
{:else}
An unexpected error occurred.
{/if}
</p>
</div>

16
src/routes/+layout.svelte
View file

@ -8,9 +8,19 @@
<svelte:fragment slot="header">
<!-- App Bar -->
<AppBar gridColumns="grid-cols-3" slotDefault="place-self-center" slotTrail="place-content-end">
<svelte:fragment slot="lead"><strong class="text-xl uppercase">Froth Pages</strong></svelte:fragment>
<noscript><strong>Hey, you! This page is interactive and currently requires JavaScript!</strong> <br /> Want a non-JS version? Bother <a class="anchor" href="https://matrix.to/#/@samme:schizo.cafe">Sam</a> about it!</noscript>
<svelte:fragment slot="trail"><a class="anchor" href="https://git.froth.zone/sam/static-pages">Source Code</a></svelte:fragment>
<svelte:fragment slot="lead"
><strong class="text-xl uppercase"><a href="/">Froth Pages</a></strong></svelte:fragment
>
<noscript
><strong>Hey, you! This page is interactive and currently requires JavaScript!</strong>
<br />
Want a non-JS version? Bother
<a class="anchor" href="https://matrix.to/#/@samme:schizo.cafe">Sam</a> about it!</noscript
>
<svelte:fragment slot="trail"
><a class="anchor" href="https://git.froth.zone/sam/static-pages">Source Code</a
></svelte:fragment
>
</AppBar>
</svelte:fragment>
<!-- Page Route Content -->

6
src/routes/+page.svelte
View file

@ -33,8 +33,10 @@
>
<Step>
<svelte:fragment slot="navigation">
<a href="https://{gitDomain}/repo/create" target="_blank" class="btn variant-filled-secondary"
>Create a repository!</a
<a
href="https://{gitDomain}/repo/create"
target="_blank"
class="btn variant-filled-secondary">Create a repository!</a
>
</svelte:fragment>
<svelte:fragment slot="header">1 - Make a repository</svelte:fragment>

4
svelte.config.js
View file

@ -12,7 +12,9 @@ const config = {
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
// If your environment is not supported or you settled on a specific environment, switch out the adapter.
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
adapter: adapter()
adapter: adapter({
fallback: '404.html'
})
}
};
export default config;

4
tailwind.config.ts
View file

@ -25,9 +25,7 @@ export default {
enhancements: true
}
],
custom: [
frothNoire
]
custom: [frothNoire]
}
})
]