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

1

Browse source
This commit is contained in:
Troplo 2021-11-01 15:17:50 +11:00
parent 7d9ac6ac7a
commit 2b7b3d0658
16 changed files with 647 additions and 511 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
.gitignore vendored
View file

@ -1,28 +1,28 @@
# Node Modules # Node Modules
node_modules node_modules
# Local ENV files # Local ENV files
.env.local .env.local
.env.*.local .env.*.local
# Log files # Log files
npm-debug.log* npm-debug.log*
yarn-debug.log* yarn-debug.log*
yarn-error.log* yarn-error.log*
pnpm-debug.log* pnpm-debug.log*
# Editor Directories/Files # Editor Directories/Files
.idea .idea
.vscode .vscode
*.suo *.suo
*.ntvs* *.ntvs*
*.njsproj *.njsproj
*.sln *.sln
*.sw? *.sw?
.DS_Store .DS_Store
yarn.lock yarn.lock
# Custom # Custom
.env .env
config/config.json config/config.json

82
package.json
View file

@ -1,41 +1,41 @@
{ {
"name": "jays-host", "name": "jays-host",
"version": "1.0.0", "version": "1.0.0",
"description": "A ShareX photo gallery.", "description": "A ShareX photo gallery.",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {
"serve": "nodemon --ignore ./ui/" "serve": "nodemon --ignore ./ui/"
}, },
"author": "Troplo", "author": "Troplo",
"license": "Internal use only.", "license": "Internal use only.",
"private": true, "private": true,
"dependencies": { "dependencies": {
"@discordjs/rest": "^0.1.0-canary.0", "@discordjs/rest": "^0.1.0-canary.0",
"axios": "^0.21.1", "axios": "^0.21.1",
"bcryptjs": "^2.4.3", "bcryptjs": "^2.4.3",
"body-parser": "^1.19.0", "body-parser": "^1.19.0",
"btcpay": "^0.2.5", "btcpay": "^0.2.5",
"btoa": "^1.2.1", "btoa": "^1.2.1",
"cloudflare": "^2.8.0", "cloudflare": "^2.8.0",
"cors": "^2.8.5", "cors": "^2.8.5",
"crypto-random-string": "3.3.1", "crypto-random-string": "3.3.1",
"discord.js": "^13.1.0", "discord.js": "^13.1.0",
"dotenv": "^10.0.0", "dotenv": "^10.0.0",
"express": "^4.17.1", "express": "^4.17.1",
"express-autosanitizer": "^1.0.2", "express-autosanitizer": "^1.0.2",
"form-data": "^4.0.0", "form-data": "^4.0.0",
"helmet": "^4.6.0", "helmet": "^4.6.0",
"is-valid-domain": "^0.1.2", "is-valid-domain": "^0.1.2",
"jsonwebtoken": "^8.5.1", "jsonwebtoken": "^8.5.1",
"jw-paginate": "^1.0.4", "jw-paginate": "^1.0.4",
"microstats": "^0.1.2", "microstats": "^0.1.2",
"moment": "^2.29.1", "moment": "^2.29.1",
"multer": "^1.4.2", "multer": "^1.4.2",
"mysql2": "^2.2.5", "mysql2": "^2.2.5",
"nodemon": "^2.0.12", "nodemon": "^2.0.12",
"sequelize": "^6.6.5", "sequelize": "^6.6.5",
"sequelize-cli": "^6.2.0", "sequelize-cli": "^6.2.0",
"speakeasy": "^2.0.0", "speakeasy": "^2.0.0",
"whois": "^2.13.5" "whois": "^2.13.5"
} }
} }

34
ui/.eslintrc.js
View file

@ -1,17 +1,17 @@
module.exports = { module.exports = {
root: true, root: true,
env: { env: {
node: true node: true
}, },
'extends': [ 'extends': [
'plugin:vue/essential', 'plugin:vue/essential',
'eslint:recommended' 'eslint:recommended'
], ],
parserOptions: { parserOptions: {
parser: 'babel-eslint' parser: 'babel-eslint'
}, },
rules: { rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off' 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
} }
} }

6
ui/public/img/icons/safari-pinned-tab.svg
View file

@ -1,3 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00251 14.9297L0 1.07422H6.14651L8.00251 4.27503L9.84583 1.07422H16L8.00251 14.9297Z" fill="black"/> <path d="M8.00251 14.9297L0 1.07422H6.14651L8.00251 4.27503L9.84583 1.07422H16L8.00251 14.9297Z" fill="black"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 215 B

After

Width:  |  Height:  |  Size: 218 B

38
ui/public/index.html
View file

@ -1,19 +1,19 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<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><%= htmlWebpackPlugin.options.title %></title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
</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 <%= htmlWebpackPlugin.options.title %> 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 -->
</body> </body>
</html> </html>

4
ui/public/robots.txt
View file

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

126
ui/src/App.vue
View file

@ -1,63 +1,63 @@
<template> <template>
<v-app> <v-app>
<v-main> <v-main>
<Header></Header> <Header></Header>
<router-view/> <router-view/>
</v-main> </v-main>
</v-app> </v-app>
</template> </template>
<style> <style>
.troploGradient { .troploGradient {
font-weight: 500;background: -webkit-radial-gradient(#0179f3, #0190ea);-webkit-background-clip: text;-webkit-text-fill-color: transparent font-weight: 500;background: -webkit-radial-gradient(#0179f3, #0190ea);-webkit-background-clip: text;-webkit-text-fill-color: transparent
} }
.theme--dark.v-sheet { .theme--dark.v-sheet {
background-color: #151515 !important; background-color: #151515 !important;
border-color: #151515 !important; border-color: #151515 !important;
color: #FFFFFF; color: #FFFFFF;
} }
.card { .card {
overflow: hidden overflow: hidden
} }
.theme--dark.v-card { .theme--dark.v-card {
background-color: #151515 !important; background-color: #151515 !important;
} }
/* Works on Firefox */ /* Works on Firefox */
* { * {
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: black #151515; scrollbar-color: black #151515;
} }
/* Works on Chrome, Edge, and Safari */ /* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar { *::-webkit-scrollbar {
width: 12px; width: 12px;
} }
*::-webkit-scrollbar-track { *::-webkit-scrollbar-track {
background: #0e0e0e; background: #0e0e0e;
} }
*::-webkit-scrollbar-thumb { *::-webkit-scrollbar-thumb {
background-color: #151515; background-color: #151515;
border-radius: 20px; border-radius: 20px;
border: 3px solid #151515; border: 3px solid #151515;
} }
</style> </style>
<script> <script>
import Header from './components/Header.vue' import Header from './components/Header.vue'
export default { export default {
name: 'App', name: 'App',
components: { components: {
Header Header
}, },
data: () => ({ data: () => ({
// //
}), }),
watch: { watch: {
$route (to) { $route (to) {
this.$store.commit('setRoute', to.name) this.$store.commit('setRoute', to.name)
document.title = to.name + ' - ' + this.$store.state.site.name document.title = to.name + ' - ' + this.$store.state.site.name
} }
} }
}; };
</script> </script>

113
ui/src/components/Header.vue
View file

@ -1,57 +1,58 @@
<template> <template>
<div id="header"> <div id="header">
<v-app-bar color="dark" floating app dense> <v-app-bar color="dark" floating app dense>
<v-app-bar-nav-icon v-if="$vuetify.breakpoint.mobile && $store.state.user.username" @click.stop="drawer = !drawer"></v-app-bar-nav-icon> <v-app-bar-nav-icon v-if="$vuetify.breakpoint.mobile && $store.state.user.username" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
<v-toolbar-title>{{$store.state.site.route}}<v-app-bar-nav-icon disabled v-if="$store.state.site.release !== 'prod'">{{$store.state.site.release}}</v-app-bar-nav-icon></v-toolbar-title> <v-toolbar-title>{{$store.state.site.route}}<v-app-bar-nav-icon disabled v-if="$store.state.site.release !== 'prod'">{{$store.state.site.release}}</v-app-bar-nav-icon></v-toolbar-title>
<v-spacer></v-spacer> <v-spacer></v-spacer>
</v-app-bar> </v-app-bar>
<v-navigation-drawer <v-navigation-drawer
floating floating
color="dark" color="dark"
app app
expand> expand>
<v-divider></v-divider> <v-divider></v-divider>
<v-list nav dense> <v-list nav dense>
<v-list> <v-list>
<v-list> <v-list>
<v-list-item <v-list-item
v-for="item in items" v-for="item in items"
:key="item.id" :key="item.id"
link link
:to="item.path" :to="item.path"
> >
<v-list-item-icon> <v-list-item-icon>
<v-icon>{{ item.icon }}</v-icon> <v-icon>{{ item.icon }}</v-icon>
</v-list-item-icon> </v-list-item-icon>
<v-list-item-content> <v-list-item-content>
<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> </v-list>
</v-list> </v-list>
</v-list> </v-list>
</v-navigation-drawer> </v-navigation-drawer>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "Header", name: "Header",
data() { data() {
return { return {
items: [ items: [
{id: 1, title: "Home", icon: "mdi-home", path: "/"}, {id: 1, title: "Home", icon: "mdi-home", path: "/"},
{id: 2, title: "Projects", icon: "mdi-text-box-multiple", path: "/projects"} {id: 2, title: "Projects", icon: "mdi-text-box-multiple", path: "/projects"},
] {id: 3, title: "Contact", icon: "mdi-mail", path: "/contact"}
} ]
}, }
mounted() { },
this.$vuetify.theme = { dark: true } mounted() {
} this.$vuetify.theme = { dark: true }
} }
</script> }
</script>
<style scoped>
<style scoped>
</style> </style>

302
ui/src/components/HelloWorld.vue
View file

@ -1,151 +1,151 @@
<template> <template>
<v-container> <v-container>
<v-row class="text-center"> <v-row class="text-center">
<v-col cols="12"> <v-col cols="12">
<v-img <v-img
:src="require('../assets/logo.svg')" :src="require('../assets/logo.svg')"
class="my-3" class="my-3"
contain contain
height="200" height="200"
/> />
</v-col> </v-col>
<v-col class="mb-4"> <v-col class="mb-4">
<h1 class="display-2 font-weight-bold mb-3"> <h1 class="display-2 font-weight-bold mb-3">
Welcome to Vuetify Welcome to Vuetify
</h1> </h1>
<p class="subheading font-weight-regular"> <p class="subheading font-weight-regular">
For help and collaboration with other Vuetify developers, For help and collaboration with other Vuetify developers,
<br>please join our online <br>please join our online
<a <a
href="https://community.vuetifyjs.com" href="https://community.vuetifyjs.com"
target="_blank" target="_blank"
>Discord Community</a> >Discord Community</a>
</p> </p>
</v-col> </v-col>
<v-col <v-col
class="mb-5" class="mb-5"
cols="12" cols="12"
> >
<h2 class="headline font-weight-bold mb-3"> <h2 class="headline font-weight-bold mb-3">
What's next? What's next?
</h2> </h2>
<v-row justify="center"> <v-row justify="center">
<a <a
v-for="(next, i) in whatsNext" v-for="(next, i) in whatsNext"
:key="i" :key="i"
:href="next.href" :href="next.href"
class="subheading mx-3" class="subheading mx-3"
target="_blank" target="_blank"
> >
{{ next.text }} {{ next.text }}
</a> </a>
</v-row> </v-row>
</v-col> </v-col>
<v-col <v-col
class="mb-5" class="mb-5"
cols="12" cols="12"
> >
<h2 class="headline font-weight-bold mb-3"> <h2 class="headline font-weight-bold mb-3">
Important Links Important Links
</h2> </h2>
<v-row justify="center"> <v-row justify="center">
<a <a
v-for="(link, i) in importantLinks" v-for="(link, i) in importantLinks"
:key="i" :key="i"
:href="link.href" :href="link.href"
class="subheading mx-3" class="subheading mx-3"
target="_blank" target="_blank"
> >
{{ link.text }} {{ link.text }}
</a> </a>
</v-row> </v-row>
</v-col> </v-col>
<v-col <v-col
class="mb-5" class="mb-5"
cols="12" cols="12"
> >
<h2 class="headline font-weight-bold mb-3"> <h2 class="headline font-weight-bold mb-3">
Ecosystem Ecosystem
</h2> </h2>
<v-row justify="center"> <v-row justify="center">
<a <a
v-for="(eco, i) in ecosystem" v-for="(eco, i) in ecosystem"
:key="i" :key="i"
:href="eco.href" :href="eco.href"
class="subheading mx-3" class="subheading mx-3"
target="_blank" target="_blank"
> >
{{ eco.text }} {{ eco.text }}
</a> </a>
</v-row> </v-row>
</v-col> </v-col>
</v-row> </v-row>
</v-container> </v-container>
</template> </template>
<script> <script>
export default { export default {
name: 'HelloWorld', name: 'HelloWorld',
data: () => ({ data: () => ({
ecosystem: [ ecosystem: [
{ {
text: 'vuetify-loader', text: 'vuetify-loader',
href: 'https://github.com/vuetifyjs/vuetify-loader', href: 'https://github.com/vuetifyjs/vuetify-loader',
}, },
{ {
text: 'github', text: 'github',
href: 'https://github.com/vuetifyjs/vuetify', href: 'https://github.com/vuetifyjs/vuetify',
}, },
{ {
text: 'awesome-vuetify', text: 'awesome-vuetify',
href: 'https://github.com/vuetifyjs/awesome-vuetify', href: 'https://github.com/vuetifyjs/awesome-vuetify',
}, },
], ],
importantLinks: [ importantLinks: [
{ {
text: 'Documentation', text: 'Documentation',
href: 'https://vuetifyjs.com', href: 'https://vuetifyjs.com',
}, },
{ {
text: 'Chat', text: 'Chat',
href: 'https://community.vuetifyjs.com', href: 'https://community.vuetifyjs.com',
}, },
{ {
text: 'Made with Vuetify', text: 'Made with Vuetify',
href: 'https://madewithvuejs.com/vuetify', href: 'https://madewithvuejs.com/vuetify',
}, },
{ {
text: 'Twitter', text: 'Twitter',
href: 'https://twitter.com/vuetifyjs', href: 'https://twitter.com/vuetifyjs',
}, },
{ {
text: 'Articles', text: 'Articles',
href: 'https://medium.com/vuetify', href: 'https://medium.com/vuetify',
}, },
], ],
whatsNext: [ whatsNext: [
{ {
text: 'Explore components', text: 'Explore components',
href: 'https://vuetifyjs.com/components/api-explorer', href: 'https://vuetifyjs.com/components/api-explorer',
}, },
{ {
text: 'Select a layout', text: 'Select a layout',
href: 'https://vuetifyjs.com/getting-started/pre-made-layouts', href: 'https://vuetifyjs.com/getting-started/pre-made-layouts',
}, },
{ {
text: 'Frequently Asked Questions', text: 'Frequently Asked Questions',
href: 'https://vuetifyjs.com/getting-started/frequently-asked-questions', href: 'https://vuetifyjs.com/getting-started/frequently-asked-questions',
}, },
], ],
}), }),
} }
</script> </script>

30
ui/src/main.js
View file

@ -1,15 +1,15 @@
import Vue from 'vue' import Vue from 'vue'
import App from './App.vue' import App from './App.vue'
import './registerServiceWorker' import './registerServiceWorker'
import router from './router' import router from './router'
import vuetify from './plugins/vuetify' import vuetify from './plugins/vuetify'
import store from './store' import store from './store'
Vue.config.productionTip = false Vue.config.productionTip = false
new Vue({ new Vue({
router, router,
vuetify, vuetify,
store, store,
render: h => h(App) render: h => h(App)
}).$mount('#app') }).$mount('#app')

50
ui/src/plugins/vuetify.js
View file

@ -1,25 +1,25 @@
import Vue from 'vue' import Vue from 'vue'
import Vuetify from 'vuetify/lib/framework' import Vuetify from 'vuetify/lib/framework'
import colors from "vuetify/es5/util/colors"; import colors from "vuetify/es5/util/colors";
Vue.use(Vuetify) Vue.use(Vuetify)
export default new Vuetify({ export default new Vuetify({
theme: { theme: {
themes: { themes: {
light: { light: {
primary: colors.blue.lighten3, primary: colors.blue.lighten3,
secondary: colors.grey.darken1, secondary: colors.grey.darken1,
accent: colors.shades.black, accent: colors.shades.black,
error: colors.red.accent3, error: colors.red.accent3,
dark: "#151515", dark: "#151515",
text: "#000000" text: "#000000"
}, },
dark: { dark: {
primary: colors.blue, primary: colors.blue,
dark: "#151515", dark: "#151515",
text: "#ffffff" text: "#ffffff"
}, },
}, },
} }
}); });

64
ui/src/registerServiceWorker.js
View file

@ -1,32 +1,32 @@
/* eslint-disable no-console */ /* eslint-disable no-console */
import { register } from 'register-service-worker' import { register } from 'register-service-worker'
if (process.env.NODE_ENV === 'production') { if (process.env.NODE_ENV === 'production') {
register(`${process.env.BASE_URL}service-worker.js`, { register(`${process.env.BASE_URL}service-worker.js`, {
ready () { ready () {
console.log( console.log(
'App is being served from cache by a service worker.\n' + 'App is being served from cache by a service worker.\n' +
'For more details, visit https://goo.gl/AFskqB' 'For more details, visit https://goo.gl/AFskqB'
) )
}, },
registered () { registered () {
console.log('Service worker has been registered.') console.log('Service worker has been registered.')
}, },
cached () { cached () {
console.log('Content has been cached for offline use.') console.log('Content has been cached for offline use.')
}, },
updatefound () { updatefound () {
console.log('New content is downloading.') console.log('New content is downloading.')
}, },
updated () { updated () {
console.log('New content is available; please refresh.') console.log('New content is available; please refresh.')
}, },
offline () { offline () {
console.log('No internet connection found. App is running in offline mode.') console.log('No internet connection found. App is running in offline mode.')
}, },
error (error) { error (error) {
console.error('Error during service worker registration:', error) console.error('Error during service worker registration:', error)
} }
}) })
} }

70
ui/src/router/index.js
View file

@ -1,35 +1,35 @@
import Vue from 'vue' import Vue from 'vue'
import VueRouter from 'vue-router' import VueRouter from 'vue-router'
Vue.use(VueRouter) Vue.use(VueRouter)
const routes = [ const routes = [
{ {
path: '/', path: '/',
name: 'Home', name: 'Home',
component: () => import(/* webpackChunkName: "home" */ '../views/Home.vue') component: () => import(/* webpackChunkName: "home" */ '../views/Home.vue')
}, },
{ {
path: '/projects', path: '/projects',
name: 'Projects', name: 'Projects',
// route level code-splitting // route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route // this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited. // which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "projects" */ '../views/Projects.vue') component: () => import(/* webpackChunkName: "projects" */ '../views/Projects.vue')
}, },
{ {
path: '/nexus', path: '/nexus',
name: 'Nexus', name: 'Nexus',
// route level code-splitting // route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route // this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited. // which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "nexus" */ '../views/Nexus.vue') component: () => import(/* webpackChunkName: "nexus" */ '../views/Nexus.vue')
}, },
] ]
const router = new VueRouter({ const router = new VueRouter({
routes, routes,
mode: "history" mode: "history"
}) })
export default router export default router

20
ui/src/views/Home.vue
View file

@ -1,11 +1,11 @@
<template> <template>
<div id="home"> <div id="home">
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'Home', name: 'Home',
} }
</script> </script>

28
ui/src/views/Nexus.vue
View file

@ -1,15 +1,15 @@
<template> <template>
<div id="nexus"> <div id="nexus">
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "Nexus" name: "Nexus"
} }
</script> </script>
<style scoped> <style scoped>
</style> </style>

137
ui/src/views/Projects.vue
View file

@ -2,13 +2,148 @@
<div id="projects"> <div id="projects">
<v-container class="justify-center text-center"> <v-container class="justify-center text-center">
<p class="text-h4">Projects</p> <p class="text-h4">Projects</p>
<v-row>
<v-col v-for="(project, index) in projects" :key="index">
<v-card elevation="12">
<v-container>
<center>
<p class="text-h5">{{project.name}}</p>
<v-chip
class="ma-1"
v-for="tag in project.tags"
:key="tag"
:color="tag.color"
>
<v-icon>{{tag.icon}}</v-icon><template v-if="tag.icon">&nbsp;</template>
{{tag.name}}
</v-chip>
<p>{{project.description}}</p>
<v-card-actions class="justify-center">
<v-chip rounded color="deep-purple" class="ma-1" v-if="project.links.website">
<v-icon>mdi-web</v-icon>&nbsp;Website
</v-chip>
<v-chip rounded color="indigo" class="ma-1" v-if="project.links.git">
<v-icon>mdi-git</v-icon>&nbsp;Git Repository
</v-chip>
</v-card-actions>
</center>
</v-container>
</v-card>
</v-col>
</v-row>
</v-container> </v-container>
</div> </div>
</template> </template>
<style>
.blob {
border-radius: 50%;
margin: 6px;
height: 20px;
width: 20px;
transform: scale(1);
}
.blob.green {
background: rgba(51, 217, 178, 1);
box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
animation: pulse-green 1.3s infinite;
}
@keyframes pulse-green {
0% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 5px rgba(51, 217, 178, 0);
}
100% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
}
}
</style>
<script> <script>
export default { export default {
name: "Projects" name: "Projects",
data() {
return {
projects: [
{
id: 1,
name: "Kaverti",
internalName: "kaverti",
tags: [
{
internalName: "inactive",
name: "Discontinued",
color: "error",
icon: "mdi-alert-circle"
},
{
internalName: "openSource",
name: "Open Source",
icon: "mdi-git"
},
],
description: "A 3D sandbox game, and social avatar community written in Express and Vue.js.",
visible: true,
links: {
website: "https://kaverti.com",
git: "https://git.troplo.com/Kaverti/website"
}
},
{
id: 2,
name: "Jays.host",
internalName: "proj01",
tags: [
{
internalName: "active",
name: "Active",
color: "success"
},
{
internalName: "freelance",
name: "Freelance",
},
],
description: "An invite only file uploading service written in Express and Vue.js.",
visible: true,
links: {
website: "https://jays.host"
}
},
{
id: 3,
name: "Mira",
internalName: "mira",
tags: [
{
internalName: "development",
name: "In Development",
color: "info"
},
{
internalName: "openSource",
name: "Open Source",
icon: "mdi-git"
},
],
description: "EPUB reader written in Crystal and Vue.js.",
visible: true,
links: {
git: "https://github.com/pinnoto/mira"
}
},
]
}
}
} }
</script> </script>