From f9b03f520f26bf0a022b1a591805b3aebd841cd2 Mon Sep 17 00:00:00 2001
From: md678685 <1917406+md678685@users.noreply.github.com>
Date: Mon, 21 Oct 2019 14:49:53 +0100
Subject: [PATCH] Add project navbar

---
 pages/projects/essx.md          |  6 +++++
 theme/components/ProjectNav.vue | 42 +++++++++++++++++++++++++++++++++
 theme/layouts/project.vue       |  7 ++++--
 theme/saber-browser.js          |  4 ++--
 4 files changed, 55 insertions(+), 4 deletions(-)
 create mode 100644 theme/components/ProjectNav.vue

diff --git a/pages/projects/essx.md b/pages/projects/essx.md
index bc00dc0..8291bfd 100644
--- a/pages/projects/essx.md
+++ b/pages/projects/essx.md
@@ -4,10 +4,16 @@ layout: project
 
 project:
   authors:
+  - name: Essentials Team (formerly)
+    url: https://github.com/Essentials
   - name: EssentialsX Team
     url: https://github.com/EssentialsX
   tagline: Essential plugins for essential essentials.
   website: https://essentialsx.cf
+  source: https://github.com/EssentialsX/Essentials
+  downloads: https://essentialsx.cf/downloads.html
+  docs: https://essentialsx.cf/wiki/Home.html
+  patreon: https://patreon.com/essentialsx
 ---
 
 <p class="has-text-centered">
diff --git a/theme/components/ProjectNav.vue b/theme/components/ProjectNav.vue
new file mode 100644
index 0000000..9032b59
--- /dev/null
+++ b/theme/components/ProjectNav.vue
@@ -0,0 +1,42 @@
+<template>
+    <b-navbar type="is-secondary" transparent>
+        <template slot="start">
+            <b-navbar-item
+                v-if="project.website">
+                <a class="button is-outlined is-white" :href="project.website">
+                    <b-icon pack="fab" size="is-small" icon="github"></b-icon><span> Website</span>
+                </a>
+            </b-navbar-item>
+            <b-navbar-item
+                v-if="project.source">
+                <a class="button is-outlined is-white" :href="project.source">
+                    <b-icon pack="fab" size="is-small" icon="github"></b-icon><span> GitHub</span>
+                </a>
+            </b-navbar-item>
+            <b-navbar-item
+                v-if="project.downloads">
+                <a class="button is-outlined is-white" :href="project.downloads">
+                    <b-icon pack="fab" size="is-small" icon="github"></b-icon><span> Downloads</span>
+                </a>
+            </b-navbar-item>
+            <b-navbar-item
+                v-if="project.docs">
+                <a class="button is-outlined is-white" :href="project.docs">
+                    <b-icon pack="fab" size="is-small" icon="github"></b-icon><span> Docs</span>
+                </a>
+            </b-navbar-item>
+            <b-navbar-item
+                v-if="project.patreon">
+                <a class="button is-outlined is-white" :href="project.patreon">
+                    <b-icon pack="fab" size="is-small" icon="patreon"></b-icon><span> Patreon</span>
+                </a>
+            </b-navbar-item>
+        </template>
+    </b-navbar>
+</template>
+
+<script>
+export default {
+    props: ["project"]
+}
+</script>
diff --git a/theme/layouts/project.vue b/theme/layouts/project.vue
index 3794550..7a293ac 100644
--- a/theme/layouts/project.vue
+++ b/theme/layouts/project.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div class="hero is-small is-secondary">
+        <div class="hero is-small is-secondary is-bold">
             <div class="hero-head">
                 <Navbar hero/>
             </div>
@@ -13,6 +13,7 @@
                         <a class="has-text-white" :href="author.url">{{ author.name }}</a>
                     </span>
                 </h5>
+                <project-nav :project="page.project"></project-nav>
             </div>
         </div>
         <div class="section">
@@ -29,12 +30,14 @@
 <script>
 import Navbar from "../components/Navbar.vue";
 import Footer from "../components/Footer.vue";
+import ProjectNav from "../components/ProjectNav.vue";
 
 export default {
     props: ['page'],
     components: {
         Navbar,
-        Footer
+        Footer,
+        ProjectNav
     },
     head() {
         return {
diff --git a/theme/saber-browser.js b/theme/saber-browser.js
index dd9b56a..8c8cc04 100644
--- a/theme/saber-browser.js
+++ b/theme/saber-browser.js
@@ -4,14 +4,14 @@ import "./style/main.scss";
 
 import { library } from "@fortawesome/fontawesome-svg-core"
 import { faSync, faExternalLinkSquareAlt, faClock } from "@fortawesome/free-solid-svg-icons";
-import { faGithub, faDiscord } from "@fortawesome/free-brands-svg-icons";
+import { faGithub, faDiscord, faPatreon } from "@fortawesome/free-brands-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 
 import KonamiCode from "vue-konami-code";
 
 import ExternalData from "./mixins/external-data";
 
-library.add(faSync, faExternalLinkSquareAlt, faClock, faGithub, faDiscord);
+library.add(faSync, faExternalLinkSquareAlt, faClock, faGithub, faDiscord, faPatreon);
 Vue.component('vue-fontawesome', FontAwesomeIcon);
 
 Vue.use(Buefy, {