fred.boniface
/
gateway.fjla.uk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add global layout

This commit is contained in:
Fred Boniface 2023-07-28 22:42:30 +01:00
parent 26e6f3ba79
commit a19b5cc8ef
6 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/main.css → src/app.css
View File

@ -1,6 +1,6 @@
body {
background-color:#004284;
background-image:url("%sveltekit.assets%/img/jellyfish-portrait-l.webp");
background-image:url("/img/jellyfish-portrait-l.webp");
background-attachment:fixed;
background-repeat:no-repeat;
background-position:left top;

1
src/app.html
View File

@ -6,7 +6,6 @@
<meta name="description" content="The gateway to FJLA services"/>
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="style" href="/main.css">
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">

2
src/lib/components/indicatorDot.svelte
View File

@ -12,6 +12,6 @@
height: 5px;
width: 5px;
border-radius: 50%;
background-color: yellow;
background-color: grey;
}
</style>

2
src/lib/components/itemBox.svelte
View File

@ -33,7 +33,7 @@
background-color: rgba(64,64,64,0.6);
margin: 10px 10px;
padding: 10px 10px;
width: 90%;
min-width: 200px;
border-radius: 30px;
}
</style>

5
src/routes/+layout.svelte Normal file
View File

@ -0,0 +1,5 @@
<script>
import '../app.css'
</script>
<slot />

15
src/routes/+page.svelte
View File

@ -13,6 +13,21 @@ import type { BoxContent } from "$lib/types/boxContent";
]
</script>
<header>FJLA Gateway</header>
{#each boxes as boxData}
<ItemBox {boxData} />
{/each}
<style>
header {
margin: auto;
color: white;
font-size: xx-large;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
</style>