Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
5006446dc9 |
11
.github/dependabot.yml
vendored
11
.github/dependabot.yml
vendored
@ -1,11 +0,0 @@
|
||||
# To get started with Dependabot version updates, you'll need to specify which
|
||||
# package ecosystems to update and where the package manifests are located.
|
||||
# Please see the documentation for all configuration options:
|
||||
# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
|
||||
|
||||
version: 2
|
||||
updates:
|
||||
- package-ecosystem: "npm" # See documentation for possible values
|
||||
directory: "/" # Location of package manifests
|
||||
schedule:
|
||||
interval: "daily"
|
||||
1522
package-lock.json
generated
1522
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
10
package.json
10
package.json
@ -9,19 +9,13 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@sveltejs/adapter-auto": "^2.0.0",
|
||||
"@sveltejs/kit": "^1.25.0",
|
||||
"autoprefixer": "^10.4.15",
|
||||
"postcss": "^8.4.29",
|
||||
"@sveltejs/kit": "^1.20.4",
|
||||
"svelte": "^4.0.5",
|
||||
"svelte-meta-tags": "^3.0.3",
|
||||
"tailwindcss": "^3.3.3",
|
||||
"vite": "^4.4.2"
|
||||
},
|
||||
"type": "module",
|
||||
"dependencies": {
|
||||
"@sveltejs/adapter-cloudflare": "^2.3.3",
|
||||
"svelte-particles": "^2.12.0",
|
||||
"tsparticles": "^2.12.0",
|
||||
"tsparticles-slim": "^2.12.0"
|
||||
"@sveltejs/adapter-cloudflare": "^2.3.3"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +0,0 @@
|
||||
export default {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
@ -4,7 +4,6 @@
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<script src="https://cdn.jsdelivr.net/npm/tsparticles-confetti@2.12.0/tsparticles.confetti.bundle.min.js"></script>
|
||||
%sveltekit.head%
|
||||
</head>
|
||||
<body data-sveltekit-preload-data="hover">
|
||||
|
||||
@ -1,10 +0,0 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Lexend+Exa&display=swap');
|
||||
|
||||
.krona {
|
||||
font-family: 'Krona One', sans-serif;
|
||||
}
|
||||
|
||||
.lexend {
|
||||
font-family: 'Lexend Exa', sans-serif;
|
||||
}
|
||||
@ -1,131 +0,0 @@
|
||||
export function fireAll() {
|
||||
fireMid()
|
||||
fireLeft()
|
||||
fireRight()
|
||||
}
|
||||
|
||||
function fireMid() {
|
||||
let count = 100,
|
||||
defaults = {
|
||||
origin: { y: 0.7 },
|
||||
};
|
||||
|
||||
function fire(particleRatio, opts) {
|
||||
confetti(
|
||||
Object.assign({}, defaults, opts, {
|
||||
particleCount: Math.floor(count * particleRatio),
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
fire(0.25, {
|
||||
spread: 26,
|
||||
startVelocity: 55,
|
||||
});
|
||||
|
||||
fire(0.2, {
|
||||
spread: 60,
|
||||
});
|
||||
|
||||
fire(0.35, {
|
||||
spread: 100,
|
||||
decay: 0.91,
|
||||
scalar: 0.8,
|
||||
});
|
||||
|
||||
fire(0.1, {
|
||||
spread: 120,
|
||||
startVelocity: 25,
|
||||
decay: 0.92,
|
||||
scalar: 1.2,
|
||||
});
|
||||
|
||||
fire(0.1, {
|
||||
spread: 120,
|
||||
startVelocity: 45,
|
||||
});
|
||||
};
|
||||
|
||||
function fireLeft() {
|
||||
let count = 100,
|
||||
defaults = {
|
||||
origin: { y: 0.7, x: 1 },
|
||||
};
|
||||
|
||||
function fire(particleRatio, opts) {
|
||||
confetti(
|
||||
Object.assign({}, defaults, opts, {
|
||||
particleCount: Math.floor(count * particleRatio),
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
fire(0.25, {
|
||||
spread: 26,
|
||||
startVelocity: 55,
|
||||
});
|
||||
|
||||
fire(0.2, {
|
||||
spread: 60,
|
||||
});
|
||||
|
||||
fire(0.35, {
|
||||
spread: 100,
|
||||
decay: 0.91,
|
||||
scalar: 0.8,
|
||||
});
|
||||
|
||||
fire(0.1, {
|
||||
spread: 120,
|
||||
startVelocity: 25,
|
||||
decay: 0.92,
|
||||
scalar: 1.2,
|
||||
});
|
||||
|
||||
fire(0.1, {
|
||||
spread: 120,
|
||||
startVelocity: 45,
|
||||
});
|
||||
}
|
||||
|
||||
function fireRight() {
|
||||
let count = 100,
|
||||
defaults = {
|
||||
origin: { y: 0.7, x: 0 },
|
||||
};
|
||||
|
||||
function fire(particleRatio, opts) {
|
||||
confetti(
|
||||
Object.assign({}, defaults, opts, {
|
||||
particleCount: Math.floor(count * particleRatio),
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
fire(0.25, {
|
||||
spread: 26,
|
||||
startVelocity: 55,
|
||||
});
|
||||
|
||||
fire(0.2, {
|
||||
spread: 60,
|
||||
});
|
||||
|
||||
fire(0.35, {
|
||||
spread: 100,
|
||||
decay: 0.91,
|
||||
scalar: 0.8,
|
||||
});
|
||||
|
||||
fire(0.1, {
|
||||
spread: 120,
|
||||
startVelocity: 25,
|
||||
decay: 0.92,
|
||||
scalar: 1.2,
|
||||
});
|
||||
|
||||
fire(0.1, {
|
||||
spread: 120,
|
||||
startVelocity: 45,
|
||||
});
|
||||
}
|
||||
@ -1,6 +0,0 @@
|
||||
<script>
|
||||
import "../app.css";
|
||||
import "$lib/css/font.css";
|
||||
</script>
|
||||
|
||||
<slot />
|
||||
@ -22,9 +22,8 @@
|
||||
siteName: "Kukfest",
|
||||
}}
|
||||
/>
|
||||
<svelte:head>
|
||||
|
||||
</svelte:head>
|
||||
<svelte:head />
|
||||
|
||||
<Nav />
|
||||
|
||||
|
||||
@ -1,39 +1,38 @@
|
||||
<script>
|
||||
import * as conf from "$lib/js/conf.js";
|
||||
import { page } from "$app/stores";
|
||||
let path;
|
||||
|
||||
$: path = $page.url.pathname;
|
||||
</script>
|
||||
|
||||
<nav>
|
||||
<img
|
||||
src="/img.jpg"
|
||||
alt="Kukfest logo"
|
||||
on:click={conf.fireAll}
|
||||
class="rounded-lg"
|
||||
/>
|
||||
<p class="krona">Kukfest</p>
|
||||
<img src="/img.jpg" alt="Kukfest logo" />
|
||||
<p class="text" style="font-family: Broadway-custom;">Kukfest</p>
|
||||
<ul id="nav-pc">
|
||||
<li class={path === "/" ? "active" : ""}><a href="/">Home</a></li>
|
||||
<li class={path.includes("/images") ? "active" : ""}>
|
||||
<a href="/images/23">Images</a>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="https://boofdev.eu">Contact</a></li>
|
||||
</ul>
|
||||
<ul id="nav-mobile">
|
||||
<li id="nav-menu-li">
|
||||
<button id="nav-menu"
|
||||
><img
|
||||
src="/img/menu.svg"
|
||||
alt="menu"
|
||||
id="nav-menu-img"
|
||||
/></button
|
||||
>
|
||||
</li>
|
||||
<li><a href="https://boofdev.eu/#contact">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="nav-mobile-content-close">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: Broadway-custom;
|
||||
src: url(/font/broadway%20regular.ttf);
|
||||
}
|
||||
|
||||
nav li.active {
|
||||
border-bottom: solid;
|
||||
border-color: #000000;
|
||||
}
|
||||
|
||||
:root {
|
||||
--text-color: #000000;
|
||||
--nav-link-inactive: #000000;
|
||||
|
||||
@ -1,157 +0,0 @@
|
||||
<script>
|
||||
import { page } from '$app/stores';
|
||||
let path;
|
||||
|
||||
$: path = $page.url.pathname;
|
||||
</script>
|
||||
|
||||
<nav>
|
||||
<ul id="nav-pc">
|
||||
<li class={path === '/images/23' ? 'active' : ''}><a href="/images/23">2023</a></li>
|
||||
<li class={path === '/images/23.1' ? 'active' : ''}><a href="/images/23.1">2023.1</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: Broadway-custom;
|
||||
src: url(/font/broadway%20regular.ttf);
|
||||
}
|
||||
|
||||
nav li.active {
|
||||
border-bottom: solid;
|
||||
border-color: #000000;
|
||||
}
|
||||
|
||||
:root {
|
||||
--text-color: #000000;
|
||||
--nav-link-inactive: #000000;
|
||||
--body-bg: #ffffff;
|
||||
--nav-link-hover: #000000;
|
||||
}
|
||||
|
||||
nav {
|
||||
padding: 1.5rem 5vw;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 13px;
|
||||
}
|
||||
|
||||
nav > img {
|
||||
height: 45px;
|
||||
width: 45px;
|
||||
}
|
||||
|
||||
nav > p {
|
||||
font-size: 1.6rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
display: flex;
|
||||
margin-left: auto;
|
||||
align-items: center;
|
||||
gap: 3vw;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#nav-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
nav ul li {
|
||||
list-style: none;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
nav ul li a {
|
||||
color: var(--nav-link-inactive);
|
||||
}
|
||||
|
||||
nav ul li a:hover {
|
||||
color: var(--nav-link-hover);
|
||||
}
|
||||
|
||||
#nav-active {
|
||||
color: var(--text-color);
|
||||
}
|
||||
#nav-active {
|
||||
color: #000000;
|
||||
}
|
||||
.scrollTop {
|
||||
position: fixed;
|
||||
background: #000;
|
||||
padding: 0.4rem 0.5rem 0.1rem 0.5rem;
|
||||
border-radius: 5px;
|
||||
right: 0.5rem;
|
||||
bottom: -25%;
|
||||
transition: all 400ms ease-in-out;
|
||||
}
|
||||
|
||||
.scrollTop:hover {
|
||||
bottom: 1rem;
|
||||
}
|
||||
|
||||
.scrollTop-show {
|
||||
bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#nav-menu {
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#nav-menu img {
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
.nav-mobile-content ul li {
|
||||
list-style: none;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.nav-mobile-content ul li a {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.nav-mobile-content ul li a:hover {
|
||||
color: var(--nav-link-hover);
|
||||
}
|
||||
|
||||
.nav-mobile-content ul li:last-child {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
#nav-donate-mobile {
|
||||
border-radius: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nav-mobile-content {
|
||||
box-shadow: 0 10px 10px #00000009;
|
||||
padding: 2rem 1.5rem;
|
||||
padding-top: 0;
|
||||
display: block !important;
|
||||
animation: nav-open 600ms;
|
||||
position: fixed;
|
||||
background: #192127;
|
||||
width: 100%;
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
.nav-mobile-content-close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@keyframes nav-open {
|
||||
from {
|
||||
transform: translateY(-100%);
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,6 +1,6 @@
|
||||
<script>
|
||||
import { onMount } from "svelte";
|
||||
let headline = "Nedtelling til ", countdownVisible = true, contentVisible = false;
|
||||
let headline = "Nedtelling til Kukfest 23.1", countdownVisible = true, contentVisible = false;
|
||||
|
||||
let days = "00", hours = "00", minutes = "00", seconds = "00"
|
||||
|
||||
@ -28,7 +28,7 @@
|
||||
|
||||
//do something later when date is reached
|
||||
if (distance < 0) {
|
||||
headline = "Nå skjer ";
|
||||
headline = "Kukfest skjer nå!";
|
||||
countdownVisible = false;
|
||||
contentVisible = true;
|
||||
clearInterval(x);
|
||||
@ -40,7 +40,7 @@
|
||||
|
||||
|
||||
<div class="container">
|
||||
<h2><span class="lexend">{headline}</span><span class="krona">Kukfest 23.1</span></h2>
|
||||
<h1>{headline}</h1>
|
||||
{#if countdownVisible}
|
||||
<div id="countdown">
|
||||
<ul>
|
||||
|
||||
@ -1,65 +0,0 @@
|
||||
<script>
|
||||
import Nav from "../../Nav.svelte";
|
||||
import ImagesNav from "../../components/images-nav.svelte";
|
||||
</script>
|
||||
|
||||
<Nav />
|
||||
<ImagesNav />
|
||||
|
||||
<div class="main">
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
|
||||
</div>
|
||||
<div class="column">
|
||||
|
||||
</div>
|
||||
<div class="column">
|
||||
|
||||
</div>
|
||||
<div class="column">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.main {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
/* Create four equal columns that sits next to each other */
|
||||
.column {
|
||||
flex: 25%;
|
||||
max-width: 25%;
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
.column img {
|
||||
margin-top: 8px;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Responsive layout - makes a two column-layout instead of four columns */
|
||||
@media screen and (max-width: 800px) {
|
||||
.column {
|
||||
flex: 50%;
|
||||
max-width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
|
||||
@media screen and (max-width: 600px) {
|
||||
.column {
|
||||
flex: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,69 +0,0 @@
|
||||
<script>
|
||||
import Nav from "../../Nav.svelte";
|
||||
import ImagesNav from "../../components/images-nav.svelte";
|
||||
</script>
|
||||
|
||||
<Nav />
|
||||
<ImagesNav />
|
||||
|
||||
<div class="main">
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<img src="/img/lars.png" />
|
||||
<img src="/img/lars.png" />
|
||||
</div>
|
||||
<div class="column">
|
||||
<img src="/img/lars.png" />
|
||||
<img src="/img/lars.png" />
|
||||
</div>
|
||||
<div class="column">
|
||||
<img src="/img/lars.png" />
|
||||
<img src="/img/lars.png" />
|
||||
</div>
|
||||
<div class="column">
|
||||
<img src="/img/lars.png" />
|
||||
<img src="/img/lars.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.main {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
/* Create four equal columns that sits next to each other */
|
||||
.column {
|
||||
flex: 25%;
|
||||
max-width: 25%;
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
.column img {
|
||||
margin-top: 8px;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Responsive layout - makes a two column-layout instead of four columns */
|
||||
@media screen and (max-width: 800px) {
|
||||
.column {
|
||||
flex: 50%;
|
||||
max-width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
|
||||
@media screen and (max-width: 600px) {
|
||||
.column {
|
||||
flex: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
BIN
static/img.jpg
BIN
static/img.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 74 KiB After Width: | Height: | Size: 71 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 321 KiB After Width: | Height: | Size: 259 KiB |
@ -1,5 +1,4 @@
|
||||
import adapter from '@sveltejs/adapter-cloudflare';
|
||||
import { vitePreprocess } from '@sveltejs/kit/vite';
|
||||
|
||||
/** @type {import('@sveltejs/kit').Config} */
|
||||
const config = {
|
||||
@ -8,8 +7,7 @@ const config = {
|
||||
// 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()
|
||||
},
|
||||
preprocess: vitePreprocess()
|
||||
}
|
||||
};
|
||||
|
||||
export default config;
|
||||
|
||||
@ -1,9 +0,0 @@
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
content: ['./src/**/*.{html,js,svelte,ts}'],
|
||||
theme: {
|
||||
extend: {},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user