From af1555e223ebb1b1813b9b85f4cf8dddc432189e Mon Sep 17 00:00:00 2001 From: Terry Truong Date: Wed, 2 Mar 2022 10:58:22 +1100 Subject: Initial commit --- .gitignore | 4 ++++ README.md | 10 ++++++++++ index.html | 13 +++++++++++++ package.json | 20 ++++++++++++++++++++ public/favicon.png | Bin 0 -> 1426 bytes src/App.vue | 20 ++++++++++++++++++++ src/main.js | 4 ++++ vite.config.js | 7 +++++++ 8 files changed, 78 insertions(+) create mode 100644 .gitignore create mode 100644 README.md create mode 100644 index.html create mode 100644 package.json create mode 100644 public/favicon.png create mode 100644 src/App.vue create mode 100644 src/main.js create mode 100644 vite.config.js diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..6016223 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +rem.not +package-lock.json +node_modules/ +dist/ diff --git a/README.md b/README.md new file mode 100644 index 0000000..a860b3f --- /dev/null +++ b/README.md @@ -0,0 +1,10 @@ +# Grid of Life + +An interactive visualisation of the biological tree of life. + +Each tile represents a group of organisms with a common ancestor. +- Clicking on a tile expands it into tiles representing direct descendants. + If there are too many other tiles, there might not be room to expand. +- Clicking on an expanded tile collapses it back into one tile. +- Double-clicking on a tile expands it to fill the whole view. + Other tiles will be moved to the side. diff --git a/index.html b/index.html new file mode 100644 index 0000000..3c63caf --- /dev/null +++ b/index.html @@ -0,0 +1,13 @@ + + + + + + + Grid of Life + + +
+ + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..4a947cd --- /dev/null +++ b/package.json @@ -0,0 +1,20 @@ +{ + "name": "grid-of-life", + "private": true, + "version": "0.0.0", + "description": "An interactive visualisation of the biological tree of life", + "scripts": { + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + }, + "author": "Terry Truong", + "license": "MIT", + "dependencies": { + "vue": "^3.2.25" + }, + "devDependencies": { + "@vitejs/plugin-vue": "^2.2.0", + "vite": "^2.8.0" + } +} diff --git a/public/favicon.png b/public/favicon.png new file mode 100644 index 0000000..d1c4ee3 Binary files /dev/null and b/public/favicon.png differ diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..a8c04d7 --- /dev/null +++ b/src/App.vue @@ -0,0 +1,20 @@ + + + + + diff --git a/src/main.js b/src/main.js new file mode 100644 index 0000000..01433bc --- /dev/null +++ b/src/main.js @@ -0,0 +1,4 @@ +import { createApp } from 'vue' +import App from './App.vue' + +createApp(App).mount('#app') diff --git a/vite.config.js b/vite.config.js new file mode 100644 index 0000000..7c75399 --- /dev/null +++ b/vite.config.js @@ -0,0 +1,7 @@ +import { defineConfig } from 'vite' +import vue from '@vitejs/plugin-vue' + +export default defineConfig({ + plugins: [vue()], + server: {open: true} //open browser when dev server starts +}) -- cgit v1.2.3