Troplo
/
website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

This commit is contained in:
Troplo 2022-02-05 21:28:05 +11:00
parent 845f114ee8
commit 1406eb9166
6 changed files with 45 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -4,7 +4,7 @@
"private": true, "private": true,
"scripts": { "scripts": {
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve",
"build": "vue-cli-service build --no-clean", "build": "vue-cli-service build",
"lint": "vue-cli-service lint", "lint": "vue-cli-service lint",
"postinstall": "patch-package" "postinstall": "patch-package"
}, },

4
public/index.html
View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title> <title>Troplo's Website</title>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
@ -14,7 +14,7 @@
</head> </head>
<body> <body>
<noscript> <noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> <strong>We're sorry but Troplo's Website doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript> </noscript>
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->

2
public/robots.txt
View File

@ -1,2 +0,0 @@
User-agent: *
Disallow:

8
src/components/Header.vue
View File

@ -19,7 +19,7 @@
:key="item.id" :key="item.id"
class="ml-1" class="ml-1"
:to="item.path" :to="item.path"
style="text-transform: unset !important;" style="text-transform: unset !important"
:disabled="item.disabled" :disabled="item.disabled"
> >
<v-list-item-title>{{ item.title }}</v-list-item-title> <v-list-item-title>{{ item.title }}</v-list-item-title>
@ -57,7 +57,11 @@
<v-list-item-title>{{ item.title }}</v-list-item-title> <v-list-item-title>{{ item.title }}</v-list-item-title>
</v-list-item-content> </v-list-item-content>
</v-list-item> </v-list-item>
<v-list-item link @click="$vuetify.theme.dark = !$vuetify.theme.dark" v-if="false"> <v-list-item
link
@click="$vuetify.theme.dark = !$vuetify.theme.dark"
v-if="false"
>
<v-list-item-icon> <v-list-item-icon>
<v-icon>{{ <v-icon>{{
$vuetify.theme.dark ? "mdi-lightbulb-on" : "mdi-lightbulb-outline" $vuetify.theme.dark ? "mdi-lightbulb-on" : "mdi-lightbulb-outline"

69
src/views/Projects.vue
View File

@ -10,7 +10,9 @@
<v-card-title>{{ project.name }}</v-card-title> <v-card-title>{{ project.name }}</v-card-title>
<v-card-text> <v-card-text>
<span style="white-space: pre-line; overflow-wrap: anywhere;">{{ project.description }}</span> <span style="white-space: pre-line; overflow-wrap: anywhere">{{
project.description
}}</span>
</v-card-text> </v-card-text>
<v-divider class="mx-4"></v-divider> <v-divider class="mx-4"></v-divider>
@ -20,12 +22,12 @@
<v-card-text> <v-card-text>
<v-chip-group column> <v-chip-group column>
<v-chip <v-chip
v-for="tag in project.tags" v-for="tag in project.tags"
:key="tag.id" :key="tag.id"
:href="tag.link" :href="tag.link"
:color="tag.color" :color="tag.color"
disabled disabled
style="opacity: 1" style="opacity: 1"
> >
<v-icon>{{ tag.icon }}</v-icon <v-icon>{{ tag.icon }}</v-icon
><template v-if="tag.icon">&nbsp;</template> ><template v-if="tag.icon">&nbsp;</template>
@ -38,11 +40,11 @@
<v-card-actions v-if="project.links.length"> <v-card-actions v-if="project.links.length">
<v-btn <v-btn
v-for="link in project.links" v-for="link in project.links"
:key="link.name" :key="link.name"
color="blue" color="blue"
text text
:href="link.link" :href="link.link"
> >
{{ link.name }} {{ link.name }}
</v-btn> </v-btn>
@ -86,7 +88,7 @@ export default {
} }
], ],
description: description:
"A 3D sandbox game, and social avatar platform written in Express and Vue.js.", "A 3D sandbox game, and social avatar platform written in Express and Vue.js.",
visible: true, visible: true,
links: [] links: []
}, },
@ -116,7 +118,7 @@ export default {
} }
], ],
description: description:
"An invite only file uploading service written in Express and Vue.js.", "An invite only file uploading service written in Express and Vue.js.",
visible: true, visible: true,
links: [ links: [
{ {
@ -191,7 +193,7 @@ export default {
} }
], ],
description: description:
"Helping create the brand new website for Polytoria, a 3D sandbox platform.", "Helping create the brand new website for Polytoria, a 3D sandbox platform.",
visible: true, visible: true,
links: [ links: [
{ {
@ -232,7 +234,7 @@ export default {
} }
], ],
description: description:
"Open source file hosting service which aims to be performant, and modular.\nName not finalized.", "Open source file hosting service which aims to be performant, and modular.\nName not finalized.",
visible: true, visible: true,
links: {} links: {}
}, },
@ -276,8 +278,7 @@ export default {
link: "https://vuejs.org" link: "https://vuejs.org"
} }
], ],
description: description: "The website you are viewing right now.",
"The website you are viewing right now.",
visible: true, visible: true,
links: [ links: [
{ {
@ -325,24 +326,24 @@ export default {
visible: true, visible: true,
links: [] links: []
} }
] ]
} }
}, },
computed: { computed: {
getVisible() { getVisible() {
return this.projects.filter((i) => i.visible) return this.projects.filter((i) => i.visible)
} }
}, },
methods: { methods: {
getImage(image) { getImage(image) {
try { try {
return require("../assets/images/" + image + ".png") return require("../assets/images/" + image + ".png")
} catch { } catch {
return ( return (
"https://dummyimage.com/1920x1080/151515/ffffff.png&text=" + image "https://dummyimage.com/1920x1080/151515/ffffff.png&text=" + image
) )
}
} }
} }
} }
}
</script> </script>

2
vue.config.js
View File

@ -34,5 +34,5 @@ module.exports = {
} }
}) })
] ]
}, }
} }