diff --git a/package-lock.json b/package-lock.json
index 6b1dbfa..b69cb21 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,8 @@
"v-click-outside": "^3.2.0",
"vue": "^3.3.4",
"vue-router": "^4.2.2",
- "vue-window-size": "^2.0.0"
+ "vue-window-size": "^2.0.0",
+ "vuetify": "^3.3.23"
},
"devDependencies": {
"@rushstack/eslint-patch": "^1.2.0",
@@ -4944,7 +4945,7 @@
"version": "5.0.4",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz",
"integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==",
- "dev": true,
+ "devOptional": true,
"bin": {
"tsc": "bin/tsc",
"tsserver": "bin/tsserver"
@@ -5196,6 +5197,39 @@
"vue": "^3.0 || ^2.7"
}
},
+ "node_modules/vuetify": {
+ "version": "3.3.23",
+ "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.3.23.tgz",
+ "integrity": "sha512-EVEFvDyKr/HK2+hQJyhQSjIDULDaBi9vfgAAB0ekm+2Tvc8AkaDwb7VK44R2eilGFGpju6iN52FV7Uasj8SmIg==",
+ "engines": {
+ "node": "^12.20 || >=14.13"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/johnleider"
+ },
+ "peerDependencies": {
+ "typescript": ">=4.7",
+ "vite-plugin-vuetify": "^1.0.0-alpha.12",
+ "vue": "^3.2.0",
+ "vue-i18n": "^9.0.0",
+ "webpack-plugin-vuetify": "^2.0.0-alpha.11"
+ },
+ "peerDependenciesMeta": {
+ "typescript": {
+ "optional": true
+ },
+ "vite-plugin-vuetify": {
+ "optional": true
+ },
+ "vue-i18n": {
+ "optional": true
+ },
+ "webpack-plugin-vuetify": {
+ "optional": true
+ }
+ }
+ },
"node_modules/which": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
diff --git a/package.json b/package.json
index 3d72091..649be63 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,8 @@
"v-click-outside": "^3.2.0",
"vue": "^3.3.4",
"vue-router": "^4.2.2",
- "vue-window-size": "^2.0.0"
+ "vue-window-size": "^2.0.0",
+ "vuetify": "^3.3.23"
},
"devDependencies": {
"@rushstack/eslint-patch": "^1.2.0",
diff --git a/src/assets/dna_mobile.png b/src/assets/dna_mobile.png
new file mode 100644
index 0000000..5026d23
Binary files /dev/null and b/src/assets/dna_mobile.png differ
diff --git a/src/assets/thiolation.png b/src/assets/thiolation.png
new file mode 100644
index 0000000..dad9f6f
Binary files /dev/null and b/src/assets/thiolation.png differ
diff --git a/src/components/CustomTable2.vue b/src/components/CustomTable2.vue
new file mode 100644
index 0000000..c5e5979
--- /dev/null
+++ b/src/components/CustomTable2.vue
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+ {{ header }}
+ |
+
+
+
+
+ {{ tableData.rowHeaders[i / tableData.rowsPerRowHeader] }}
+ |
+ {{ item }} |
+
+
+
+
diff --git a/src/components/Equation.vue b/src/components/Equation.vue
index 87b1bce..0b027b8 100644
--- a/src/components/Equation.vue
+++ b/src/components/Equation.vue
@@ -12,8 +12,8 @@ onMounted(() => {