Finish header & footer
This commit is contained in:
parent
99d0c69ccd
commit
6775857169
8 changed files with 464 additions and 41 deletions
11
.eleventy.js
11
.eleventy.js
|
@ -17,9 +17,20 @@ module.exports = function (eleventyConfig) {
|
||||||
fs.writeFile(cssDest, res.css, () => true)
|
fs.writeFile(cssDest, res.css, () => true)
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
await require('esbuild').build({
|
||||||
|
entryPoints: ['src/js/main.js'],
|
||||||
|
bundle: true,
|
||||||
|
minify: true,
|
||||||
|
target: 'es2020',
|
||||||
|
outfile: 'dist/main.js',
|
||||||
|
})
|
||||||
|
.then(() => console.log('🧳 esbuild done'))
|
||||||
|
.catch(() => process.exit(1))
|
||||||
})
|
})
|
||||||
|
|
||||||
eleventyConfig.addWatchTarget('./src/style/')
|
eleventyConfig.addWatchTarget('./src/style/')
|
||||||
|
eleventyConfig.addWatchTarget('./src/js/')
|
||||||
|
|
||||||
eleventyConfig.addPlugin(require('eleventy-plugin-automatic-noopener'), {
|
eleventyConfig.addPlugin(require('eleventy-plugin-automatic-noopener'), {
|
||||||
noreferrer: true,
|
noreferrer: true,
|
||||||
|
|
390
package-lock.json
generated
390
package-lock.json
generated
|
@ -17,6 +17,7 @@
|
||||||
"circletype": "^2.3.0",
|
"circletype": "^2.3.0",
|
||||||
"cssnano": "^6.0.1",
|
"cssnano": "^6.0.1",
|
||||||
"eleventy-plugin-automatic-noopener": "^2.0.2",
|
"eleventy-plugin-automatic-noopener": "^2.0.2",
|
||||||
|
"esbuild": "^0.18.11",
|
||||||
"postcss": "^8.4.24",
|
"postcss": "^8.4.24",
|
||||||
"postcss-import": "^15.1.0",
|
"postcss-import": "^15.1.0",
|
||||||
"postcss-import-ext-glob": "^2.1.1",
|
"postcss-import-ext-glob": "^2.1.1",
|
||||||
|
@ -972,6 +973,358 @@
|
||||||
"postcss-selector-parser": "^6.0.10"
|
"postcss-selector-parser": "^6.0.10"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@esbuild/android-arm": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-q4qlUf5ucwbUJZXF5tEQ8LF7y0Nk4P58hOsGk3ucY0oCwgQqAnqXVbUuahCddVHfrxmpyewRpiTHwVHIETYu7Q==",
|
||||||
|
"cpu": [
|
||||||
|
"arm"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"android"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/android-arm64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-snieiq75Z1z5LJX9cduSAjUr7vEI1OdlzFPMw0HH5YI7qQHDd3qs+WZoMrWYDsfRJSq36lIA6mfZBkvL46KoIw==",
|
||||||
|
"cpu": [
|
||||||
|
"arm64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"android"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/android-x64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-iPuoxQEV34+hTF6FT7om+Qwziv1U519lEOvekXO9zaMMlT9+XneAhKL32DW3H7okrCOBQ44BMihE8dclbZtTuw==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"android"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/darwin-arm64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-Gm0QkI3k402OpfMKyQEEMG0RuW2LQsSmI6OeO4El2ojJMoF5NLYb3qMIjvbG/lbMeLOGiW6ooU8xqc+S0fgz2w==",
|
||||||
|
"cpu": [
|
||||||
|
"arm64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"darwin"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/darwin-x64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-N15Vzy0YNHu6cfyDOjiyfJlRJCB/ngKOAvoBf1qybG3eOq0SL2Lutzz9N7DYUbb7Q23XtHPn6lMDF6uWbGv9Fw==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"darwin"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/freebsd-arm64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-atEyuq6a3omEY5qAh5jIORWk8MzFnCpSTUruBgeyN9jZq1K/QI9uke0ATi3MHu4L8c59CnIi4+1jDKMuqmR71A==",
|
||||||
|
"cpu": [
|
||||||
|
"arm64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"freebsd"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/freebsd-x64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-XtuPrEfBj/YYYnAAB7KcorzzpGTvOr/dTtXPGesRfmflqhA4LMF0Gh/n5+a9JBzPuJ+CGk17CA++Hmr1F/gI0Q==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"freebsd"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/linux-arm": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-Idipz+Taso/toi2ETugShXjQ3S59b6m62KmLHkJlSq/cBejixmIydqrtM2XTvNCywFl3VC7SreSf6NV0i6sRyg==",
|
||||||
|
"cpu": [
|
||||||
|
"arm"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/linux-arm64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-c6Vh2WS9VFKxKZ2TvJdA7gdy0n6eSy+yunBvv4aqNCEhSWVor1TU43wNRp2YLO9Vng2G+W94aRz+ILDSwAiYog==",
|
||||||
|
"cpu": [
|
||||||
|
"arm64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/linux-ia32": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-S3hkIF6KUqRh9n1Q0dSyYcWmcVa9Cg+mSoZEfFuzoYXXsk6196qndrM+ZiHNwpZKi3XOXpShZZ+9dfN5ykqjjw==",
|
||||||
|
"cpu": [
|
||||||
|
"ia32"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/linux-loong64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-MRESANOoObQINBA+RMZW+Z0TJWpibtE7cPFnahzyQHDCA9X9LOmGh68MVimZlM9J8n5Ia8lU773te6O3ILW8kw==",
|
||||||
|
"cpu": [
|
||||||
|
"loong64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/linux-mips64el": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-qVyPIZrXNMOLYegtD1u8EBccCrBVshxMrn5MkuFc3mEVsw7CCQHaqZ4jm9hbn4gWY95XFnb7i4SsT3eflxZsUg==",
|
||||||
|
"cpu": [
|
||||||
|
"mips64el"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/linux-ppc64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-T3yd8vJXfPirZaUOoA9D2ZjxZX4Gr3QuC3GztBJA6PklLotc/7sXTOuuRkhE9W/5JvJP/K9b99ayPNAD+R+4qQ==",
|
||||||
|
"cpu": [
|
||||||
|
"ppc64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/linux-riscv64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-evUoRPWiwuFk++snjH9e2cAjF5VVSTj+Dnf+rkO/Q20tRqv+644279TZlPK8nUGunjPAtQRCj1jQkDAvL6rm2w==",
|
||||||
|
"cpu": [
|
||||||
|
"riscv64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/linux-s390x": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-/SlRJ15XR6i93gRWquRxYCfhTeC5PdqEapKoLbX63PLCmAkXZHY2uQm2l9bN0oPHBsOw2IswRZctMYS0MijFcg==",
|
||||||
|
"cpu": [
|
||||||
|
"s390x"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/linux-x64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-xcncej+wF16WEmIwPtCHi0qmx1FweBqgsRtEL1mSHLFR6/mb3GEZfLQnx+pUDfRDEM4DQF8dpXIW7eDOZl1IbA==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/netbsd-x64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-aSjMHj/F7BuS1CptSXNg6S3M4F3bLp5wfFPIJM+Km2NfIVfFKhdmfHF9frhiCLIGVzDziggqWll0B+9AUbud/Q==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"netbsd"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/openbsd-x64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-tNBq+6XIBZtht0xJGv7IBB5XaSyvYPCm1PxJ33zLQONdZoLVM0bgGqUrXnJyiEguD9LU4AHiu+GCXy/Hm9LsdQ==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"openbsd"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/sunos-x64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-kxfbDOrH4dHuAAOhr7D7EqaYf+W45LsAOOhAet99EyuxxQmjbk8M9N4ezHcEiCYPaiW8Dj3K26Z2V17Gt6p3ng==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"sunos"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/win32-arm64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-Sh0dDRyk1Xi348idbal7lZyfSkjhJsdFeuC13zqdipsvMetlGiFQNdO+Yfp6f6B4FbyQm7qsk16yaZk25LChzg==",
|
||||||
|
"cpu": [
|
||||||
|
"arm64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"win32"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/win32-ia32": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-o9JUIKF1j0rqJTFbIoF4bXj6rvrTZYOrfRcGyL0Vm5uJ/j5CkBD/51tpdxe9lXEDouhRgdr/BYzUrDOvrWwJpg==",
|
||||||
|
"cpu": [
|
||||||
|
"ia32"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"win32"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@esbuild/win32-x64": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-rQI4cjLHd2hGsM1LqgDI7oOCYbQ6IBOVsX9ejuRMSze0GqXUG2ekwiKkiBU1pRGSeCqFFHxTrcEydB2Hyoz9CA==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"dev": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"win32"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@iarna/toml": {
|
"node_modules/@iarna/toml": {
|
||||||
"version": "2.2.5",
|
"version": "2.2.5",
|
||||||
"resolved": "https://registry.npmjs.org/@iarna/toml/-/toml-2.2.5.tgz",
|
"resolved": "https://registry.npmjs.org/@iarna/toml/-/toml-2.2.5.tgz",
|
||||||
|
@ -2269,6 +2622,43 @@
|
||||||
"is-arrayish": "^0.2.1"
|
"is-arrayish": "^0.2.1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/esbuild": {
|
||||||
|
"version": "0.18.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.11.tgz",
|
||||||
|
"integrity": "sha512-i8u6mQF0JKJUlGR3OdFLKldJQMMs8OqM9Cc3UCi9XXziJ9WERM5bfkHaEAy0YAvPRMgqSW55W7xYn84XtEFTtA==",
|
||||||
|
"dev": true,
|
||||||
|
"hasInstallScript": true,
|
||||||
|
"bin": {
|
||||||
|
"esbuild": "bin/esbuild"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
},
|
||||||
|
"optionalDependencies": {
|
||||||
|
"@esbuild/android-arm": "0.18.11",
|
||||||
|
"@esbuild/android-arm64": "0.18.11",
|
||||||
|
"@esbuild/android-x64": "0.18.11",
|
||||||
|
"@esbuild/darwin-arm64": "0.18.11",
|
||||||
|
"@esbuild/darwin-x64": "0.18.11",
|
||||||
|
"@esbuild/freebsd-arm64": "0.18.11",
|
||||||
|
"@esbuild/freebsd-x64": "0.18.11",
|
||||||
|
"@esbuild/linux-arm": "0.18.11",
|
||||||
|
"@esbuild/linux-arm64": "0.18.11",
|
||||||
|
"@esbuild/linux-ia32": "0.18.11",
|
||||||
|
"@esbuild/linux-loong64": "0.18.11",
|
||||||
|
"@esbuild/linux-mips64el": "0.18.11",
|
||||||
|
"@esbuild/linux-ppc64": "0.18.11",
|
||||||
|
"@esbuild/linux-riscv64": "0.18.11",
|
||||||
|
"@esbuild/linux-s390x": "0.18.11",
|
||||||
|
"@esbuild/linux-x64": "0.18.11",
|
||||||
|
"@esbuild/netbsd-x64": "0.18.11",
|
||||||
|
"@esbuild/openbsd-x64": "0.18.11",
|
||||||
|
"@esbuild/sunos-x64": "0.18.11",
|
||||||
|
"@esbuild/win32-arm64": "0.18.11",
|
||||||
|
"@esbuild/win32-ia32": "0.18.11",
|
||||||
|
"@esbuild/win32-x64": "0.18.11"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/escalade": {
|
"node_modules/escalade": {
|
||||||
"version": "3.1.1",
|
"version": "3.1.1",
|
||||||
"resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
|
||||||
|
|
|
@ -16,6 +16,7 @@
|
||||||
"circletype": "^2.3.0",
|
"circletype": "^2.3.0",
|
||||||
"cssnano": "^6.0.1",
|
"cssnano": "^6.0.1",
|
||||||
"eleventy-plugin-automatic-noopener": "^2.0.2",
|
"eleventy-plugin-automatic-noopener": "^2.0.2",
|
||||||
|
"esbuild": "^0.18.11",
|
||||||
"postcss": "^8.4.24",
|
"postcss": "^8.4.24",
|
||||||
"postcss-import": "^15.1.0",
|
"postcss-import": "^15.1.0",
|
||||||
"postcss-import-ext-glob": "^2.1.1",
|
"postcss-import-ext-glob": "^2.1.1",
|
||||||
|
|
|
@ -7,21 +7,27 @@
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<title>Marley Rae</title>
|
<title>Marley Rae</title>
|
||||||
|
|
||||||
|
<link rel="preconnect" href="https://fonts.bunny.net">
|
||||||
|
<link href="https://fonts.bunny.net/css?family=delius-swash-caps:400"
|
||||||
|
rel="stylesheet"/>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/style.css">
|
<link rel="stylesheet" href="/style.css">
|
||||||
|
<script src="/main.js" type="module"></script>
|
||||||
</head>
|
</head>
|
||||||
<body class="Body">
|
<body class="Body">
|
||||||
|
|
||||||
<div class="Site">
|
<div class="Site">
|
||||||
|
|
||||||
<header class="Header">
|
<header class="Header">
|
||||||
|
<h1 class="Header-title" id="headerTitle">Marley Rae</h1>
|
||||||
|
<div class="Header-email">marleyrae@protonmail.com</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main class="Main">
|
<main class="Main">
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer class="Footer">
|
<footer class="Footer" id="footer">
|
||||||
© 2023
|
© 2023
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|
4
src/js/main.js
Normal file
4
src/js/main.js
Normal file
|
@ -0,0 +1,4 @@
|
||||||
|
import CircleType from 'circletype'
|
||||||
|
|
||||||
|
new CircleType(document.getElementById('footer')).radius(250).dir(-1)
|
||||||
|
new CircleType(document.getElementById('headerTitle')).radius(450)
|
|
@ -3,6 +3,8 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
font-family: 'Delius Swash Caps', handwriting, sans-serif;
|
||||||
|
font-size: var(--t-step-0);
|
||||||
background: var(--c-purple);
|
background: var(--c-purple);
|
||||||
background: linear-gradient(135deg, var(--c-purple) 0%, var(--c-pink) 100%);
|
background: linear-gradient(135deg, var(--c-purple) 0%, var(--c-pink) 100%);
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,4 +2,13 @@
|
||||||
.Header {
|
.Header {
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.Header-title {
|
||||||
|
font-size: var(--t-step-5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.Header-email {
|
||||||
|
font-size: var(--t-step--1);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -9,51 +9,51 @@
|
||||||
\* -------------------------------------------------------------------------- */
|
\* -------------------------------------------------------------------------- */
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--c-pink: hsl(329deg 86% 70%);
|
--c-pink: hsl(329deg 86% 70%);
|
||||||
--c-purple: hsl(270deg 95% 75%);
|
--c-purple: hsl(270deg 95% 75%);
|
||||||
--c-neutral: hsl(220deg 16% 96%);
|
--c-neutral: hsl(220deg 16% 96%);
|
||||||
|
|
||||||
/* -------------------------------------------------------------------------- *\
|
/* ------------------------------------------------------------------------ *\
|
||||||
&type sizing
|
&type sizing
|
||||||
\* -------------------------------------------------------------------------- */
|
\* ------------------------------------------------------------------------ */
|
||||||
|
|
||||||
/* @link https://utopia.fyi/type/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
|
/* @link https://utopia.fyi/type/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
|
||||||
|
|
||||||
--t-step--2: clamp(0.78rem, calc(0.77rem + 0.03vw), 0.80rem);
|
--t-step--2: clamp(0.78rem, calc(0.77rem + 0.03vw), 0.80rem);
|
||||||
--t-step--1: clamp(0.94rem, calc(0.92rem + 0.11vw), 1.00rem);
|
--t-step--1: clamp(0.94rem, calc(0.92rem + 0.11vw), 1.00rem);
|
||||||
--t-step-0: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.25rem);
|
--t-step-0: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.25rem);
|
||||||
--t-step-1: clamp(1.35rem, calc(1.28rem + 0.37vw), 1.56rem);
|
--t-step-1: clamp(1.35rem, calc(1.28rem + 0.37vw), 1.56rem);
|
||||||
--t-step-2: clamp(1.62rem, calc(1.50rem + 0.58vw), 1.95rem);
|
--t-step-2: clamp(1.62rem, calc(1.50rem + 0.58vw), 1.95rem);
|
||||||
--t-step-3: clamp(1.94rem, calc(1.77rem + 0.87vw), 2.44rem);
|
--t-step-3: clamp(1.94rem, calc(1.77rem + 0.87vw), 2.44rem);
|
||||||
--t-step-4: clamp(2.33rem, calc(2.08rem + 1.25vw), 3.05rem);
|
--t-step-4: clamp(2.33rem, calc(2.08rem + 1.25vw), 3.05rem);
|
||||||
--t-step-5: clamp(2.80rem, calc(2.45rem + 1.77vw), 3.82rem);
|
--t-step-5: clamp(2.80rem, calc(2.45rem + 1.77vw), 3.82rem);
|
||||||
|
|
||||||
/* -------------------------------------------------------------------------- *\
|
/* ------------------------------------------------------------------------ *\
|
||||||
&spacers
|
&spacers
|
||||||
\* -------------------------------------------------------------------------- */
|
\* ------------------------------------------------------------------------ */
|
||||||
|
|
||||||
/* @link https://utopia.fyi/space/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
|
/* @link https://utopia.fyi/space/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
|
||||||
|
|
||||||
--space-3xs: clamp(0.31rem, calc(0.31rem + 0.00vw), 0.31rem);
|
--space-3xs: clamp(0.31rem, calc(0.31rem + 0.00vw), 0.31rem);
|
||||||
--space-2xs: clamp(0.56rem, calc(0.54rem + 0.11vw), 0.63rem);
|
--space-2xs: clamp(0.56rem, calc(0.54rem + 0.11vw), 0.63rem);
|
||||||
--space-xs: clamp(0.88rem, calc(0.85rem + 0.11vw), 0.94rem);
|
--space-xs: clamp(0.88rem, calc(0.85rem + 0.11vw), 0.94rem);
|
||||||
--space-s: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.25rem);
|
--space-s: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.25rem);
|
||||||
--space-m: clamp(1.69rem, calc(1.62rem + 0.33vw), 1.88rem);
|
--space-m: clamp(1.69rem, calc(1.62rem + 0.33vw), 1.88rem);
|
||||||
--space-l: clamp(2.25rem, calc(2.16rem + 0.43vw), 2.50rem);
|
--space-l: clamp(2.25rem, calc(2.16rem + 0.43vw), 2.50rem);
|
||||||
--space-xl: clamp(3.38rem, calc(3.24rem + 0.65vw), 3.75rem);
|
--space-xl: clamp(3.38rem, calc(3.24rem + 0.65vw), 3.75rem);
|
||||||
--space-2xl: clamp(4.50rem, calc(4.33rem + 0.87vw), 5.00rem);
|
--space-2xl: clamp(4.50rem, calc(4.33rem + 0.87vw), 5.00rem);
|
||||||
--space-3xl: clamp(6.75rem, calc(6.49rem + 1.30vw), 7.50rem);
|
--space-3xl: clamp(6.75rem, calc(6.49rem + 1.30vw), 7.50rem);
|
||||||
|
|
||||||
/* One-up pairs */
|
/* One-up pairs */
|
||||||
--space-3xs-2xs: clamp(0.31rem, calc(0.20rem + 0.54vw), 0.63rem);
|
--space-3xs-2xs: clamp(0.31rem, calc(0.20rem + 0.54vw), 0.63rem);
|
||||||
--space-2xs-xs: clamp(0.56rem, calc(0.43rem + 0.65vw), 0.94rem);
|
--space-2xs-xs: clamp(0.56rem, calc(0.43rem + 0.65vw), 0.94rem);
|
||||||
--space-xs-s: clamp(0.88rem, calc(0.74rem + 0.65vw), 1.25rem);
|
--space-xs-s: clamp(0.88rem, calc(0.74rem + 0.65vw), 1.25rem);
|
||||||
--space-s-m: clamp(1.13rem, calc(0.86rem + 1.30vw), 1.88rem);
|
--space-s-m: clamp(1.13rem, calc(0.86rem + 1.30vw), 1.88rem);
|
||||||
--space-m-l: clamp(1.69rem, calc(1.40rem + 1.41vw), 2.50rem);
|
--space-m-l: clamp(1.69rem, calc(1.40rem + 1.41vw), 2.50rem);
|
||||||
--space-l-xl: clamp(2.25rem, calc(1.73rem + 2.61vw), 3.75rem);
|
--space-l-xl: clamp(2.25rem, calc(1.73rem + 2.61vw), 3.75rem);
|
||||||
--space-xl-2xl: clamp(3.38rem, calc(2.81rem + 2.83vw), 5.00rem);
|
--space-xl-2xl: clamp(3.38rem, calc(2.81rem + 2.83vw), 5.00rem);
|
||||||
--space-2xl-3xl: clamp(4.50rem, calc(3.46rem + 5.22vw), 7.50rem);
|
--space-2xl-3xl: clamp(4.50rem, calc(3.46rem + 5.22vw), 7.50rem);
|
||||||
|
|
||||||
/* Custom pairs */
|
/* Custom pairs */
|
||||||
--space-s-l: clamp(1.13rem, calc(0.65rem + 2.39vw), 2.50rem);
|
--space-s-l: clamp(1.13rem, calc(0.65rem + 2.39vw), 2.50rem);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue