From 7d880ce09767a9646b8b0f061089f4e9c1a6b2d4 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sat, 19 Sep 2020 17:05:57 -0500
Subject: [PATCH] Update logo

---
 components/Logo.vue   | 82 +++----------------------------------------
 components/navbar.vue | 11 ++----
 2 files changed, 7 insertions(+), 86 deletions(-)

diff --git a/components/Logo.vue b/components/Logo.vue
index dd11eb0..504b35a 100644
--- a/components/Logo.vue
+++ b/components/Logo.vue
@@ -1,79 +1,7 @@
 <template>
-    <div class="VueToNuxtLogo">
-        <div class="Triangle Triangle--two"/>
-        <div class="Triangle Triangle--one"/>
-        <div class="Triangle Triangle--three"/>
-        <div class="Triangle Triangle--four"/>
-    </div>
+    <div
+        :style="{
+            fontSize: '10rem'
+        }"
+    >🦾</div>
 </template>
-
-<style>
-.VueToNuxtLogo {
-    display: inline-block;
-    animation: turn 2s linear forwards 1s;
-    transform: rotateX(180deg);
-    position: relative;
-    overflow: hidden;
-    height: 180px;
-    width: 245px;
-}
-
-.Triangle {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 0;
-    height: 0;
-}
-
-.Triangle--one {
-    border-left: 105px solid transparent;
-    border-right: 105px solid transparent;
-    border-bottom: 180px solid #41b883;
-}
-
-.Triangle--two {
-    top: 30px;
-    left: 35px;
-    animation: goright 0.5s linear forwards 3.5s;
-    border-left: 87.5px solid transparent;
-    border-right: 87.5px solid transparent;
-    border-bottom: 150px solid #3b8070;
-}
-
-.Triangle--three {
-    top: 60px;
-    left: 35px;
-    animation: goright 0.5s linear forwards 3.5s;
-    border-left: 70px solid transparent;
-    border-right: 70px solid transparent;
-    border-bottom: 120px solid #35495e;
-}
-
-.Triangle--four {
-    top: 120px;
-    left: 70px;
-    animation: godown 0.5s linear forwards 3s;
-    border-left: 35px solid transparent;
-    border-right: 35px solid transparent;
-    border-bottom: 60px solid #fff;
-}
-
-@keyframes turn {
-    100% {
-        transform: rotateX(0deg);
-    }
-}
-
-@keyframes godown {
-    100% {
-        top: 180px;
-    }
-}
-
-@keyframes goright {
-    100% {
-        left: 70px;
-    }
-}
-</style>
diff --git a/components/navbar.vue b/components/navbar.vue
index 8026c34..c034a49 100644
--- a/components/navbar.vue
+++ b/components/navbar.vue
@@ -46,15 +46,8 @@
                             </svg>
                         </button>
                     </div>
-                    <div class="flex-shrink-0 flex items-center">
-                        <img
-                            class="block lg:hidden h-8 w-auto"
-                            src="https://tailwindui.com/img/logos/workflow-mark-on-dark.svg"
-                            alt="Workflow logo">
-                        <img
-                            class="hidden lg:block h-8 w-auto"
-                            src="https://tailwindui.com/img/logos/workflow-logo-on-dark.svg"
-                            alt="Workflow logo">
+                    <div class="flex-shrink-0 flex items-center text-4xl md:text-5xl py-3">
+                        <div>🦾</div>
                     </div>
                     <div class="hidden md:ml-6 md:flex md:items-center">
                         <a