add missing project

This commit is contained in:
Troplo 2022-02-06 19:16:27 +11:00
parent 2afdd395b8
commit 589fda1164
5 changed files with 48 additions and 4 deletions

View file

@ -6,6 +6,11 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>Troplo's Website</title>
<meta name="title" content="Troplo's Website">
<meta name="keywords" content="troplo, flowinity, pinnoto, berri, mira, polytoria, vixlatio, jays.host, troplo-site">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<link rel="preconnect" href="https://fonts.googleapis.com">
<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">

View file

@ -7,13 +7,17 @@
</v-app>
</template>
<style>
.troplo-nav {
font-family: 'Roboto', sans-serif;
}
.troplo-header {
-webkit-font-smoothing: antialiased !important;
background: -webkit-radial-gradient(#0179f3, #0190ea) !important;
}
.troplo-header-title {
-webkit-font-smoothing: antialiased !important;
font-family: "Montserrat", sans-serif;
font-family: "Montserrat", sans-serif !important;
font-weight: 450;
elevation: 0 !important;
font-size: 15rem;

View file

Before

Width:  |  Height:  |  Size: 843 B

After

Width:  |  Height:  |  Size: 843 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 258 KiB

View file

@ -4,7 +4,7 @@
<p class="justify-center text-center text-h4">My Projects</p>
<v-row>
<v-col md="3" v-for="(project, index) in getVisible" :key="index">
<v-card class="rounded-xl" elevation="8">
<v-card class="rounded-xl troplo-p" elevation="8">
<v-img :src="getImage(project.internalName)"></v-img>
<v-card-title>{{ project.name }}</v-card-title>
@ -27,10 +27,11 @@
:href="tag.link"
:color="tag.color"
:disabled="!tag.link"
class="troplo-p"
:text-color="tag.textColor || 'white'"
style="opacity: 1"
>
<v-img v-if="tag.icon === 'crystal'" src="../assets/icons/crystal_icon.svg" width="30" height="30"></v-img>
<v-img v-if="tag.icon === 'crystal'" src="../assets/icons/crystal-icon.svg" width="30" height="30"></v-img>
<v-icon v-if="tag.icon !== 'crystal'">{{ tag.icon }}</v-icon>
<template v-if="tag.icon">&nbsp;</template>
{{ tag.name }}
@ -329,7 +330,41 @@ export default {
description: "Code editor. Coming soon.",
visible: true,
links: []
}
},
{
id: 10,
name: "Vixlatio",
internalName: "vixlatio",
tags: [
{
internalName: "active",
name: "Active",
icon: "mdi-check-circle",
color: "success"
},
{
internalName: "vue",
name: "Vue",
icon: "mdi-vuejs",
color: "#42b883",
link: "https://vuejs.org"
},
{
internalName: "express",
name: "Express",
icon: "mdi-nodejs",
link: "https://expressjs.com"
}
],
description: "Developer for Vixlatio, a blazing fast gaming platform that is powered by the creativity of its users.",
visible: true,
links: [
{
name: "Website",
link: "https://vixlatio.com"
}
]
},
]
}
},