Bump GitHub actions, fixing typos

.github/workflows/main.yml

@@ -2,10 +2,10 @@ name: End-to-end tests
 on: [push]
 jobs:
   cypress-run:
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-22.04
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
       - uses: ruby/setup-ruby@v1
         with:
           ruby-version: 2.7
@@ -15,7 +15,7 @@ jobs:
         run: |
           gem install jekyll bundler
       - name: Cypress run
-        uses: cypress-io/github-action@v2
+        uses: cypress-io/github-action@v5
         with:
           working-directory: docs
           install-command: npm install

docs/_data/expo.json

@@ -212,7 +212,7 @@
     },
     "uigoodies": {
       "name": "uigoodies",
-      "url": "http://uigoodies.com/",
+      "url": "https://uigoodies.com/",
       "date": "5 Jul 2018"
     },
     "favicon": {

docs/_data/love.json

@@ -1683,7 +1683,7 @@
     "1070320154452656128": {
       "id": "1070320154452656128",
       "date": "2:13 PM - 5 Dec 2018",
-      "content": "Wanted a dark mode and discovered that in my build steps for <a href=\"https://twitter.com/bulmaio\">@bulmaio</a> inverting the values for <a href=\"https://twitter.com/search?q=%23black\">$black</a>, <a href=\"https://twitter.com/search?q=%23white\">$white</a> and greyscales and setting a bg-color for the html element is 90% of the work done. Relly great work by <a href=\"https://twitter.com/jgthms\">@jgthms</a> to make stuff like this SO easy! <a href=\"https://twitter.com/search?q=%23coding\">#coding</a> <a href=\"https://twitter.com/search?q=%23webdev\">#webdev</a> <a href=\"https://t.co/nm84fBXcbU\">pic.twitter.com/nm84fBXcbU</a>",
+      "content": "Wanted a dark mode and discovered that in my build steps for <a href=\"https://twitter.com/bulmaio\">@bulmaio</a> inverting the values for <a href=\"https://twitter.com/search?q=%23black\">$black</a>, <a href=\"https://twitter.com/search?q=%23white\">$white</a> and greyscales and setting a bg-color for the html element is 90% of the work done. Really great work by <a href=\"https://twitter.com/jgthms\">@jgthms</a> to make stuff like this SO easy! <a href=\"https://twitter.com/search?q=%23coding\">#coding</a> <a href=\"https://twitter.com/search?q=%23webdev\">#webdev</a> <a href=\"https://t.co/nm84fBXcbU\">pic.twitter.com/nm84fBXcbU</a>",
       "fullname": "Lars",
       "username": "LarsPeterke",
       "avatar": "https://pbs.twimg.com/profile_images/1073168355505385472/WJu6Gnh0_normal.jpg",
@@ -3563,7 +3563,7 @@
     "1522267260781477890": {
       "id": "1522267260781477890",
       "date": "6:29 PM - 5 May 2022",
-      "content": "Bulma Framwork 🔥🔥<br><a href=\"https://twitter.com/jgthms\">@jgthms</a>  <br><br><a href=\"https://t.co/zb3g5dzQPQ\">bulma.io</a>",
+      "content": "Bulma Framework 🔥🔥<br><a href=\"https://twitter.com/jgthms\">@jgthms</a>  <br><br><a href=\"https://t.co/zb3g5dzQPQ\">bulma.io</a>",
       "fullname": "Atman Boulaajaili",
       "username": "ABoulaajaili",
       "avatar": "https://pbs.twimg.com/profile_images/1599811144977465345/Rk2Yk8dA_normal.jpg",

docs/_includes/index/hello.html

@@ -58,7 +58,7 @@ <h1 class="title has-text-black">
       </div>
 
       <p class="bd-hello-author">
-        <span>Video by <a href="http://www.vuemastery.com/" target="_blank">Vue Mastery</a></span>
+        <span>Video by <a href="https://www.vuemastery.com/" target="_blank">Vue Mastery</a></span>
       </p>
     </div>
   </div>

docs/_includes/index/intro.html

@@ -45,7 +45,7 @@ <h1 class="title intro-title">
             </div>
           </div>
           <p class="intro-author">
-            <span>Video by <a href="http://www.vuemastery.com/" target="_blank">Vue Mastery</a></span>
+            <span>Video by <a href="https://www.vuemastery.com/" target="_blank">Vue Mastery</a></span>
           </p>
         </div>
       </div>

docs/documentation/components/modal.html

@@ -264,7 +264,7 @@ <h4>2. Add the HTML for the trigger</h4>
   <h4>3. Add the JS for the trigger</h4>
 
   <p>
-    In a <code>script</code> element (or in a seperate <code>.js</code> file), add the following JS code:
+    In a <code>script</code> element (or in a separate <code>.js</code> file), add the following JS code:
   </p>
 </div>
 

docs/documentation/components/nav.html

@@ -45,7 +45,7 @@ <h2 class="subtitle">
       </p>
       <ul>
         <li><code>nav-toggle</code> for the hamburger menu on mobile</li>
-        <li><code>nav-menu</code> for menu that is collapsable on mobile (you can combine it with <code>nav-right</code>)</li>
+        <li><code>nav-menu</code> for menu that is collapsible on mobile (you can combine it with <code>nav-right</code>)</li>
         <li>toggle <code>is-active</code> on <code>nav-toggle</code> and <code>nav-menu</code> when <code>nav-toggle</code> was clicked</li>
       </ul>
     </div>

docs/tiles.html

@@ -58,7 +58,7 @@ <h2 class="subtitle">A <strong>single tile</strong> element to build 2-dimension
       <div class="column is-two-thirds">
 {% highlight html %}
 <div class="tile is-ancestor">
-  <!-- All other tile elemnts -->
+  <!-- All other tile elements -->
 </div>
 {% endhighlight %}
       </div>

sass/utilities/mixins.sass

@@ -54,7 +54,7 @@
       top: calc(50% + 4px)
   &:hover
     background-color: bulmaRgba(black, 0.05)
-  // Modifers
+  // Modifiers
   &.is-active
     span
       &:nth-child(1)