i need to watch more tutorials

This commit is contained in:
hexahigh 2023-08-05 23:32:42 +02:00
parent 1e0fdb1237
commit 2dfd9c51f7
4 changed files with 77 additions and 5 deletions

43
new/package-lock.json generated
View File

@ -8,6 +8,7 @@
"name": "svelte-app",
"version": "1.0.0",
"dependencies": {
"page": "^1.11.6",
"sirv-cli": "^2.0.0",
"svelte-routing": "^2.0.0"
},
@ -527,6 +528,11 @@
"@types/estree": "*"
}
},
"node_modules/isarray": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
"integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ=="
},
"node_modules/kleur": {
"version": "4.1.5",
"resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
@ -631,12 +637,28 @@
"integrity": "sha512-k41FwbcLnlgnFh69f4qdUfvDQ+5vaSDnVPFI/y5XuhKRq97EnVVneO9F1ESVCdiVu4fCS2L8usX3mU331hB7pg==",
"dev": true
},
"node_modules/page": {
"version": "1.11.6",
"resolved": "https://registry.npmjs.org/page/-/page-1.11.6.tgz",
"integrity": "sha512-P6e2JfzkBrPeFCIPplLP7vDDiU84RUUZMrWdsH4ZBGJ8OosnwFkcUkBHp1DTIjuipLliw9yQn/ZJsXZvarsO+g==",
"dependencies": {
"path-to-regexp": "~1.2.1"
}
},
"node_modules/path-parse": {
"version": "1.0.7",
"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
"dev": true
},
"node_modules/path-to-regexp": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.2.1.tgz",
"integrity": "sha512-DBw9IhWfevR2zCVwEZURTuQNseCvu/Q9f5ZgqMCK0Rh61bDa4uyjPAOy9b55yKiPT59zZn+7uYKxmWwsguInwg==",
"dependencies": {
"isarray": "0.0.1"
}
},
"node_modules/picomatch": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
@ -1347,6 +1369,11 @@
"@types/estree": "*"
}
},
"isarray": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
"integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ=="
},
"kleur": {
"version": "4.1.5",
"resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
@ -1424,12 +1451,28 @@
"integrity": "sha512-k41FwbcLnlgnFh69f4qdUfvDQ+5vaSDnVPFI/y5XuhKRq97EnVVneO9F1ESVCdiVu4fCS2L8usX3mU331hB7pg==",
"dev": true
},
"page": {
"version": "1.11.6",
"resolved": "https://registry.npmjs.org/page/-/page-1.11.6.tgz",
"integrity": "sha512-P6e2JfzkBrPeFCIPplLP7vDDiU84RUUZMrWdsH4ZBGJ8OosnwFkcUkBHp1DTIjuipLliw9yQn/ZJsXZvarsO+g==",
"requires": {
"path-to-regexp": "~1.2.1"
}
},
"path-parse": {
"version": "1.0.7",
"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
"dev": true
},
"path-to-regexp": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.2.1.tgz",
"integrity": "sha512-DBw9IhWfevR2zCVwEZURTuQNseCvu/Q9f5ZgqMCK0Rh61bDa4uyjPAOy9b55yKiPT59zZn+7uYKxmWwsguInwg==",
"requires": {
"isarray": "0.0.1"
}
},
"picomatch": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",

View File

@ -19,6 +19,7 @@
"svelte": "^3.55.0"
},
"dependencies": {
"page": "^1.11.6",
"sirv-cli": "^2.0.0",
"svelte-routing": "^2.0.0"
}

View File

@ -1,5 +1,20 @@
<script>
import page from "page";
import Home from "./App.svelte";
import About from "./pages/About.svelte";
// set default component
let current = Home;
// Map routes to page. If a route is hit the current
// reference is set to the route's component
page("/", () => (current = Home));
page("/about", () => (current = About));
// activate router
page.start();
</script>
<nav>
<img src="data/images/logoround.png" alt="Boofdev logo">
<img src="data/images/logoround.png" alt="Boofdev logo" />
<p class="text" style="font-family: Broadway-custom;">Boofdev</p>
<ul id="nav-pc">
<li><a href="index.html" id="nav-active">Home</a></li>
@ -10,8 +25,15 @@
<li><a target="_blank" id="nav-donate">Donate</a></li>
</ul>
<ul id="nav-mobile">
<li id="nav-menu-li"><button id="nav-menu"><img src="data/images/menu.svg" alt="menu"
id="nav-menu-img"></button></li>
<li id="nav-menu-li">
<button id="nav-menu"
><img
src="data/images/menu.svg"
alt="menu"
id="nav-menu-img"
/></button
>
</li>
</ul>
</nav>
@ -22,6 +44,12 @@
<li><a href="news/">News</a></li>
<li><a href="projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
<li><a target="_blank" href="https://patreon.com/boofdev" id="nav-donate-mobile">Donate</a></li>
<li>
<a
target="_blank"
href="https://patreon.com/boofdev"
id="nav-donate-mobile">Donate</a
>
</li>
</ul>
</div>
</div>