diff options
| -rw-r--r-- | src/App.vue | 10 | ||||
| -rw-r--r-- | src/assets/NotoSansSymbols2-Regular.otf | bin | 0 -> 430536 bytes | |||
| -rw-r--r-- | src/assets/main.css | 8 | ||||
| -rw-r--r-- | src/components/BahaiStar.vue | 15 | ||||
| -rw-r--r-- | src/views/HomeView.vue | 6 | 
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 Binary files differnew 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">🟙</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>  | 
