diff --git a/package.json b/package.json
index 946d991..cf87009 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
- "name": "jays-host",
+ "name": "troplo-base",
"version": "1.0.0",
- "description": "A ShareX photo gallery.",
+ "description": "troplo-base",
"main": "index.js",
"scripts": {
"serve": "nodemon --ignore ./ui/"
diff --git a/ui/package.json b/ui/package.json
index ecdc02b..9810f6f 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -4,7 +4,7 @@
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
- "build": "vue-cli-service build",
+ "build": "vue-cli-service build --no-clean",
"lint": "vue-cli-service lint",
"postinstall": "patch-package"
},
diff --git a/ui/src/assets/images/polytoria.png b/ui/src/assets/images/polytoria.png
new file mode 100644
index 0000000..5d7a2cb
Binary files /dev/null and b/ui/src/assets/images/polytoria.png differ
diff --git a/ui/src/assets/images/proj01.png b/ui/src/assets/images/proj01.png
new file mode 100644
index 0000000..0b853bd
Binary files /dev/null and b/ui/src/assets/images/proj01.png differ
diff --git a/ui/src/components/Header.vue b/ui/src/components/Header.vue
index 0b9651c..09fa99b 100644
--- a/ui/src/components/Header.vue
+++ b/ui/src/components/Header.vue
@@ -43,7 +43,7 @@ export default {
items: [
{id: 1, title: "Home", icon: "mdi-home", path: "/"},
{id: 2, title: "Projects", icon: "mdi-text-box-multiple", path: "/projects"},
- {id: 3, title: "Contact", icon: "mdi-mail", path: "/contact"}
+ {id: 3, title: "Contact", icon: "mdi-email", path: "/contact"}
]
}
},
diff --git a/ui/src/router/index.js b/ui/src/router/index.js
index 000a7cb..a5fe019 100644
--- a/ui/src/router/index.js
+++ b/ui/src/router/index.js
@@ -25,6 +25,22 @@ const routes = [
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "nexus" */ '../views/Nexus.vue')
},
+ {
+ path: '/contact',
+ name: 'Contact',
+ // route level code-splitting
+ // this generates a separate chunk (about.[hash].js) for this route
+ // which is lazy-loaded when the route is visited.
+ component: () => import(/* webpackChunkName: "contact" */ '../views/Contact.vue')
+ },
+ {
+ path: '*',
+ name: 'Not Found',
+ // route level code-splitting
+ // this generates a separate chunk (about.[hash].js) for this route
+ // which is lazy-loaded when the route is visited.
+ component: () => import(/* webpackChunkName: "notFound" */ '../views/NotFound.vue')
+ },
]
const router = new VueRouter({
diff --git a/ui/src/store/index.js b/ui/src/store/index.js
index 3128235..583da42 100644
--- a/ui/src/store/index.js
+++ b/ui/src/store/index.js
@@ -6,6 +6,7 @@ Vue.use(Vuex)
export default new Vuex.Store({
state: {
site: {
+ name: 'Troplo\'s Website',
route: ''
}
},
diff --git a/ui/src/views/Contact.vue b/ui/src/views/Contact.vue
new file mode 100644
index 0000000..98ddef9
--- /dev/null
+++ b/ui/src/views/Contact.vue
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ui/src/views/Home.vue b/ui/src/views/Home.vue
index 8e22bf1..93742e5 100644
--- a/ui/src/views/Home.vue
+++ b/ui/src/views/Home.vue
@@ -1,9 +1,20 @@
+
+
+
+
\ No newline at end of file
diff --git a/ui/src/views/Projects.vue b/ui/src/views/Projects.vue
index 7c33de7..9971186 100644
--- a/ui/src/views/Projects.vue
+++ b/ui/src/views/Projects.vue
@@ -1,33 +1,52 @@
-
- Projects
+
+ Projects
-
-
-
-
- {{project.name}}
+
+
+
+
+ {{project.name}}
+
+
+ {{project.description}}
+
+
+
+
+ More Information
+
+
+
{{tag.icon}}
{{tag.name}}
- {{project.description}}
-
-
- mdi-web Website
-
-
- mdi-git Git Repository
-
-
-
-
+
+
+
+
+
+
+
+ {{link.name}}
+
+
@@ -90,13 +109,24 @@ export default {
name: "Open Source",
icon: "mdi-git"
},
+ {
+ internalName: "vue",
+ name: "Vue",
+ icon: "mdi-vuejs",
+ color: "#42b883",
+ },
+ {
+ internalName: "express",
+ name: "Express",
+ icon: "mdi-nodejs",
+ },
],
- description: "A 3D sandbox game, and social avatar community written in Express and Vue.js.",
+ description: "A 3D sandbox game, and social avatar platform written in Express and Vue.js.",
visible: true,
- links: {
- website: "https://kaverti.com",
- git: "https://git.troplo.com/Kaverti/website"
- }
+ links: [{
+ name: "Git Repository",
+ link: "https://git.troplo.com/Kaverti/website"
+ }],
},
{
id: 2,
@@ -106,27 +136,42 @@ export default {
{
internalName: "active",
name: "Active",
+ icon: "mdi-check-circle",
color: "success"
},
{
internalName: "freelance",
name: "Freelance",
+ icon: "mdi-currency-usd"
+ },
+ {
+ internalName: "vue",
+ name: "Vue",
+ icon: "mdi-vuejs",
+ color: "#42b883",
+ },
+ {
+ internalName: "express",
+ name: "Express",
+ icon: "mdi-nodejs",
},
],
description: "An invite only file uploading service written in Express and Vue.js.",
visible: true,
- links: {
- website: "https://jays.host"
- }
+ links: [{
+ name: "Website",
+ link: "https://jays.host"
+ }],
},
{
id: 3,
- name: "Mira",
+ name: "Pinnoto Mira",
internalName: "mira",
tags: [
{
internalName: "development",
name: "In Development",
+ icon: "mdi-information",
color: "info"
},
{
@@ -134,15 +179,146 @@ export default {
name: "Open Source",
icon: "mdi-git"
},
+ {
+ internalName: "vue",
+ name: "Vue",
+ icon: "mdi-vuejs",
+ color: "#42b883",
+ },
+ {
+ internalName: "crystal",
+ color: "black",
+ name: "Crystal",
+ icon: "mdi-language-ruby",
+ },
],
description: "EPUB reader written in Crystal and Vue.js.",
visible: true,
- links: {
- git: "https://github.com/pinnoto/mira"
- }
+ links: [{
+ name: "Git Repository",
+ link: "https://github.com/pinnoto/mira"
+ }],
+ },
+ {
+ id: 4,
+ name: "Polytoria",
+ internalName: "polytoria",
+ tags: [
+ {
+ internalName: "development",
+ name: "In Development",
+ icon: "mdi-information",
+ color: "info"
+ },
+ {
+ internalName: "vue",
+ name: "Vue",
+ icon: "mdi-vuejs",
+ color: "#42b883",
+ },
+ {
+ internalName: "adonis",
+ name: "Adonis.JS",
+ icon: "mdi-nodejs",
+ },
+ ],
+ description: "Helping create the brand new website for Polytoria, a 3D sandbox platform.",
+ visible: true,
+ links: [{
+ name: "Website",
+ link: "https://polytoria.com"
+ }],
+ },
+ {
+ id: 5,
+ name: "Pinnoto Berri",
+ internalName: "berri",
+ tags: [
+ {
+ internalName: "development",
+ name: "In Development",
+ icon: "mdi-information",
+ color: "info"
+ },
+ {
+ internalName: "openSource",
+ name: "Open Source",
+ icon: "mdi-git"
+ },
+ {
+ internalName: "vue",
+ name: "Vue",
+ icon: "mdi-vuejs",
+ color: "#42b883",
+ },
+ {
+ internalName: "crystal",
+ color: "black",
+ name: "Crystal",
+ icon: "mdi-language-ruby",
+ },
+ ],
+ description: "Self hostable, and open source file uploading service created to be performant, and modular.\nName not finalized.",
+ visible: true,
+ links: {}
+ },
+ {
+ id: 6,
+ name: "Flowinity",
+ internalName: "flowinity",
+ tags: [
+ {
+ internalName: "development",
+ name: "In Development",
+ icon: "mdi-information",
+ color: "info"
+ }
+ ],
+ description: "A tech blog.",
+ visible: true,
+ links: {}
+ },
+ {
+ id: 7,
+ name: "Website",
+ internalName: "troplo-website",
+ tags: [
+ {
+ internalName: "openSource",
+ name: "Open Source",
+ icon: "mdi-git"
+ },
+ {
+ internalName: "vue",
+ name: "Vue",
+ icon: "mdi-vuejs",
+ color: "#42b883",
+ },
+ ],
+ description: "If you want the source code to this website for whatever reason, it is available.",
+ visible: true,
+ links: [
+ {
+ name: "Git Repository",
+ link: "https://git.troplo.com/Troplo/website-new"
+ },
+ {
+ name: "Website",
+ link: "https://troplo.com"
+ },
+ ],
},
]
}
+ },
+ methods: {
+ getImage(image) {
+ try {
+ return require('../assets/images/' + image + '.png')
+ } catch {
+ return "https://dummyimage.com/1920x1080/151515/ffffff.png&text=" + image
+ }
+ }
}
}