Add a simple logo
diff --git a/site/.vuepress/config.js b/site/.vuepress/config.js
index 084e21e..9f95cda 100644
--- a/site/.vuepress/config.js
+++ b/site/.vuepress/config.js
@@ -31,6 +31,7 @@
twitter: '@ApacheTeaclave',
domain: 'https://teaclave.apache.org',
dateFormat: 'MMMM D, YYYY',
+ logo: '/assets/img/logo.svg',
nav: [
{ text: 'ABOUT', link: '/' },
{ text: 'POWERED BY', link: '/powered-by/' },
diff --git a/site/.vuepress/public/assets/img/logo.svg b/site/.vuepress/public/assets/img/logo.svg
new file mode 100644
index 0000000..a845d9c
--- /dev/null
+++ b/site/.vuepress/public/assets/img/logo.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <title>Logo</title>
+ <desc>Simple logo.</desc>
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" font-family="Futura-Medium, Futura" font-size="24" font-weight="400" letter-spacing="-1.09090909">
+ <g id="Letter" transform="translate(-292.000000, -203.000000)" fill="#1F1F1F">
+ <text id="Teaclave">
+ <tspan x="299" y="262">Teaclave</tspan>
+ </text>
+ </g>
+ </g>
+</svg>
diff --git a/site/.vuepress/theme/components/Navbar.vue b/site/.vuepress/theme/components/Navbar.vue
index 8901550..ca71f6f 100644
--- a/site/.vuepress/theme/components/Navbar.vue
+++ b/site/.vuepress/theme/components/Navbar.vue
@@ -17,6 +17,7 @@
ref="siteName"
class="site-name"
:class="{ 'can-hide': $site.themeConfig.logo }"
+ :style="{display: 'none'}"
>Teaclave</span>
</RouterLink>
@@ -105,7 +106,8 @@
.logo
height $navbarHeight - 1.4rem
min-width $navbarHeight - 1.4rem
- margin-right 0.8rem
+ margin-left 0.8rem
+ transform scale(2.5)
vertical-align top
.site-name
font-size 1.3rem
