ianhitchman/boilerplate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added Svelte

Browse Source
This commit is contained in:
Ian Hitchman
2022-05-18 10:54:15 +12:00
parent 5a550fa4fb
commit c4621a772d
25 changed files with 8782 additions and 3732 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
.parcelrc Normal file
View File

@@ -0,0 +1,18 @@
{
"extends": [
"@parcel/config-default"
],
"transformers": {
"*.svelte": [
"parcel-transformer-svelte"
]
},
"reporters": [
"...",
"parcel-reporter-static-files-copy"
],
"resolvers": [
"@parcel/resolver-glob",
"..."
]
}

1005
dist/boilerplate.59712999.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

1
dist/boilerplate.59712999.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
dist/favicon.bae4c810.ico vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
dist/hero.fd4c26f1.jpg vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 202 KiB

38
dist/index.15238039.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
dist/index.15238039.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

7168
dist/index.739bf03c.js vendored
View File

File diff suppressed because it is too large Load Diff

2
dist/index.739bf03c.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/index.96ce32af.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
dist/index.96ce32af.css.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
dist/index.a380c149.js vendored Normal file
View File

@@ -0,0 +1,2 @@
!function(e,n,r,o,t){var f="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},i="function"==typeof f.parcelRequire9b8f&&f.parcelRequire9b8f,u=i.cache||{},l="undefined"!=typeof module&&"function"==typeof module.require&&module.require.bind(module);function c(n,r){if(!u[n]){if(!e[n]){var o="function"==typeof f.parcelRequire9b8f&&f.parcelRequire9b8f;if(!r&&o)return o(n,!0);if(i)return i(n,!0);if(l&&"string"==typeof n)return l(n);var t=new Error("Cannot find module '"+n+"'");throw t.code="MODULE_NOT_FOUND",t}p.resolve=function(r){var o=e[n][1][r];return null!=o?o:r},p.cache={};var d=u[n]=new c.Module(n);e[n][0].call(d.exports,p,d,d.exports,this)}return u[n].exports;function p(e){var n=p.resolve(e);return!1===n?{}:c(n)}}c.isParcelRequire=!0,c.Module=function(e){this.id=e,this.bundle=c,this.exports={}},c.modules=e,c.cache=u,c.parent=i,c.register=function(n,r){e[n]=[function(e,n){n.exports=r},{}]},Object.defineProperty(c,"root",{get:function(){return f.parcelRequire9b8f}}),f.parcelRequire9b8f=c;for(var d=0;d<n.length;d++)c(n[d]);var p=c(r);"object"==typeof exports&&"undefined"!=typeof module?module.exports=p:"function"==typeof define&&define.amd&&define((function(){return p}))}({cRPf7:[function(e,n,r){},{}]},["cRPf7"],"cRPf7");
//# sourceMappingURL=index.a380c149.js.map

1
dist/index.a380c149.js.map vendored Normal file
View File

@@ -0,0 +1 @@
{"mappings":"","sources":[],"sourcesContent":[],"names":[],"version":3,"file":"index.a380c149.js.map"}

152
dist/index.b10d73a7.css vendored
View File

@@ -79,7 +79,7 @@ hr {
color: inherit;
opacity: .25;
background-color: currentColor;
border: none;
border: 0;
margin: 1rem 0;
}
@@ -312,7 +312,7 @@ button {
}
button:focus:not(:focus-visible) {
outline: none;
outline: 0;
}
input, button, select, optgroup, textarea {
@@ -361,7 +361,7 @@ textarea {
fieldset {
min-width: 0;
border: none;
border: 0;
margin: 0;
padding: 0;
}
@@ -420,7 +420,7 @@ output {
}
iframe {
border: none;
border: 0;
}
summary {
@@ -630,8 +630,8 @@ progress {
.row > * {
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y);
flex-shrink: 0;
}
@@ -2116,7 +2116,7 @@ progress {
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: none;
outline: 0;
box-shadow: 0 0 0 .25rem #0d6efd40;
}
@@ -2299,7 +2299,7 @@ textarea.form-control-lg {
.form-select:focus {
border-color: #86b7fe;
outline: none;
outline: 0;
box-shadow: 0 0 0 .25rem #0d6efd40;
}
@@ -2373,7 +2373,7 @@ textarea.form-control-lg {
.form-check-input:focus {
border-color: #86b7fe;
outline: none;
outline: 0;
box-shadow: 0 0 0 .25rem #0d6efd40;
}
@@ -2460,7 +2460,7 @@ textarea.form-control-lg {
}
.form-range:focus {
outline: none;
outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
@@ -2472,7 +2472,7 @@ textarea.form-control-lg {
}
.form-range::-moz-focus-outer {
border: none;
border: 0;
}
.form-range::-webkit-slider-thumb {
@@ -2480,7 +2480,7 @@ textarea.form-control-lg {
height: 1rem;
appearance: none;
background-color: #0d6efd;
border: none;
border: 0;
border-radius: 1rem;
margin-top: -.25rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
@@ -2511,7 +2511,7 @@ textarea.form-control-lg {
height: 1rem;
appearance: none;
background-color: #0d6efd;
border: none;
border: 0;
border-radius: 1rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@@ -2881,7 +2881,7 @@ textarea.form-control-lg {
}
.btn-check:focus + .btn, .btn:focus {
outline: none;
outline: 0;
box-shadow: 0 0 0 .25rem #0d6efd40;
}
@@ -3491,7 +3491,7 @@ textarea.form-control-lg {
content: "";
border: .3em solid #0000;
border-top-color: currentColor;
border-bottom: none;
border-bottom: 0;
margin-left: .255em;
display: inline-block;
}
@@ -3652,7 +3652,7 @@ textarea.form-control-lg {
vertical-align: .255em;
content: "";
border: .3em solid #0000;
border-top: none;
border-top: 0;
border-bottom-color: currentColor;
margin-left: .255em;
display: inline-block;
@@ -3675,7 +3675,7 @@ textarea.form-control-lg {
content: "";
border: .3em solid #0000;
border-left-color: currentColor;
border-right: none;
border-right: 0;
margin-left: .255em;
display: inline-block;
}
@@ -3735,7 +3735,7 @@ textarea.form-control-lg {
text-align: inherit;
white-space: nowrap;
background-color: #0000;
border: none;
border: 0;
padding: .25rem 1rem;
font-weight: 400;
text-decoration: none;
@@ -3969,7 +3969,7 @@ textarea.form-control-lg {
.nav-pills .nav-link {
background: none;
border: none;
border: 0;
border-radius: .25rem;
}
@@ -4076,7 +4076,7 @@ textarea.form-control-lg {
}
.navbar-toggler:focus {
outline: none;
outline: 0;
text-decoration: none;
box-shadow: 0 0 0 .25rem;
}
@@ -4132,8 +4132,8 @@ textarea.form-control-lg {
position: inherit;
z-index: 1000;
background-color: #0000;
border-left: none;
border-right: none;
border-left: 0;
border-right: 0;
flex-grow: 1;
transition: none;
bottom: 0;
@@ -4143,8 +4143,8 @@ textarea.form-control-lg {
.navbar-expand-sm .offcanvas-top, .navbar-expand-sm .offcanvas-bottom {
height: auto;
border-top: none;
border-bottom: none;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-sm .offcanvas-body {
@@ -4191,8 +4191,8 @@ textarea.form-control-lg {
position: inherit;
z-index: 1000;
background-color: #0000;
border-left: none;
border-right: none;
border-left: 0;
border-right: 0;
flex-grow: 1;
transition: none;
bottom: 0;
@@ -4202,8 +4202,8 @@ textarea.form-control-lg {
.navbar-expand-md .offcanvas-top, .navbar-expand-md .offcanvas-bottom {
height: auto;
border-top: none;
border-bottom: none;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-md .offcanvas-body {
@@ -4250,8 +4250,8 @@ textarea.form-control-lg {
position: inherit;
z-index: 1000;
background-color: #0000;
border-left: none;
border-right: none;
border-left: 0;
border-right: 0;
flex-grow: 1;
transition: none;
bottom: 0;
@@ -4261,8 +4261,8 @@ textarea.form-control-lg {
.navbar-expand-lg .offcanvas-top, .navbar-expand-lg .offcanvas-bottom {
height: auto;
border-top: none;
border-bottom: none;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-lg .offcanvas-body {
@@ -4309,8 +4309,8 @@ textarea.form-control-lg {
position: inherit;
z-index: 1000;
background-color: #0000;
border-left: none;
border-right: none;
border-left: 0;
border-right: 0;
flex-grow: 1;
transition: none;
bottom: 0;
@@ -4320,8 +4320,8 @@ textarea.form-control-lg {
.navbar-expand-xl .offcanvas-top, .navbar-expand-xl .offcanvas-bottom {
height: auto;
border-top: none;
border-bottom: none;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-xl .offcanvas-body {
@@ -4368,8 +4368,8 @@ textarea.form-control-lg {
position: inherit;
z-index: 1000;
background-color: #0000;
border-left: none;
border-right: none;
border-left: 0;
border-right: 0;
flex-grow: 1;
transition: none;
bottom: 0;
@@ -4379,8 +4379,8 @@ textarea.form-control-lg {
.navbar-expand-xxl .offcanvas-top, .navbar-expand-xxl .offcanvas-bottom {
height: auto;
border-top: none;
border-bottom: none;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-xxl .offcanvas-body {
@@ -4426,8 +4426,8 @@ textarea.form-control-lg {
position: inherit;
z-index: 1000;
background-color: #0000;
border-left: none;
border-right: none;
border-left: 0;
border-right: 0;
flex-grow: 1;
transition: none;
bottom: 0;
@@ -4437,8 +4437,8 @@ textarea.form-control-lg {
.navbar-expand .offcanvas-top, .navbar-expand .offcanvas-bottom {
height: auto;
border-top: none;
border-bottom: none;
border-top: 0;
border-bottom: 0;
}
.navbar-expand .offcanvas-body {
@@ -4557,7 +4557,7 @@ textarea.form-control-lg {
}
.card > .card-header + .list-group, .card > .list-group + .card-footer {
border-top: none;
border-top: 0;
}
.card-body {
@@ -4604,7 +4604,7 @@ textarea.form-control-lg {
}
.card-header-tabs {
border-bottom: none;
border-bottom: 0;
margin-bottom: -.5rem;
margin-left: -.5rem;
margin-right: -.5rem;
@@ -4652,7 +4652,7 @@ textarea.form-control-lg {
}
.card-group > .card + .card {
border-left: none;
border-left: 0;
margin-left: 0;
}
@@ -4689,7 +4689,7 @@ textarea.form-control-lg {
text-align: left;
overflow-anchor: none;
background-color: #fff;
border: none;
border: 0;
border-radius: 0;
align-items: center;
padding: 1rem 1.25rem;
@@ -4741,7 +4741,7 @@ textarea.form-control-lg {
.accordion-button:focus {
z-index: 3;
border-color: #86b7fe;
outline: none;
outline: 0;
box-shadow: 0 0 0 .25rem #0d6efd40;
}
@@ -4765,7 +4765,7 @@ textarea.form-control-lg {
}
.accordion-item:not(:first-of-type) {
border-top: none;
border-top: 0;
}
.accordion-item:last-of-type {
@@ -4792,17 +4792,17 @@ textarea.form-control-lg {
}
.accordion-flush .accordion-item {
border-left: none;
border-right: none;
border-left: 0;
border-right: 0;
border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
border-top: none;
border-top: 0;
}
.accordion-flush .accordion-item:last-child {
border-bottom: none;
border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
@@ -4865,7 +4865,7 @@ textarea.form-control-lg {
z-index: 3;
color: #0a58ca;
background-color: #e9ecef;
outline: none;
outline: 0;
box-shadow: 0 0 0 .25rem #0d6efd40;
}
@@ -5512,7 +5512,7 @@ textarea.form-control-lg {
color: #000;
opacity: .5;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center / 1em no-repeat;
border: none;
border: 0;
border-radius: .25rem;
padding: .25em;
}
@@ -5525,7 +5525,7 @@ textarea.form-control-lg {
.btn-close:focus {
opacity: 1;
outline: none;
outline: 0;
box-shadow: 0 0 0 .25rem #0d6efd40;
}
@@ -5596,7 +5596,7 @@ textarea.form-control-lg {
z-index: 1055;
width: 100%;
height: 100%;
outline: none;
outline: 0;
display: none;
position: fixed;
top: 0;
@@ -5657,7 +5657,7 @@ textarea.form-control-lg {
background-clip: padding-box;
border: 1px solid #0003;
border-radius: .3rem;
outline: none;
outline: 0;
flex-direction: column;
display: flex;
position: relative;
@@ -5764,7 +5764,7 @@ textarea.form-control-lg {
.modal-fullscreen .modal-content {
height: 100%;
border: none;
border: 0;
border-radius: 0;
}
@@ -5790,7 +5790,7 @@ textarea.form-control-lg {
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: none;
border: 0;
border-radius: 0;
}
@@ -5817,7 +5817,7 @@ textarea.form-control-lg {
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: none;
border: 0;
border-radius: 0;
}
@@ -5844,7 +5844,7 @@ textarea.form-control-lg {
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: none;
border: 0;
border-radius: 0;
}
@@ -5871,7 +5871,7 @@ textarea.form-control-lg {
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: none;
border: 0;
border-radius: 0;
}
@@ -5898,7 +5898,7 @@ textarea.form-control-lg {
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: none;
border: 0;
border-radius: 0;
}
@@ -6246,7 +6246,7 @@ textarea.form-control-lg {
text-align: center;
opacity: .5;
background: none;
border: none;
border: 0;
justify-content: center;
align-items: center;
padding: 0;
@@ -6266,7 +6266,7 @@ textarea.form-control-lg {
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
color: #fff;
opacity: .9;
outline: none;
outline: 0;
text-decoration: none;
}
@@ -6320,8 +6320,8 @@ textarea.form-control-lg {
background-color: #fff;
background-clip: padding-box;
border: 10px solid #0000;
border-left: none;
border-right: none;
border-left: 0;
border-right: 0;
flex: 0 auto;
margin-left: 3px;
margin-right: 3px;
@@ -6424,7 +6424,7 @@ textarea.form-control-lg {
visibility: hidden;
background-color: #fff;
background-clip: padding-box;
outline: none;
outline: 0;
flex-direction: column;
transition: transform .3s ease-in-out;
display: flex;
@@ -6756,7 +6756,7 @@ textarea.form-control-lg {
height: 1px !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: none !important;
border: 0 !important;
margin: -1px !important;
padding: 0 !important;
position: absolute !important;
@@ -6998,7 +6998,7 @@ textarea.form-control-lg {
}
.border-0 {
border: none !important;
border: 0 !important;
}
.border-top {
@@ -7006,7 +7006,7 @@ textarea.form-control-lg {
}
.border-top-0 {
border-top: none !important;
border-top: 0 !important;
}
.border-end {
@@ -7014,7 +7014,7 @@ textarea.form-control-lg {
}
.border-end-0 {
border-right: none !important;
border-right: 0 !important;
}
.border-bottom {
@@ -7022,7 +7022,7 @@ textarea.form-control-lg {
}
.border-bottom-0 {
border-bottom: none !important;
border-bottom: 0 !important;
}
.border-start {
@@ -7030,7 +7030,7 @@ textarea.form-control-lg {
}
.border-start-0 {
border-left: none !important;
border-left: 0 !important;
}
.border-primary {

2
dist/index.c6328105.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
dist/index.c6328105.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
dist/index.f18b6a6c.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
dist/index.f18b6a6c.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

54
dist/index.html vendored
View File

@@ -1,53 +1 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="icon" href="/favicon.824cf0c5.ico" type="image/x-icon">
<link rel="stylesheet" href="/index.b10d73a7.css">
<script src="/index.739bf03c.js" defer=""></script>
</head>
<body>
<header class="hero">
<div class="header-top">
<div class="header-logo">
<a href="/"></a><img src="/logo.0d5ec2af.svg" alt="Logo">
</div>
<nav class="header-nav">
<a href="">hello</a>
<a href="">hello</a>
<a href="">hello</a>
<a href="">hello</a>
<a href="">hello</a>
</nav>
<svg viewbox="0 0 100 100" class="nav-burger-btn">
<rect y="10"></rect>
<rect y="43"></rect>
<rect y="75"></rect>
</svg>
</div>
<div class="header-hero">
<img src="/hero.4243088c.jpg" alt="">
</div>
</header>
<main>
<section id="root">
<div class="spinner-grow text-primary" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</section>
<section class="main-colour">hello</section>
<section class="hero">WOW!</section>
<section class="second-colour">some text</section>
<section>some more text</section>
</main>
<footer>
<div>hello</div>
<div>ddf</div>
<div></div>
<div></div>
</footer>
</body>
</html>
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="icon" href="favicon.bae4c810.ico" type="image/x-icon"><link rel="stylesheet" href="index.96ce32af.css"><script src="index.f18b6a6c.js" defer></script></head><body> <header class="hero"> <div class="header-top"> <div class="header-logo"> <a href="/"></a><img src="logo.43a038e0.svg" alt="Logo"> </div> <nav class="header-nav"> <a href="">hello</a> <a href="">hello</a> <a href="">hello</a> <a href="">hello</a> <a href="">hello</a> </nav> <svg class="nav-burger-btn" viewBox="0 0 100 100"><rect y="10"/><rect y="43"/><rect y="75"/></svg> </div> <div class="header-hero"> <img src="hero.fd4c26f1.jpg" alt=""> </div> </header> <main> <section id="root"> </section> <section class="main-colour">hello</section> <section class="hero">WOW!</section> <section class="second-colour">some text</section> <section>some more text</section> </main> <footer> <div>hello</div> <div>ddf</div> <div></div> <div></div> </footer> </body></html>

1
dist/logo.43a038e0.svg vendored Normal file
View File

@@ -0,0 +1 @@
<svg viewBox="0 0 494 159" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-.535 -2.098)"><circle style="fill:#00a0dd" cx="22.959" cy="82.112" r="21.424"/><path style="fill:#00a0dd" d="M20.567 100.052h4.325v61.046h-4.325z"/></g><path d="M128.911 73.498h-56.15v-14.87h4.54v-40.82h-4.54V2.938h38.28v14.87h-8.34v40.82h8.16v-8.35h18.05v23.22Zm37.181 1.27c-11.067 0-19.61-2.903-25.63-8.71-6.014-5.8-9.02-15.08-9.02-27.84s3.006-22.043 9.02-27.85c6.02-5.8 14.563-8.7 25.63-8.7 11.066 0 19.606 2.9 25.62 8.7 6.013 5.807 9.02 15.09 9.02 27.85 0 12.76-3.007 22.04-9.02 27.84-6.014 5.807-14.554 8.71-25.62 8.71Zm0-16.14c2.053 0 3.593-.547 4.62-1.64 1.026-1.087 1.54-2.78 1.54-5.08v-27.39c0-2.293-.514-3.987-1.54-5.08-1.027-1.087-2.567-1.63-4.62-1.63-2.06 0-3.604.543-4.63 1.63-1.027 1.093-1.54 2.787-1.54 5.08v27.39c0 2.36.513 4.07 1.54 5.13 1.026 1.06 2.57 1.59 4.63 1.59Zm74.002-40.82V2.938h30.29v14.87h-3.63l-16.23 55.69h-29.39l-16.23-55.69h-3.63V2.938h34.83v14.87h-4.72l6.26 30.38h.91l6.25-30.38h-4.71Zm94.412 55.69h-61.23v-14.87h4.54v-40.82h-4.54V2.938h61.23v27.39h-20.32v-12.52h-10.97v14.33h7.98v10.34h-7.98v16.15h10.97v-14.34h20.32v29.21Zm59.582 0h-56.15v-14.87h4.54v-40.82h-4.54V2.938h38.28v14.87h-8.34v40.82h8.16v-8.35h18.05v23.22Zm28.199-55.69V2.938h27.84v14.87h-3.62l-17.51 31.38v9.44h4.54v14.87h-34.47v-14.87h4.54v-9.44l-18.05-31.38h-3.63V2.938h35.1v14.87h-3.18l5.36 14.06h.9l5.35-14.06h-3.17ZM101.551 159.446c-6.047 0-11.09-1.327-15.13-3.98-4.047-2.647-7.083-6.277-9.11-10.89-2.033-4.607-3.05-9.837-3.05-15.69v-.87c0-5.907 1.063-11.157 3.19-15.75 2.127-4.6 5.177-8.223 9.15-10.87 3.973-2.653 8.723-3.98 14.25-3.98 3.887 0 7.447.607 10.68 1.82 3.227 1.22 5.903 2.767 8.03 4.64v13h-6.5l-.87-9.52a12.897 12.897 0 0 0-3.04-1.74c-1.147-.467-2.417-.827-3.81-1.08-1.393-.247-2.907-.37-4.54-.37-3.947 0-7.287 1.017-10.02 3.05-2.733 2.027-4.803 4.82-6.21 8.38-1.407 3.56-2.11 7.673-2.11 12.34v.95c0 5.053.753 9.367 2.26 12.94 1.5 3.573 3.693 6.3 6.58 8.18 2.887 1.873 6.4 2.81 10.54 2.81a23.04 23.04 0 0 0 5.67-.7c1.853-.467 3.387-1.073 4.6-1.82l.91-8.41h6.38v13.09c-2.267 1.407-4.973 2.503-8.12 3.29a39.951 39.951 0 0 1-9.73 1.18Zm50.763 0c-3.894 0-7.387-.747-10.48-2.24-3.087-1.487-5.714-3.59-7.88-6.31-2.167-2.72-3.824-5.943-4.97-9.67-1.147-3.727-1.72-7.84-1.72-12.34v-.87c0-4.473.573-8.58 1.72-12.32 1.146-3.74 2.803-6.977 4.97-9.71 2.166-2.733 4.793-4.843 7.88-6.33 3.093-1.493 6.586-2.24 10.48-2.24 4.113 0 7.73.747 10.85 2.24a21.377 21.377 0 0 1 7.84 6.33c2.113 2.733 3.71 5.97 4.79 9.71 1.073 3.74 1.61 7.847 1.61 12.32v.87c0 4.5-.537 8.613-1.61 12.34-1.08 3.727-2.677 6.95-4.79 9.67a21.457 21.457 0 0 1-7.84 6.31c-3.12 1.493-6.737 2.24-10.85 2.24Zm0-6.79c4 0 7.236-.993 9.71-2.98 2.466-1.987 4.28-4.77 5.44-8.35 1.16-3.573 1.74-7.72 1.74-12.44v-.95c0-4.693-.587-8.813-1.76-12.36-1.174-3.547-3-6.32-5.48-8.32-2.487-2-5.704-3-9.65-3-3.62 0-6.684 1.007-9.19 3.02-2.514 2.013-4.42 4.793-5.72 8.34-1.294 3.547-1.94 7.653-1.94 12.32v.95c0 4.693.646 8.827 1.94 12.4 1.3 3.58 3.206 6.37 5.72 8.37 2.506 2 5.57 3 9.19 3Zm53.538 5.92h-21.66v-5.22l6.75-1.16v-47.49l-6.75-1.16v-5.26h17.64l19.42 45.76h.25l18.8-45.76h18.17v5.26l-6.74 1.16v47.49l6.74 1.16v5.22h-21.65v-5.22l7.12-1.16V109.426l-.21-.04-19.58 47.04h-5.43l-20.24-46.96-.21.04.29 25.22v17.47l7.29 1.16v5.22Zm81.525 0h-21.66v-5.22l6.75-1.16v-47.49l-6.75-1.16v-5.26h27.7c4.306 0 7.98.753 11.02 2.26 3.033 1.507 5.35 3.61 6.95 6.31 1.606 2.707 2.41 5.87 2.41 9.49 0 3.64-.804 6.813-2.41 9.52-1.6 2.707-3.917 4.803-6.95 6.29-3.04 1.493-6.714 2.24-11.02 2.24h-12.79v17.8l6.75 1.16v5.22Zm-6.75-53.87v23.31h12.79c4.086 0 7.146-1.097 9.18-3.29 2.026-2.193 3.04-4.96 3.04-8.3 0-3.34-1.014-6.13-3.04-8.37-2.034-2.233-5.094-3.35-9.18-3.35h-12.79Zm46.493 53.87h-17.26v-5.22l4.47-.62 21.08-54.45h6.99l20.71 54.45 4.43.62v5.22h-17.31v-5.22l4.55-.78-3.97-11.1h-24.14l-4.1 11.1 4.55.78v5.22Zm11.1-48.45-9.02 24.52h19.12l-8.86-24.52-.49-1.36h-.25l-.5 1.36Zm57.304 48.45h-21.65v-5.22l6.75-1.16v-47.49l-6.75-1.16v-5.26h14.99l29.56 47 .25-.08v-40.5l-7.41-1.16v-5.26h21.65v5.26l-6.75 1.16v53.87h-7.45l-30.35-47.24-.25.08v40.78l7.41 1.16v5.22Zm80.738 0h-21.61v-5.22l6.75-1.16v-15.57l-18.55-32.29-4.97-.79v-5.26h20.79v5.26l-6.88.79 12.8 23.68.87 1.62.04-.09.83-1.53 13.41-23.68-7.12-.79v-5.26h20.37v5.26l-5.26.79-18.21 31.67v16.19l6.74 1.16v5.22Z" style="fill:#333;white-space:pre" transform="translate(0 -1.668)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

3984
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

16
package.json
View File

@@ -5,18 +5,20 @@
"browserslist": "> 0.5%, last 2 versions, not dead",
"scripts": {
"dev": "parcel",
"build": "parcel build"
"build": "parcel build --no-scope-hoist --public-url ./"
},
"author": "Ian Hitchman",
"license": "UNLICENSED",
"devDependencies": {
"@parcel/transformer-sass": "^2.4.1",
"parcel": "^2.4.1"
"@parcel/packager-raw-url": "^2.5.0",
"@parcel/resolver-glob": "^2.5.0",
"@parcel/transformer-inline-string": "^2.5.0",
"@parcel/transformer-sass": "^2.5.0",
"@parcel/transformer-webmanifest": "^2.5.0",
"parcel": "^2.5.0",
"parcel-reporter-static-files-copy": "^1.3.4",
"parcel-transformer-svelte": "^1.2.3"
},
"dependencies": {
"@popperjs/core": "^2.11.5",
"bootstrap": "^5.1.3",
"react": "^17.0.2",
"react-dom": "^17.0.02"
}
}

4
src/index.html
View File

@@ -34,9 +34,7 @@
</header>
<main>
<section id="root">
<div class="spinner-grow text-primary" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</section>
<section class="main-colour">hello</section>
<section class="hero">WOW!</section>

49
src/js/index.js
View File

@@ -1,6 +1,11 @@
// Import all Bootstrap plugins, or select individually
import * as bootstrap from "bootstrap";
import ReactDOM from "react-dom";
import Test from "./test.svelte";
const test = new Test({
target: document.getElementById("root"),
});
document.body.onscroll = function () {
let header = document.querySelector("header");
@@ -19,26 +24,26 @@ document.querySelector(".nav-burger-btn").onclick = function (e) {
return false;
};
const App = () => {
return (
<>
<h1>Page title</h1>
<h2>Subheading title</h2>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cum,
consequuntur sint similique dolorum consectetur molestiae quo culpa
odit, perspiciatis laboriosam iusto. In earum quam repellat autem,
maiores tempora ex perferendis.
</p>
<h2>Subheading title</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse officia
velit explicabo ratione labore, nesciunt fuga aliquam. Dolore ipsam odio
minima laboriosam maiores, blanditiis, eligendi enim aspernatur, tempore
minus sequi.
</p>
</>
);
};
// const App = () => {
// return (
// <>
// <h1>Page title</h1>
// <h2>Subheading title</h2>
// <p>
// Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cum,
// consequuntur sint similique dolorum consectetur molestiae quo culpa
// odit, perspiciatis laboriosam iusto. In earum quam repellat autem,
// maiores tempora ex perferendis.
// </p>
// <h2>Subheading title</h2>
// <p>
// Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse officia
// velit explicabo ratione labore, nesciunt fuga aliquam. Dolore ipsam odio
// minima laboriosam maiores, blanditiis, eligendi enim aspernatur, tempore
// minus sequi.
// </p>
// </>
// );
// };
ReactDOM.render(<App />, document.getElementById("root"));
// ReactDOM.render(<App />, document.getElementById("root"));

9
src/js/test.svelte Normal file
View File

@@ -0,0 +1,9 @@
<script>
let name = "Barry";
const toggleName = () => {
name = name === "Barry" ? "Paul" : "Barry";
}
</script>
<h1>Hi there {name}!</h1>
<button on:click={toggleName}>Change name</button>