Publish develop branch

.nowignore → .vercelignore

@@ -1,6 +1,6 @@
 
 #
-# .nowignore
+# .vercelignore
 #
 
 /docs/

CONTRIBUTING.md

@@ -0,0 +1,12 @@
+# CONTRIBUTING.md
+
+Thank you for contributing to Fretboarder! PRs are welcomed, but please consider
+**opening an issue before submitting any sizable PR**.
+
+### Code style
+  * use [smart  tabs](https://www.emacswiki.org/emacs/SmartTabs) (tablatures for
+    indentation, spaces for presentation)
+  * place block-opening curly quotes on  their own lines (expect for objects and
+    CSS blocks)
+  * write  comments  and  commit  messages  in  the  imperative style,  with  an
+    uppercase letter at the beginning and no full stop at the end

README.md

@@ -9,30 +9,55 @@
 <img src="https://raw.githubusercontent.com/cheap-glitch/fretboarder/master/docs/screenshot-light.png" alt="A screenshot of the app in usage.">
 <img src="https://raw.githubusercontent.com/cheap-glitch/fretboarder/master/docs/screenshot-dark.png"  alt="A screenshot of the app in usage, with dark mode enabled.">
 
+
 ## Highlights
 
-**🎸 Customize the instrument**
+#### 🎸 Customize the instrument
+
 Choose between a  variety of instruments (from ukulele to  11-string guitar) and
 tunings,  set  the  length  of  the fretboard,  and  switch  between  left-  and
 right-handed fretting.
 
-**🎨 Overlay scales and arpeggios**
+#### 🎨 Overlay scales and arpeggios
+
 The main feature  that distinguishes Fretboarder from other similar  apps is the
 ability to  display several sequences  of notes on  the same fretboard.  You can
-overlap scales  and arpeggios, display their  intersections and  select specific
+overlap scales  and arpeggios, display  their intersections and  select specific
 positions on the neck.
 
-**💻 Use on any device**
+#### 💻 Use on any device
+
 The UI has been designed to be simple and intuitive, and to work on both desktop
 and mobile devices. Dark mode included!
 
+
+## Contributing
+
+Contributions are welcomed! See [CONTRIBUTING.md](CONTRIBUTING.md).
+
+
+## Supporting the app
+
+You can support my work on Fretboarder by donating on my [Patreon](https://www.patreon.com/cheap_glitch)
+or my [PayPal](https://paypal.me/CheapGlitch) page. Plenty of cool features are coming, such as:
+  * an audio player to listen to the scales
+  * a tool to help learn & practice positions
+  * a chord chart builder to follow along with backtracks
+  * and more!
+
+
 ## Credits & acknowledgements
+
 The dark mode colorscheme is heavily borrowed from the [Vue Dark Mode](https://www.growthbunker.dev/vuedarkmode) project.
 
+
 ## License
+
 This software is distributed under the [Mozilla Public License 2.0](https://www.mozilla.org/en-US/MPL/2.0).
 
+
 ## Other related tools & resources
+
   * [All Guitar Chords](http://www.all-guitar-chords.com): a compilation of scales, chords, arpeggios, licks, and more
   * [ChordMaster 2000](http://chordmaster.tardate.com): a tool to practice and memorize chords
   * [ChordPic](https://chordpic.com): a chord diagram generator, with lots of options to fine-tune the looks

package.json

@@ -36,7 +36,7 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.28",
     "@fortawesome/free-brands-svg-icons": "^5.13.0",
     "@fortawesome/vue-fontawesome": "^0.1.9",
-    "@popperjs/core": "^2.4.0",
+    "@popperjs/core": "^2.4.2",
     "core-js": "^3.6.5",
     "file-saver": "^2.0.2",
     "register-service-worker": "^1.7.1",
@@ -73,7 +73,7 @@
     "sass": "^1.26.8",
     "sass-loader": "^8.0.2",
     "sass-mq": "^5.0.1",
-    "vue-cli-plugin-sitemap": "^2.1.1",
+    "vue-cli-plugin-sitemap": "^2.1.2",
     "vue-template-compiler": "^2.6.11",
     "webpack-bundle-analyzer": "^3.8.0"
   }

src/components/FretboardTools.vue

@@ -70,7 +70,7 @@ div.FretboardTools
 
 	//- Toggle fret numbers
 	VButton(
-		:icon="['fal', 'list-ol']"
+		icon="list-ol"
 		title="Show numbers"
 
 		:is-active="isShowingFretNbs"

vercel.json

@@ -1,6 +1,8 @@
 {
   "build": {
-    "env": { "NPM_RC": "@npmrc" }
+    "env": {
+      "NPM_RC": "@npmrc"
+    }
   },
 
   "github": {

vue.config.js

@@ -68,13 +68,8 @@ module.exports = {
 			'mandolin':                 'pro-regular',
 
 			// Header
-			'twitter':                  'free-brands',
-			'github':                   'free-brands',
-			'paper-plane':              'pro-regular',
-			'heart':                    'pro-regular',
-			'external-link-square-alt': 'pro-regular',
 			'sun':                      'pro-solid',
-			'moon':                    ['pro-regular', 'pro-solid'],
+			'moon':                    ['pro-solid', 'pro-regular'],
 
 			// Tools & settings
 			'cog':                      'pro-regular',
@@ -95,6 +90,13 @@ module.exports = {
 			'intersection':             'pro-solid',
 			'copy':                     'pro-regular',
 			'times-circle':             'pro-regular',
+
+			// Footer
+			'twitter':                  'free-brands',
+			'github':                   'free-brands',
+			'paper-plane':              'pro-regular',
+			'heart':                    'pro-regular',
+			'external-link-square-alt': 'pro-regular',
 		}
 	},