Updated site:

Added analytics via matomo (analytics hosted on my personal site), also added privacy policy page with link in footer
Updated code colors to match light theme
Added display for Crow's financial supporters on OpenCollective
Fixed Sidebar issue on narrow screens
Fixed Get crow Icons being misaligned

docs/overrides/home.html

@@ -90,7 +90,7 @@ code{
 
 .dcard{
     width: 10rem;
-    height: 15rem;
+    height: 14rem;
     margin-inline: 0.5rem;
     display: inline-block;
     transition: transform 0.3s;
@@ -119,6 +119,9 @@ code{
     font-size: 0.75rem;
     margin: 0.1rem 0px;
     text-align: center;
+    display: block;
+    min-height: 50px;
+    overflow: hidden;
 }
 
 </style>
@@ -207,6 +210,16 @@ code{
 <h3 style="text-align:center;">Crow is provided free of charge courtesy of everyone who is donating their money, time, and expertise to keep it going.<h3>
 <h3 style="text-align:center;">Help us make something great!</h3>
 
+<dev class="sbuttons">
+<h2 style="text-align:center;">Sponsors</h2>
+<object type="image/svg+xml" data="https://opencollective.com/crow/tiers/sponsor.svg?avatarHeight=128&button=false"></object><br>
+<h2 style="text-align:center;">Boosters</h2>
+<object type="image/svg+xml" data="https://opencollective.com/crow/tiers/booster.svg?avatarHeight=64&button=false"></object><br>
+<h2 style="text-align:center;">Backers</h2>
+<object type="image/svg+xml" data="https://opencollective.com/crow/tiers/backer.svg?avatarHeight=32&button=false"></object><br>
+<h2 style="text-align:center;">Donators</h2>
+<object type="image/svg+xml" data="https://opencollective.com/crow/tiers/donation.svg?avatarHeight=32&button=false"></object><br>
+</dev>
 <dev class="sbuttons">
     <a href="https://opencollective.com/crow" title="Crow - OpenCollective" class="md-button crow-button">Fund Crow</a>
     <a href="https://github.com/CrowCpp/Crow" title="Crow - OpenCollective" class="md-button crow-button">Develop Crow</a>
@@ -231,7 +244,7 @@ code{
 <a href="https://aur.archlinux.org/packages/crow">
     <img class="dcard__image" src="/assets/pkg_logos/arch.png">
     <p class="dcard__title">AUR</p>
-    <p class="dcard__description">for Arch based systems</p>
+    <p class="dcard__description">for Arch Linux based systems</p>
 </a>
 </div>
 
@@ -276,7 +289,42 @@ code{
 
 {% endblock %}
 
-{% block site_nav %}{% endblock %}
+<!-- Navigation -->
+{% block site_nav %}
+
+<!-- Main navigation -->
+{% if nav %}
+<div
+class="md-sidebar md-sidebar--primary"
+data-md-component="sidebar"
+data-md-type="navigation"
+hidden
+>
+  <div class="md-sidebar__scrollwrap">
+    <div class="md-sidebar__inner">
+      {% include "partials/nav.html" %}
+    </div>
+  </div>
+</div>
+{% endif %}
+
+<!-- Table of contents -->
+{% if page.toc and not "toc.integrate" in features %}
+  <div
+  class="md-sidebar md-sidebar--secondary"
+  data-md-component="sidebar"
+  data-md-type="toc"
+  hidden
+  >
+    <div class="md-sidebar__scrollwrap">
+      <div class="md-sidebar__inner">
+        {% include "partials/toc.html" %}
+      </div>
+    </div>
+  </div>
+{% endif %}
+{% endblock %}
+
 {% block footer %}
 
 <footer class="md-footer">
@@ -294,6 +342,8 @@ code{
         {{ extracopyright }}
       </div>
 
+      <a style="margin: auto .6rem; font-size: .64rem;" href="/privacy_policy.html">Privacy Policy</a>
+
       <!-- Social links -->
       {% include "partials/social.html" %}
     </div>

docs/overrides/partials/footer.html

@@ -0,0 +1,103 @@
+<!--
+  Copyright (c) 2016-2021 Martin Donath <martin.donath@squidfunk.com>
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to
+  deal in the Software without restriction, including without limitation the
+  rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+  sell copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+
+  The above copyright notice and this permission notice shall be included in
+  all copies or substantial portions of the Software.
+
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+  FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+  IN THE SOFTWARE.
+-->
+
+{% import "partials/language.html" as lang with context %}
+
+<!-- Footer -->
+<footer class="md-footer">
+
+  <!-- Link to previous and/or next page -->
+  {% if page.previous_page or page.next_page %}
+    <nav
+      class="md-footer__inner md-grid"
+      aria-label="{{ lang.t('footer.title') }}"
+    >
+
+      <!-- Link to previous page -->
+      {% if page.previous_page %}
+        {% set direction = lang.t("footer.previous") %}
+        <a
+          href="{{ page.previous_page.url | url }}"
+          class="md-footer__link md-footer__link--prev"
+          aria-label="{{ direction }}: {{ page.previous_page.title | e }}"
+          rel="prev"
+        >
+          <div class="md-footer__button md-icon">
+            {% include ".icons/material/arrow-left.svg" %}
+          </div>
+          <div class="md-footer__title">
+            <div class="md-ellipsis">
+              <span class="md-footer__direction">
+                {{ direction }}
+              </span>
+              {{ page.previous_page.title }}
+            </div>
+          </div>
+        </a>
+      {% endif %}
+
+      <!-- Link to next page -->
+      {% if page.next_page %}
+        {% set direction = lang.t("footer.next") %}
+        <a
+          href="{{ page.next_page.url | url }}"
+          class="md-footer__link md-footer__link--next"
+          aria-label="{{ direction }}: {{ page.next_page.title | e }}"
+          rel="next"
+        >
+          <div class="md-footer__title">
+            <div class="md-ellipsis">
+              <span class="md-footer__direction">
+                {{ direction }}
+              </span>
+              {{ page.next_page.title }}
+            </div>
+          </div>
+          <div class="md-footer__button md-icon">
+            {% include ".icons/material/arrow-right.svg" %}
+          </div>
+        </a>
+      {% endif %}
+    </nav>
+  {% endif %}
+
+  <!-- Further information -->
+  <div class="md-footer-meta md-typeset">
+    <div class="md-footer-meta__inner md-grid">
+
+      <!-- Copyright and theme information -->
+      <div class="md-footer-copyright">
+        {% if config.copyright %}
+          <div class="md-footer-copyright__highlight">
+            {{ config.copyright }}
+          </div>
+        {% endif %}
+        {{ extracopyright }}
+      </div>
+      
+      <a style="margin: auto .6rem; font-size: .64rem;" href="/privacy_policy.html">Privacy Policy</a>
+
+      <!-- Social links -->
+      {% include "partials/social.html" %}
+    </div>
+  </div>
+</footer>

docs/overrides/partials/integrations/analytics/matomo.html

@@ -0,0 +1,19 @@
+<!-- Matomo -->
+<script>
+  var _paq = window._paq = window._paq || [];
+  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    var u="{{config.extra.analytics.link}}";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '{{config.extra.analytics.id}}']);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+
+<noscript>
+<img referrerpolicy="no-referrer-when-downgrade" src="https://thee.dev/matomo/matomo.php?idsite=1&amp;rec=1&amp;action_name={{ page.title }}" style="border:0" alt="" />
+</noscript>
+<!-- End Matomo Code -->

docs/overrides/privacy_policy.html

@@ -0,0 +1,37 @@
+{% extends "main.html" %}
+
+{% block content %}
+<h1>Privacy Policy for CrowCpp</h1>
+
+<p>If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us.</p>
+
+<p>This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to the information that they shared and/or collect in CrowCpp. This policy is not applicable to any information collected offline or via channels other than this website.</p>
+
+<h2>Consent</h2>
+
+<p>By using our website, you hereby consent to our Privacy Policy and agree to its terms.</p>
+
+<h2>Log Files</h2>
+
+<p>CrowCpp follows a standard procedure of using log files. These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics. The information collected by log files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp, referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website.</p>
+
+<h2>Other information we collect</h2>
+
+<p>If you contact us directly, we may receive information about you such as your name, email address, phone number, the contents of the message and/or attachments you may send us, and any other information you may choose to provide.</p>
+
+<h2>How we use your information</h2>
+
+<p>We use the information we collect in various ways, including to:</p>
+
+<ul>
+<li>Provide, operate, and maintain our website</li>
+<li>Improve or expand our website</li>
+<li>Understand and analyze how you use our website</li>
+<li>Find and prevent fraud</li>
+</ul>
+
+<h2>Children's Information</h2>
+
+<p>CrowCpp does not knowingly collect any Personal Identifiable Information from children under the age of 13. If you think that your child provided this kind of information on our website, we strongly encourage you to contact us immediately and we will do our best efforts to promptly remove such information from our records.</p>
+{% endblock %}
+{% block site_nav %}{% endblock %}

docs/stylesheets/colors.css

@@ -4,28 +4,43 @@
 	--md-accent-fg-color:  #122027;
 	--md-typeset-a-color: var(--md-accent-fg-color) !important;
     --md-default-bg-color: #e5f2f8;
-    --md-code-bg-color: #2e3639 !important;
+    --md-code-bg-color: #cfcfcf !important;
+    --md-code-hl-comment-color: var(--md-code-fg-color) !important;
+    --md-code-hl-generic-color: var(--md-code-fg-color) !important;
+    --md-code-hl-variable-color: var(--md-code-fg-color) !important;
+    --md-code-fg-color: #fff !important;
     --md-code-hl-punctuation-color: #fff !important;
 }
 
 .md-typeset code {
-    background-color: #2e3639;
+    background-color: #cfcfcf;
-    color: #afafaf;
+    color: #1d1d1d;
+    padding: 0.2rem;
+}
+
+.highlight .c, .highlight .c1, .highlight .ch, .highlight .cm, .highlight .cs, .highlight .sd {
+    color: #606060 !important;
 }
 
 .linenos {
-    background-color: #2e3639 !important;
+    background-color: #cfcfcf !important;
-    color: #afafaf !important;
+    color: #1d1d1d !important;
+}
+
+.highlighttable .linenodiv pre {
+    background-color: #cfcfcf !important;
+    color: #1d1d1d !important;
 }
 
 .highlight .p {
-    color: #bbb;
+    color: #1d1d1d;
 }
 
 .highlight .o {
-    color: #afafaf;
+    color: #1d1d1d;
 }
 
 .highlight .n {
-    color: #afafaf;
+    color: #1d1d1d;
 }
+

mkdocs.yml

@@ -16,11 +16,14 @@ theme:
     logo: 'assets/favicon.svg'
     icon:
         repo: fontawesome/brands/github-square
+    static_templates:
+        - privacy_policy.html
     custom_dir: docs/overrides
 
 markdown_extensions:
     - admonition
     - pymdownx.highlight
+    - pymdownx.tabbed
     - pymdownx.superfences
     - pymdownx.inlinehilite
     - pymdownx.keys
@@ -57,6 +60,10 @@ nav:
         - API Reference: 'reference/index.html'
         
 extra:
+    analytics:
+        provider: matomo
+        id: 1
+        link: //thee.dev/matomo/
     social:
         - icon: fontawesome/brands/github
           link: https://github.com/crowcpp/crow