diff --git a/CHANGELOG.md b/CHANGELOG.md index 2955e7f..a29ea4b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12,6 +12,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). +## [Unreleased] + +### Changed +- The style has been entirely reworked using Bootstrap instead of Bulma + + ## [0.3.0] - 2023-08-25 ### Added @@ -23,6 +29,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - The local part cannot contain the separator - The HTML lang attribute is now set to the appropriate language + ## [0.2.0] - 2023-08-11 ### Added diff --git a/README.md b/README.md index 632e9a0..5038b78 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,10 @@ # Sub-Address KEy (SAKE) app -Web application that can be used to generate new sub-addresses as defined in the [Sub-Address KEy (SAKE) filter](https://github.com/breard-r/opensmtpd-filter-sake). +Web application that can be used to generate new sub-addresses as defined in the [Sub-Address KEy (SAKE) filter](https://git.what.tf/rodolphe/opensmtpd-filter-sake). ## Install -Download the build from [the latest released version](https://github.com/breard-r/sake-app/releases). Extract the archive and configure your web server to serve those files. +Download the build from [the latest released version](https://git.what.tf/rodolphe/sake-app/releases). Extract the archive and configure your web server to serve those files. That's it. The final build is plain HTML/CSS/JS with a few assets, therefore there is no back-end to configure. diff --git a/index.html b/index.html index 5a19f70..38cd1ce 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@ - + - + Sub-Address KEy diff --git a/package-lock.json b/package-lock.json index 7537039..c2150fb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,9 +10,10 @@ "license": "(MIT OR Apache-2.0)", "dependencies": { "@noble/hashes": "^1.3.1", + "@popperjs/core": "^2.11.8", "@vueuse/core": "^10.2.1", "base32-encode": "^2.0.0", - "bulma": "^0.9.4", + "bootstrap": "^5.3.2", "vue": "^3.3.4", "vue-i18n": "^9.2.2", "vue-qrcode-reader": "^5.1.0", @@ -583,6 +584,15 @@ "node": ">= 8" } }, + "node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, "node_modules/@rollup/pluginutils": { "version": "5.0.4", "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.4.tgz", @@ -907,6 +917,24 @@ "node": ">=8" } }, + "node_modules/bootstrap": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.2.tgz", + "integrity": "sha512-D32nmNWiQHo94BKHLmOrdjlL05q1c8oxbtBphQFb9Z5to6eGRDCm0QgeaZ4zFBHzfg2++rqa2JkqCcxDy0sH0g==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/twbs" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/bootstrap" + } + ], + "peerDependencies": { + "@popperjs/core": "^2.11.8" + } + }, "node_modules/braces": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", @@ -919,11 +947,6 @@ "node": ">=8" } }, - "node_modules/bulma": { - "version": "0.9.4", - "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.4.tgz", - "integrity": "sha512-86FlT5+1GrsgKbPLRRY7cGDg8fsJiP/jzTqXXVqiUZZ2aZT8uemEOHlU1CDU+TxklPEZ11HZNNWclRBBecP4CQ==" - }, "node_modules/chokidar": { "version": "3.5.3", "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", @@ -1523,9 +1546,9 @@ } }, "node_modules/sass": { - "version": "1.67.0", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.67.0.tgz", - "integrity": "sha512-SVrO9ZeX/QQyEGtuZYCVxoeAL5vGlYjJ9p4i4HFuekWl8y/LtJ7tJc10Z+ck1c8xOuoBm2MYzcLfTAffD0pl/A==", + "version": "1.68.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.68.0.tgz", + "integrity": "sha512-Lmj9lM/fef0nQswm1J2HJcEsBUba4wgNx2fea6yJHODREoMFnwRpZydBnX/RjyXw2REIwdkbqE4hrTo4qfDBUA==", "dev": true, "dependencies": { "chokidar": ">=3.0.0 <4.0.0", @@ -1733,9 +1756,9 @@ } }, "node_modules/vue-router": { - "version": "4.2.4", - "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.2.4.tgz", - "integrity": "sha512-9PISkmaCO02OzPVOMq2w82ilty6+xJmQrarYZDkjZBfl4RvYAlt4PKnEX21oW4KTtWfa9OuO/b3qk1Od3AEdCQ==", + "version": "4.2.5", + "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.2.5.tgz", + "integrity": "sha512-DIUpKcyg4+PTQKfFPX88UWhlagBEBEfJ5A8XDXRJLUnZOvcpMF8o/dnL90vpVkGaPbjvXazV/rC1qBKrZlFugw==", "dependencies": { "@vue/devtools-api": "^6.5.0" }, diff --git a/package.json b/package.json index 7240d2b..352b35c 100644 --- a/package.json +++ b/package.json @@ -15,9 +15,10 @@ }, "dependencies": { "@noble/hashes": "^1.3.1", + "@popperjs/core": "^2.11.8", "@vueuse/core": "^10.2.1", "base32-encode": "^2.0.0", - "bulma": "^0.9.4", + "bootstrap": "^5.3.2", "vue": "^3.3.4", "vue-i18n": "^9.2.2", "vue-qrcode-reader": "^5.1.0", diff --git a/src/assets/main.sass b/src/assets/main.sass index 63da809..98aedb2 100644 --- a/src/assets/main.sass +++ b/src/assets/main.sass @@ -1,9 +1,4 @@ @charset "utf-8" -@import "node_modules/bulma/bulma" - -a[href] - text-decoration: underline - -.navbar-menu a[class~="navbar-item"] - text-decoration: none +@import "variables.scss" +@import "bootstrap/scss/bootstrap" diff --git a/src/assets/variables.scss b/src/assets/variables.scss new file mode 100644 index 0000000..ab5ff1f --- /dev/null +++ b/src/assets/variables.scss @@ -0,0 +1,7 @@ +$container-max-widths: ( + sm: 600px, + md: 700px, + lg: 800px, + xl: 820px, + xxl: 840px +); diff --git a/src/components/ButtonGroupComponent.vue b/src/components/ButtonGroupComponent.vue new file mode 100644 index 0000000..0f10ce7 --- /dev/null +++ b/src/components/ButtonGroupComponent.vue @@ -0,0 +1,5 @@ + diff --git a/src/components/LayoutComponent.vue b/src/components/LayoutComponent.vue index 02aa315..39a71ab 100644 --- a/src/components/LayoutComponent.vue +++ b/src/components/LayoutComponent.vue @@ -1,11 +1,5 @@ diff --git a/src/components/NavBarComponent.vue b/src/components/NavBarComponent.vue index deb4a73..0b74265 100644 --- a/src/components/NavBarComponent.vue +++ b/src/components/NavBarComponent.vue @@ -1,35 +1,34 @@ diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue index d2fbbb1..057b0e8 100644 --- a/src/views/AboutView.vue +++ b/src/views/AboutView.vue @@ -1,6 +1,7 @@