From 512f504f087e4223dc1d7ae9d915e9d958b01b17 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Mon, 12 Oct 2020 17:43:20 +0200
Subject: [PATCH] add github link

---
 docs/src/layouts/App/base.scss  |  4 ++++
 docs/src/layouts/App/index.vue  | 21 +++++++++++++++++++++
 docs/src/layouts/App/style.scss | 18 ++++++++++++++++++
 3 files changed, 43 insertions(+)

diff --git a/docs/src/layouts/App/base.scss b/docs/src/layouts/App/base.scss
index 9afe3622..2e1ee2ac 100644
--- a/docs/src/layouts/App/base.scss
+++ b/docs/src/layouts/App/base.scss
@@ -75,6 +75,10 @@ a {
   color: inherit;
   transition: color 0.2s $ease, background-color 0.2s $ease;
   text-decoration: none;
+
+  &:hover {
+    color: $colorWhite;
+  }
 }
 
 code {
diff --git a/docs/src/layouts/App/index.vue b/docs/src/layouts/App/index.vue
index a890caba..e619a2d9 100644
--- a/docs/src/layouts/App/index.vue
+++ b/docs/src/layouts/App/index.vue
@@ -75,6 +75,27 @@
 
   <div class="app">
     <div class="app__sidebar">
+      <div class="app__title">
+        <g-link class="app__name" to="/">
+          {{ $static.metadata.siteName }}
+        </g-link>
+        <g-link to="https://github.com/ueberdosis/tiptap">
+          <svg
+            class="app__github"
+            width="15"
+            height="15"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 15 15"
+          ><path
+            d="M7.49936 0.849976C3.82767 0.849976 0.849976 3.82727 0.849976 7.5002C0.849976 10.4379 2.75523 12.9306 5.39775 13.8103C5.73047 13.8712 5.85171 13.6658 5.85171 13.4895C5.85171 13.3315 5.846 12.9134 5.84273 12.3586C3.99301 12.7603 3.60273 11.467 3.60273 11.467C3.30022 10.6987 2.86423 10.4942 2.86423 10.4942C2.26044 10.0819 2.90995 10.0901 2.90995 10.0901C3.57742 10.137 3.9285 10.7755 3.9285 10.7755C4.52167 11.7916 5.48512 11.4981 5.86396 11.3278C5.92438 10.8984 6.09625 10.6052 6.28608 10.4391C4.80948 10.2709 3.25695 9.7006 3.25695 7.15238C3.25695 6.42612 3.51618 5.83295 3.94157 5.36797C3.87299 5.19977 3.64478 4.52372 4.00689 3.60804C4.00689 3.60804 4.56494 3.42923 5.83538 4.28938C6.36568 4.14201 6.93477 4.06853 7.50018 4.06567C8.06518 4.06853 8.63386 4.14201 9.16498 4.28938C10.4346 3.42923 10.9918 3.60804 10.9918 3.60804C11.3548 4.52372 11.1266 5.19977 11.0584 5.36797C11.4846 5.83295 11.7418 6.42612 11.7418 7.15238C11.7418 9.70713 10.1868 10.2693 8.70571 10.4338C8.94412 10.6391 9.15681 11.0449 9.15681 11.6654C9.15681 12.5542 9.14865 13.2715 9.14865 13.4895C9.14865 13.6675 9.26867 13.8744 9.60588 13.8095C12.2464 12.9281 14.15 10.4375 14.15 7.5002C14.15 3.82727 11.1723 0.849976 7.49936 0.849976Z"
+            fill="currentColor"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+          /></svg>
+        </g-link>
+      </div>
+
       <nav class="app__navigation">
         <div class="app__link-group" v-for="(linkGroup, i) in linkGroups" :key="i">
           <div class="app__link-group-title">
diff --git a/docs/src/layouts/App/style.scss b/docs/src/layouts/App/style.scss
index 2f5511aa..81547f68 100644
--- a/docs/src/layouts/App/style.scss
+++ b/docs/src/layouts/App/style.scss
@@ -175,6 +175,24 @@ $menuBreakPoint: 750px;
 .app {
   display: flex;
 
+  &__title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 2rem;
+  }
+
+  &__name {
+    font-weight: 600;
+    color: $colorWhite;
+    font-size: 1.5rem;
+  }
+
+  &__github {
+    width: 1.75rem;
+    height: 1.75rem;
+  }
+
   ::v-deep .algolia-autocomplete {
     display: block;
     width: 100%;