Moved "Get the Add-on" button to header

matthewruzzi · Dec 21, 2020 · cb17c70 · cb17c70
1 parent ae915a1
commit cb17c70
Show file tree

Hide file tree

Showing 2 changed files with 61 additions and 2 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: " en-US" }}">
+
+<head>
+    <meta charset="UTF-8">
+
+    {% seo %}
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="#157878">
+    <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
+</head>
+
+<body>
+    <section class="page-header">
+        <h1 class="project-name">{{ site.title | default: site.github.repository_name }}</h1>
+        <h2 class="project-tagline">{{ site.description | default: site.github.project_tagline }}</h2>
+        {% if site.github.is_project_page %}
+        <a href="{{ site.github.repository_url }}" class="btn">View on GitHub</a>
+        {% endif %}
+        <a style="
+            position: relative;
+            top: 16px;"
+            href="https://addons.mozilla.org/en-US/firefox/addon/wave-reactions-for-google-meet/?utm_source=githubpages&utm_content=get_the_addon_badge">
+            <img src="get-the-addon.png" />
+        </a>
+        {% if site.show_downloads %}
+        <a href="{{ site.github.zip_url }}" class="btn">Download .zip</a>
+        <a href="{{ site.github.tar_url }}" class="btn">Download .tar.gz</a>
+        {% endif %}
+    </section>
+
+    <section class="main-content">
+        {{ content }}
+
+        <footer class="site-footer">
+            {% if site.github.is_project_page %}
+            <span class="site-footer-owner"><a href="{{ site.github.repository_url }}">{{ site.github.repository_name
+                    }}</a> is maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name
+                    }}</a>.</span>
+            {% endif %}
+            <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub
+                    Pages</a>.</span>
+        </footer>
+    </section>
+
+    {% if site.google_analytics %}
+    <script>
+        (function (i, s, o, g, r, a, m) {
+            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+                (i[r].q = i[r].q || []).push(arguments)
+            }, i[r].l = 1 * new Date(); a = s.createElement(o),
+                m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
+
+        ga('create', '{{ site.google_analytics }}', 'auto');
+        ga('send', 'pageview');
+    </script>
+    {% endif %}
+</body>
+
+</html>
diff --git a/index.md b/index.md
@@ -4,8 +4,6 @@ layout: default
 
 ![Screenshot of wave extension in Google Meet](screenshot.png)
 
-[![Mozilla Add-on](get-the-addon.png)](https://addons.mozilla.org/en-US/firefox/addon/wave-reactions-for-google-meet/?utm_source=github&utm_content=get_the_addon_badge) [![Mozilla Add-on Weekly Downloads Badge](https://img.shields.io/amo/dw/wave-reactions-for-google-meet)](https://addons.mozilla.org/en-US/firefox/addon/wave-reactions-for-google-meet/?utm_source=github&utm_content=weekly_downloads_badge)
-
 Wave is a Firefox/Chrome compatible alternative to the [Nod extension for Google meet](https://chrome.google.com/webstore/detail/nod-reactions-for-google/oikgofeboedgfkaacpfepbfmgdalabej), which is currently Chrome-only. It can be used in meetings with mobile participants because it sends the emoji as chat messages so other people in the meet don't need to have the extension installed to see them, and the Google Meet mobile app does not allow extensions.
 
 ## Comparison