From a1d9d86c231d5c92cea626db01984eeb6567de8f Mon Sep 17 00:00:00 2001 From: Dan Jones Date: Wed, 21 Dec 2022 21:12:31 -0600 Subject: [PATCH] =?UTF-8?q?=E2=9E=95=20add=20bootstrap=20and=20line=20icon?= =?UTF-8?q?s?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Makefile | 8 +++++++- config.toml | 1 + index.html | 14 +++++++++++++- package.json | 1 + scss/style.scss | 28 ++++++++++++++++++++++++++++ 5 files changed, 50 insertions(+), 2 deletions(-) diff --git a/Makefile b/Makefile index cc8b31e..57f411f 100644 --- a/Makefile +++ b/Makefile @@ -1,5 +1,11 @@ build/index.html: build/style.css index.html config.toml compile.js node compile.js -build/style.css: scss/style.scss +build/style.css: scss/style.scss node_modules/bootstrap/scss/_root.scss npx sass $< $@ + +node_modules/bootstrap/scss/_root.scss: package-lock.json + npm ci + +package-lock.json: package.json + npm install diff --git a/config.toml b/config.toml index 6a252af..7a12544 100644 --- a/config.toml +++ b/config.toml @@ -1 +1,2 @@ title = "Dan Jones's Links" +name = "Dan Jones" diff --git a/index.html b/index.html index fb567e3..d5c269c 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,19 @@ + {{title}} + + - + +
+
+

+ {{name}} +

+
+
+ + diff --git a/package.json b/package.json index 3b34f0f..e2c0e45 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "license": "AGPL-3.0-or-later", "dependencies": { "@ltd/j-toml": "^1.36.0", + "bootstrap": "^5.2.3", "mustache": "^4.2.0", "sass": "^1.57.1" } diff --git a/scss/style.scss b/scss/style.scss index e69de29..fe83935 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -0,0 +1,28 @@ +// 1. Include functions first (so you can manipulate colors, SVGs, calc, etc) +@import "../node_modules/bootstrap/scss/functions"; + +// 2. Include any default variable overrides here + +// 3. Include remainder of required Bootstrap stylesheets +@import "../node_modules/bootstrap/scss/variables"; + +// 4. Include any default map overrides here + +// 5. Include remainder of required parts +@import "../node_modules/bootstrap/scss/maps"; +@import "../node_modules/bootstrap/scss/mixins"; +@import "../node_modules/bootstrap/scss/root"; + +// 6. Optionally include any other parts as needed +@import "../node_modules/bootstrap/scss/utilities"; +@import "../node_modules/bootstrap/scss/reboot"; +// @import "../node_modules/bootstrap/scss/type"; +// @import "../node_modules/bootstrap/scss/images"; +@import "../node_modules/bootstrap/scss/containers"; +@import "../node_modules/bootstrap/scss/grid"; +@import "../node_modules/bootstrap/scss/helpers"; + +// 7. Optionally include utilities API last to generate classes based on the Sass map in `_utilities.scss` +@import "../node_modules/bootstrap/scss/utilities/api"; + +// 8. Add additional custom code here