+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Autocomplete/AutocompleteSpinner.vue b/src/components/Autocomplete/AutocompleteSpinner.vue
new file mode 100644
index 0000000..fbf30e7
--- /dev/null
+++ b/src/components/Autocomplete/AutocompleteSpinner.vue
@@ -0,0 +1,36 @@
+
+
+
+
+
diff --git a/src/components/Breadcrumb.vue b/src/components/Breadcrumb.vue
new file mode 100644
index 0000000..a3d28ba
--- /dev/null
+++ b/src/components/Breadcrumb.vue
@@ -0,0 +1,73 @@
+
+
+
+
+
+ {{ key }}
+
+
+ {{ key }}
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/BreadcrumbDropdown.vue b/src/components/BreadcrumbDropdown.vue
new file mode 100644
index 0000000..9aaa3ec
--- /dev/null
+++ b/src/components/BreadcrumbDropdown.vue
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
+
+ {{ otu.name || key }}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Button/ButtonExpand.vue b/src/components/Button/ButtonExpand.vue
new file mode 100644
index 0000000..6a83c70
--- /dev/null
+++ b/src/components/Button/ButtonExpand.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Card/Card.vue b/src/components/Card/Card.vue
new file mode 100644
index 0000000..29efb60
--- /dev/null
+++ b/src/components/Card/Card.vue
@@ -0,0 +1,5 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Card/CardContent.vue b/src/components/Card/CardContent.vue
new file mode 100644
index 0000000..3c55717
--- /dev/null
+++ b/src/components/Card/CardContent.vue
@@ -0,0 +1,5 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Card/CardHeader.vue b/src/components/Card/CardHeader.vue
new file mode 100644
index 0000000..3d7389f
--- /dev/null
+++ b/src/components/Card/CardHeader.vue
@@ -0,0 +1,5 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Gallery/ControlImageNext.vue b/src/components/Gallery/ControlImageNext.vue
new file mode 100644
index 0000000..bdac9ef
--- /dev/null
+++ b/src/components/Gallery/ControlImageNext.vue
@@ -0,0 +1,24 @@
+
+
+
+
diff --git a/src/components/Gallery/ControlImagePrevious.vue b/src/components/Gallery/ControlImagePrevious.vue
new file mode 100644
index 0000000..29a3373
--- /dev/null
+++ b/src/components/Gallery/ControlImagePrevious.vue
@@ -0,0 +1,24 @@
+
+
+
+
diff --git a/src/components/Gallery/GalleryThumbnail.vue b/src/components/Gallery/GalleryThumbnail.vue
new file mode 100644
index 0000000..07499b2
--- /dev/null
+++ b/src/components/Gallery/GalleryThumbnail.vue
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Gallery/ImageAttribution.vue b/src/components/Gallery/ImageAttribution.vue
new file mode 100644
index 0000000..919b64b
--- /dev/null
+++ b/src/components/Gallery/ImageAttribution.vue
@@ -0,0 +1,15 @@
+
+
+
+
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..f78b8ff
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,19 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import router from '@/router/index.js'
+import '@/assets/css/main.scss'
+
+import Card from '@/components/Card/Card.vue'
+import CardContent from '@/components/Card/CardContent.vue'
+import CardHeader from '@/components/Card/CardHeader.vue'
+import VSpinner from '@/components/VSpinner.vue';
+
+
+const app = createApp(App)
+
+app.use(router)
+app.component("VCard", Card)
+app.component("CardContent", CardContent)
+app.component("CardHeader", CardHeader)
+app.component("VSpinner", VSpinner)
+app.mount('#app')
diff --git a/src/modules/about/content/about.md b/src/modules/about/content/about.md
new file mode 100644
index 0000000..48000b6
--- /dev/null
+++ b/src/modules/about/content/about.md
@@ -0,0 +1,36 @@
+---
+title: About
+contact_email: user@example.com
+copyright: All content is CC 0 so that it maybe be shared throughout the world in places like Wikipedia.
+citation: Project collaborative. 2022. Website title. Available at https://example.com.
+---
+
+# {{frontmatter.title}}
+
+## Dig deeper
+Please contact us if you need extended access to the data underlying here. The TaxonWorks interfaces used to curate these data include wide range of additional filtering, reporting, and curatorial functionality. With a little training from us we'd be happy to provide you access to this additional functionality. Over time we expect this site to gradually mirror that extended functionality.
+
+## Contact
+If you have a question, want to report new data relevant to the project, or have error our preferred means of contact is to file an issue on our [project tracker](https://github.com/our/project/tracker). You can also [chat live with us](https://slackservername). We can also be reached via [email](mailto:{{frontmatter.contact_email}}).
+
+## Team
+ _Please contact us if you would like to join this effort._
+
+Made possible by the wonderful:
+* Gandalf - Technical lead
+* Aragorn - Outside advisor
+* Frodo - Lead curator
+* Samwise - Emotional support
+
+## Citing
+* This website - {{frontmatter.citation}}
+* Individual taxon pages - See citation at the bottom of each page.
+
+## Data
+Data for these pages is collaboratively curated online in a [TaxonWorks](https://taxonworks) project. All data behind this site served as JSON through calls to a [TaxonWorks API](https://api.taxonworks.org). You can follow along by using the Console of your browser to explore the Network tab.
+
+## Technical
+Want to create your own site? This website is built completely on open-source software. There is a [site template](https://github.com/SpeciesFileGroup/) with more information. Data are curated in a [TaxonWorks](https://taxonworks.org) project then shared via a [TaxonWorks API](https://api.taxonworks.org). Come [chat](https://gitter.im/SpeciesFileGroup/taxonworks) with the TaxonWorks community at any time.
+
+## Copyright
+_{{frontmatter.copyright}}_
\ No newline at end of file
diff --git a/src/modules/about/router/index.js b/src/modules/about/router/index.js
new file mode 100644
index 0000000..bdebeb2
--- /dev/null
+++ b/src/modules/about/router/index.js
@@ -0,0 +1,9 @@
+import Index from '@/modules/about/views/Index.vue'
+
+export default [
+ {
+ path: '/about',
+ name: 'About',
+ component: Index
+ }
+]
diff --git a/src/modules/about/views/Index.vue b/src/modules/about/views/Index.vue
new file mode 100644
index 0000000..59051ff
--- /dev/null
+++ b/src/modules/about/views/Index.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/modules/home/components/OtuAutocomplete.vue b/src/modules/home/components/OtuAutocomplete.vue
new file mode 100644
index 0000000..f18d3cc
--- /dev/null
+++ b/src/modules/home/components/OtuAutocomplete.vue
@@ -0,0 +1,25 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/modules/home/content/home.md b/src/modules/home/content/home.md
new file mode 100644
index 0000000..c7d8a2b
--- /dev/null
+++ b/src/modules/home/content/home.md
@@ -0,0 +1,25 @@
+---
+title: Orthoptera Species File
+lead: Taxa from your imagination to the web
+project: Orthoptera Species File
+---
+
+# {{frontmatter.title}}
+_{{frontmatter.lead}}_
+
+## Overview
+Welcome to *{{frontmatter.project}}*, a website of taxon pages generated from the {{ frontmatter.project }} Project, a comprehensive collaborative effort managed in [TaxonWorks](https://taxonworks.org).
+
+## Get started!
+
+
+## Announcements
+* 5/1/2022 - We've grown!
+* 1/1/2022 - Our website is live!
+
+## Find out more
+Learn how to collaborate with the {{frontmatter.title}} project. Contact information, technical details, and more are available at [About](/about).
+
+
\ No newline at end of file
diff --git a/src/modules/home/router/index.js b/src/modules/home/router/index.js
new file mode 100644
index 0000000..c31c20e
--- /dev/null
+++ b/src/modules/home/router/index.js
@@ -0,0 +1,9 @@
+import Index from '@/modules/home/views/Index.vue'
+
+export default [
+ {
+ path: '/',
+ name: 'Home',
+ component: Index
+ }
+]
diff --git a/src/modules/home/views/Index.vue b/src/modules/home/views/Index.vue
new file mode 100644
index 0000000..e65b659
--- /dev/null
+++ b/src/modules/home/views/Index.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/modules/otus/components/Citation/CitationList.vue b/src/modules/otus/components/Citation/CitationList.vue
new file mode 100644
index 0000000..8466bd2
--- /dev/null
+++ b/src/modules/otus/components/Citation/CitationList.vue
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/modules/otus/views/SpecimenRecords.vue b/src/modules/otus/views/SpecimenRecords.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/modules/otus/views/Timeline.vue b/src/modules/otus/views/Timeline.vue
new file mode 100644
index 0000000..24b4cac
--- /dev/null
+++ b/src/modules/otus/views/Timeline.vue
@@ -0,0 +1,5 @@
+
+
+ Timeline
+
+
\ No newline at end of file
diff --git a/src/modules/otus/views/TypeSpecimens.vue b/src/modules/otus/views/TypeSpecimens.vue
new file mode 100644
index 0000000..bc25b72
--- /dev/null
+++ b/src/modules/otus/views/TypeSpecimens.vue
@@ -0,0 +1,3 @@
+
+ Timeline
+
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..dc423fe
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,25 @@
+import {
+ createRouter,
+ createWebHistory,
+ createWebHashHistory
+} from 'vue-router'
+
+import otusRoutes from '@/modules/otus/router'
+import homeRoutes from '@/modules/home/router'
+import aboutRoutes from '@/modules/about/router'
+
+const { VITE_BASE_URL, VITE_ROUTER_HASH_MODE } = import.meta.env
+
+const router = createRouter({
+ history: VITE_ROUTER_HASH_MODE
+ ? createWebHashHistory(VITE_BASE_URL)
+ : createWebHistory(VITE_BASE_URL),
+
+ routes: [
+ ...homeRoutes,
+ ...otusRoutes,
+ ...aboutRoutes
+ ]
+})
+
+export default router
\ No newline at end of file
diff --git a/src/utils/color.js b/src/utils/color.js
new file mode 100644
index 0000000..cf2fc4c
--- /dev/null
+++ b/src/utils/color.js
@@ -0,0 +1,9 @@
+export const generateHue = index => {
+ const PHI = (1 + Math.sqrt(5)) / 2
+ const n = index * PHI - Math.floor(index * PHI)
+ const h = Math.floor(n * 256)
+ const s = Math.floor(n * 50) + 100
+ const l = (Math.floor((n) + 1) * 60) + 10
+
+ return `hsl(${h}, ${s}% , ${l}%)`
+}
diff --git a/src/utils/request.js b/src/utils/request.js
new file mode 100644
index 0000000..f563903
--- /dev/null
+++ b/src/utils/request.js
@@ -0,0 +1,15 @@
+import axios from 'axios'
+
+const {
+ VITE_API_HOST,
+ VITE_PROJECT_TOKEN
+} = import.meta.env
+
+const makeAPIRequest = axios.create({
+ baseURL: VITE_API_HOST,
+ params: {
+ project_token: VITE_PROJECT_TOKEN
+ }
+})
+
+export { makeAPIRequest }
diff --git a/src/utils/strings.js b/src/utils/strings.js
new file mode 100644
index 0000000..b052f91
--- /dev/null
+++ b/src/utils/strings.js
@@ -0,0 +1,10 @@
+function humanize (text) {
+ return text
+ .replace(/^[\s_]+|[\s_]+$/g, '')
+ .replace(/[_\s]+/g, ' ')
+ .replace(/^[a-z]/, m => m.toUpperCase())
+}
+
+export {
+ humanize
+}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..89ccb5f
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,16 @@
+module.exports = {
+ content: [
+ "./index.html",
+ "./src/**/*.{vue,js,ts,jsx,tsx}",
+ ],
+ theme: {
+ extend: {
+ screens: {
+ 'print': {'raw': 'print'}
+ }
+ }
+ },
+ plugins: [
+ require('@tailwindcss/typography')
+ ],
+}
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..32d4268
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,24 @@
+import { defineConfig, loadEnv } from 'vite'
+import Vue from '@vitejs/plugin-vue'
+import Markdown from 'vite-plugin-md'
+import path from 'path'
+
+// https://vitejs.dev/config/
+export default ({ mode }) => {
+ const { VITE_BASE_URL } = loadEnv(mode, process.cwd())
+
+ return defineConfig({
+ base: VITE_BASE_URL,
+ resolve: {
+ alias: {
+ '@': path.resolve(__dirname, './src')
+ },
+ },
+ plugins: [
+ Vue({
+ include: [/\.vue$/, /\.md$/], // <--
+ }),
+ Markdown()
+ ],
+ })
+}