website: scss -> css, dark mode fixes, embed fa svgs

vszakats · Dec 19, 2020 · a5acfc5 · a5acfc5
1 parent a0e1fce
commit a5acfc5
Show file tree

Hide file tree

Showing 34 changed files with 340 additions and 262 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -16,7 +16,7 @@ end_of_line = lf
 [*.bat]
 end_of_line = crlf
 
-[{*.css,*.html,*.js,*.json,*.rb,*.scss,*.sh,*.vbs,*.yml,*.xml}]
+[{*.css,*.html,*.js,*.json,*.rb,*.sh,*.vbs,*.yml,*.xml}]
 indent_size = 2
 
 [{*.svg}]

diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
@@ -4,12 +4,12 @@
   <div class="footer-content">
     <div><a href="https://raw.githubusercontent.com/{{ site.repo_slug }}/master/{{ site.license_file }}">© {{ site.time | date: '%Y' }}</a> <a href="{{ site.baseurl }}/">Harbour&nbsp;Project</a></div>
     <div><a href="{{ site.baseurl }}/terms{{ site.ilink_suffix }}">Terms of Service</a> | <a href="{{ site.baseurl }}/contact{{ site.ilink_suffix }}">Contact</a><!--<br>
-      <a href="https://jigsaw.w3.org/css-validator/validator?profile=css3&usermedium=all&warning=1&uri={{ '/css/styles.css' | absolute_url | url_encode }}"><svg><use xlink:href="{{ site.baseurl }}/images/fa-brands.svg#css3-alt"></use></svg></a>
-      <a href="https://validator.w3.org/nu/?doc={{ page.url | append: page_name | absolute_url | url_encode }}"><svg><use xlink:href="{{ site.baseurl }}/images/fa-brands.svg#html5"></use></svg></a>--></div>
+      <a href="https://jigsaw.w3.org/css-validator/validator?profile=css3&usermedium=all&warning=1&uri={{ '/css/styles.css' | absolute_url | url_encode }}">{% include svg/fa-brands-css3-alt.svg %}</a>
+      <a href="https://validator.w3.org/nu/?doc={{ page.url | append: page_name | absolute_url | url_encode }}">{% include svg/fa-brands-html5.svg %}</a>--></div>
     <div><a href="https://twitter.com/vailtom">vailtom</a>,&nbsp;<a href="https://vsz.me/">vszakats</a><a href="https://creativecommons.org/licenses/by-sa/4.0/"><span class="cc2">
-      <svg><use xlink:href="{{ site.baseurl }}/images/fa-brands.svg#creative-commons"></use></svg>
-      <svg><use xlink:href="{{ site.baseurl }}/images/fa-brands.svg#creative-commons-by"></use></svg>
-      <svg><use xlink:href="{{ site.baseurl }}/images/fa-brands.svg#creative-commons-sa"></use></svg></span></a>
+      {% include svg/fa-brands-creative-commons.svg %}
+      {% include svg/fa-brands-creative-commons-by.svg %}
+      {% include svg/fa-brands-creative-commons-sa.svg %}</span></a>
     </div>
   </div>
 </footer>
diff --git a/docs/_includes/header.html b/docs/_includes/header.html
@@ -21,7 +21,7 @@
 
     <nav class="dropdown">
       <a class="dropbtn" href="{{ site.baseurl }}/about{{ site.ilink_suffix }}">
-      <svg><use xlink:href="{{ site.baseurl }}/images/fa-solid.svg#comment"></use></svg><br><span class="menu-text">About</span></a>
+      {% include svg/fa-solid-comment.svg %}<br><span class="menu-text">About</span></a>
       <nav class="dropdown-content">
         <a href="{{ site.baseurl }}/about{{ site.ilink_suffix }}">About Harbour</a>
         <hr>
@@ -33,7 +33,7 @@
 
     <nav class="dropdown">
       <a class="dropbtn" href="https://harbour.github.io/doc/">
-      <svg><use xlink:href="{{ site.baseurl }}/images/fa-solid.svg#book"></use></svg><br><span class="menu-text">Documentation</span></a>
+      {% include svg/fa-solid-book.svg %}<br><span class="menu-text">Documentation</span></a>
       <nav class="dropdown-content">
         <a href="https://github.com/{{ site.repo_slug }}/#readme">README</a>
         <a href="{{ site.baseurl }}/changelog{{ site.ilink_suffix }}">ChangeLog</a>
@@ -49,7 +49,7 @@
 
     <nav class="dropdown">
       <a class="dropbtn" href="{{ site.dl_url }}">
-      <svg><use xlink:href="{{ site.baseurl }}/images/fa-solid.svg#cloud-download-alt"></use></svg><br><span class="menu-text">Download</span></a>
+      {% include svg/fa-solid-cloud-download-alt.svg %}<br><span class="menu-text">Download</span></a>
       <nav class="dropdown-content">
         <a href="{{ site.dl_url }}">Source and Binaries</a>
 {%- if site.fork %}
@@ -67,7 +67,7 @@
 
     <nav class="dropdown">
       <a class="dropbtn" href="https://github.com/{{ site.repo_slug }}">
-      <svg><use xlink:href="{{ site.baseurl }}/images/fa-solid.svg#cog"></use></svg><br><span class="menu-text">Development</span></a>
+      {% include svg/fa-solid-cog.svg %}<br><span class="menu-text">Development</span></a>
       <nav class="dropdown-content">
 {%- unless site.fork %}
         <a href="{{ site.baseurl }}/mailing{{ site.ilink_suffix }}">Mailing Lists</a>
@@ -86,29 +86,29 @@
 
     <nav class="dropdown">
       <a class="dropbtn" href="{{ site.baseurl }}/news{{ site.ilink_suffix }}">
-      <svg><use xlink:href="{{ site.baseurl }}/images/fa-solid.svg#newspaper"></use></svg><br><span class="menu-text">News</span></a>
+      {% include svg/fa-solid-newspaper.svg %}<br><span class="menu-text">News</span></a>
     </nav>
 
     <nav class="dropdown">
       <a class="dropbtn" href="{{ site.baseurl }}/crew{{ site.ilink_suffix }}">
-      <svg><use xlink:href="{{ site.baseurl }}/images/fa-solid.svg#globe"></use></svg><br><span class="menu-text">Crew</span></a>
+      {% include svg/fa-solid-globe.svg %}<br><span class="menu-text">Crew</span></a>
     </nav>
 
     <nav class="dropdown">
       <a class="dropbtn" href="{{ site.baseurl }}/logo{{ site.ilink_suffix }}">
-      <svg><use xlink:href="{{ site.baseurl }}/images/fa-solid.svg#paint-brush"></use></svg><br><span class="menu-text">Logo</span></a>
+      {% include svg/fa-solid-paint-brush.svg %}<br><span class="menu-text">Logo</span></a>
     </nav>
 
 {%- if site.fork %}
 {% assign ppurl = 'https://www.paypal.me/vszakats' %}
     <nav class="dropdown donate-button">
       <a class="dropbtn" href="{{ ppurl }}">
-      <svg><use xlink:href="{{ site.baseurl }}/images/fa-solid.svg#heart"></use></svg><br><span class="menu-text">Donate Now!</span></a>
+      {% include svg/fa-solid-heart.svg %}<br><span class="menu-text">Donate Now!</span></a>
     </nav>
 {%- else %}
     <nav class="dropdown">
       <a class="dropbtn">
-      <svg><use xlink:href="{{ site.baseurl }}/images/fa-solid.svg#language"></use></svg><br><span class="menu-text">Language</span></a>
+      {% include svg/fa-solid-language.svg %}<br><span class="menu-text">Language</span></a>
       <nav class="dropdown-content">
         <a href="{{ site.baseurl }}/">English</a>
       </nav>
@@ -120,5 +120,6 @@
 <main>
 {%- if page.layout != 'example' %}
   <a class="text-right edit-page" href="https://github.com/{{ site.site_slug }}/edit/{{ site.site_branch_and_root }}{{ page.path }}">
-  <svg><use xlink:href="{{ site.baseurl }}/images/fa-solid.svg#pencil-alt"></use></svg>&nbsp;Improve this page</a>
+  {% include svg/fa-solid-pencil-alt.svg %}
+  &nbsp;Improve this page</a>
 {%- endif %}
diff --git a/docs/_includes/svg/fa-brands-creative-commons-by.svg b/docs/_includes/svg/fa-brands-creative-commons-by.svg
diff --git a/docs/_includes/svg/fa-brands-creative-commons-sa.svg b/docs/_includes/svg/fa-brands-creative-commons-sa.svg
diff --git a/docs/_includes/svg/fa-brands-creative-commons.svg b/docs/_includes/svg/fa-brands-creative-commons.svg
diff --git a/docs/_includes/svg/fa-brands-css3-alt.svg b/docs/_includes/svg/fa-brands-css3-alt.svg
diff --git a/docs/_includes/svg/fa-brands-html5.svg b/docs/_includes/svg/fa-brands-html5.svg
diff --git a/docs/_includes/svg/fa-solid-book.svg b/docs/_includes/svg/fa-solid-book.svg
diff --git a/docs/_includes/svg/fa-solid-cloud-download-alt.svg b/docs/_includes/svg/fa-solid-cloud-download-alt.svg
diff --git a/docs/_includes/svg/fa-solid-cog.svg b/docs/_includes/svg/fa-solid-cog.svg
diff --git a/docs/_includes/svg/fa-solid-cogs.svg b/docs/_includes/svg/fa-solid-cogs.svg
diff --git a/docs/_includes/svg/fa-solid-comment.svg b/docs/_includes/svg/fa-solid-comment.svg
diff --git a/docs/_includes/svg/fa-solid-cubes.svg b/docs/_includes/svg/fa-solid-cubes.svg
diff --git a/docs/_includes/svg/fa-solid-database.svg b/docs/_includes/svg/fa-solid-database.svg
diff --git a/docs/_includes/svg/fa-solid-exclamation-circle.svg b/docs/_includes/svg/fa-solid-exclamation-circle.svg
diff --git a/docs/_includes/svg/fa-solid-globe.svg b/docs/_includes/svg/fa-solid-globe.svg
diff --git a/docs/_includes/svg/fa-solid-heart.svg b/docs/_includes/svg/fa-solid-heart.svg
diff --git a/docs/_includes/svg/fa-solid-language.svg b/docs/_includes/svg/fa-solid-language.svg
diff --git a/docs/_includes/svg/fa-solid-laptop.svg b/docs/_includes/svg/fa-solid-laptop.svg
diff --git a/docs/_includes/svg/fa-solid-lightbulb.svg b/docs/_includes/svg/fa-solid-lightbulb.svg
diff --git a/docs/_includes/svg/fa-solid-list.svg b/docs/_includes/svg/fa-solid-list.svg