First working site

5 files changed, 33 insertions, 6 deletions

diff --git a/src/App.vue b/src/App.vue
index e864195..74886c9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,18 +1,19 @@
 <script setup>
+import BahaiStar from './components/BahaiStar.vue'
 import { RouterLink, RouterView } from 'vue-router'
-import HelloWorld from './components/HelloWorld.vue'
 </script>
 
 <template>
   <header>
-    <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
+    <div class="logo"><BahaiStar /></div>
 
     <div class="wrapper">
-      <HelloWorld msg="You did it!" />
+      <h1>HolyWritings.net</h1>
 
       <nav>
         <RouterLink to="/">Home</RouterLink>
-        <RouterLink to="/about">About</RouterLink>
+        <RouterLink to="https://www.dolthub.com/repositories/holywritings/bahaiwritings">Dolthub</RouterLink>
+        <RouterLink to="https://old.holywritings.net">Old site</RouterLink>
       </nav>
     </div>
   </header>
@@ -29,6 +30,7 @@ header {
 .logo {
   display: block;
   margin: 0 auto 2rem;
+  font-size: 125px;
 }
 
 nav {
diff --git a/src/assets/NotoSansSymbols2-Regular.otf b/src/assets/NotoSansSymbols2-Regular.otf
new file mode 100644
index 0000000..ef41adf
--- /dev/null
+++ b/src/assets/NotoSansSymbols2-Regular.otf
diff --git a/src/assets/main.css b/src/assets/main.css
index e8667cd..1419f5d 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -1,5 +1,13 @@
 @import './base.css';
 
+@font-face {
+  font-family: "Noto Sans Symbols 2";
+  src: url(https://cdn.jsdelivr.net/gh/notofonts/notofonts.github.io/fonts/NotoSansSymbols2/full/otf/NotoSansSymbols2-Regular.otf),
+       url(NotoSansSymbols2-Regular.otf),
+       local("Noto Sans Symbols 2"),
+       local("Noto Sans Symbols2");
+}
+
 #app {
   max-width: 1280px;
   margin: 0 auto;
diff --git a/src/components/BahaiStar.vue b/src/components/BahaiStar.vue
new file mode 100644
index 0000000..1aa171c
--- /dev/null
+++ b/src/components/BahaiStar.vue
@@ -0,0 +1,15 @@
+<template><span class="bahaistar">&#x1F7D9;</span></template>
+
+<style scoped>
+@font-face {
+  font-family: "Noto Sans Symbols 2";
+  src: url(https://cdn.jsdelivr.net/gh/notofonts/notofonts.github.io/fonts/NotoSansSymbols2/full/otf/NotoSansSymbols2-Regular.otf),
+       url(../assets/NotoSansSymbols2-Regular.otf),
+       local("Noto Sans Symbols 2"),
+       local("Noto Sans Symbols2");
+}
+
+.bahaistar {
+  font-family: "Noto Sans Symbols 2", sans-serif;
+}
+</style>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 6bb706f..ef8595d 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,9 +1,11 @@
 <script setup>
-import TheWelcome from '../components/TheWelcome.vue'
 </script>
 
 <template>
   <main>
-    <TheWelcome />
+  	<h1>HolyWritings.net</h1>
+	<p>HolyWritings.net is a project to document more and more Holy Writings in more and more languages.
+	The current efforts can be found on <a href="https://www.dolthub.com/repositories/holywritings/bahaiwritings">Dolthub</a>
+	which is like GitHub but for datasets. You are very welcome to fork it and help us improve it!</p>
   </main>
 </template>