Skip to content

Commit 0522b46

Browse files
binzcodesbinzcodes
authored
feat: Initial Release (#5)
* ci(commitizen): add Commitizen support add Commitizen for easy conventional commits * ci(semantic-release): automate release add release automation with `semantic-release` and GitHub Actions * style(prettier): modify Prettier config modify Prettier config at `.prettierrc` to better suit preferences * build(netlify): add netlify support add netlify config including recommended security headers * feat(pwa): add pwa config add pwa config to `nuxt.config.js` remove redundant code in `head` section. * feat(placeholder-content): add placeholder content add placeholder landing page to site with basic info and link to https://rbi.nz/ * docs(app-description): update app description change the app description to better descibe the app * docs(app-author): update app author add email and website to app author object in package.json * refactor(logo.vue): remove unused animations remove unused animations and update legacy class name
1 parent 0767f2b commit 0522b46

20 files changed

+420
-264
lines changed

‎.github/workflows/release.yml

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
name: Release
2+
on:
3+
push:
4+
branches:
5+
- master
6+
jobs:
7+
release:
8+
name: Release
9+
runs-on: ubuntu-latest
10+
steps:
11+
- uses: actions/checkout@master
12+
- name: Release
13+
env:
14+
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
15+
run: npx semantic-release

‎.prettierrc

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
22
"semi": false,
3-
"arrowParens": "always",
3+
"arrowParens": "avoid",
44
"singleQuote": true
55
}

‎README.md

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,20 @@
11
# nuxt-static
2-
32
> Nuxt generate static site boilerplate
43
4+
Check out the demo [here](https://nuxt-static.demo.rbi.nz)
5+
6+
[![Netlify Status](https://api.netlify.com/api/v1/badges/454e075a-e72f-4760-abd7-60ddce79de0b/deploy-status)](https://app.netlify.com/sites/binz-nuxt-static/deploys)
7+
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
8+
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
9+
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
10+
[![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg)](https://conventionalcommits.org)
11+
512
## Build Setup
613

714
``` bash
15+
# install prerequisites
16+
npm install -g commitizen
17+
818
# install dependencies
919
$ npm run install
1020

‎components/HelloCard.vue

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
<template>
2+
<v-card>
3+
<div>
4+
<logo />
5+
</div>
6+
<v-card-title primary-title class="p-8">
7+
<div class="mx-auto">
8+
<h1 class="headline text-xs-center">{{ cardTitle }}</h1>
9+
<p class="grey--text text-xs-center mb-0">
10+
{{ cardDescription }}
11+
</p>
12+
</div>
13+
</v-card-title>
14+
<skills v-bind:skills="skills"></skills>
15+
</v-card>
16+
</template>
17+
18+
<script>
19+
export default {
20+
name: 'HelloCard',
21+
components: {
22+
Logo: () => import('~/components/Logo.vue'),
23+
Skills: () => import('~/components/Skills.vue')
24+
},
25+
props: {
26+
cardTitle: { type: String, default: 'Nuxt Static' },
27+
cardDescription: {
28+
type: String,
29+
default: 'A full-featured boilerplate for static websites.'
30+
}
31+
},
32+
data() {
33+
return {
34+
skills: [
35+
{
36+
name: 'Node.js',
37+
description: '',
38+
icon: 'mdi-nodejs',
39+
color: 'green'
40+
},
41+
{
42+
name: 'Vue.js',
43+
description: '',
44+
icon: 'mdi-vuejs',
45+
color: 'teal'
46+
},
47+
{
48+
name: 'Netlify',
49+
description: '',
50+
icon: 'mdi-rhombus',
51+
color: 'cyan'
52+
},
53+
{
54+
name: 'NuxtJS',
55+
description: '',
56+
icon: 'mdi-nuxt',
57+
color: 'teal'
58+
},
59+
{
60+
name: 'Vuetify',
61+
description: '',
62+
icon: 'mdi-vuetify',
63+
color: 'blue lighten-2'
64+
}
65+
]
66+
}
67+
}
68+
}
69+
</script>
70+
71+
<style>
72+
.v-card__text,
73+
.v-card__title {
74+
word-break: normal;
75+
}
76+
</style>

‎components/Logo.vue

Lines changed: 25 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,18 @@
11
<template>
2-
<div class="VueToNuxtLogo">
2+
<div class="rbinzLogo">
33
<div class="Triangle Triangle--two" />
4+
<div class="Triangle Triangle--two--lighten" />
45
<div class="Triangle Triangle--one" />
6+
<div class="Triangle Triangle--one--lighten" />
57
<div class="Triangle Triangle--three" />
8+
<div class="Triangle Triangle--three--lighten" />
69
<div class="Triangle Triangle--four" />
710
</div>
811
</template>
912

1013
<style>
11-
.VueToNuxtLogo {
14+
.rbinzLogo {
1215
display: inline-block;
13-
animation: turn 2s linear forwards 1s;
14-
transform: rotateX(180deg);
1516
position: relative;
1617
overflow: hidden;
1718
height: 180px;
@@ -29,51 +30,38 @@
2930
.Triangle--one {
3031
border-left: 105px solid transparent;
3132
border-right: 105px solid transparent;
32-
border-bottom: 180px solid #41b883;
33+
border-top: 180px solid #83e0a4;
34+
}
35+
36+
.Triangle--one--lighten {
37+
border-left: 105px solid transparent;
38+
border-top: 180px solid #98eab5;
3339
}
3440
3541
.Triangle--two {
36-
top: 30px;
37-
left: 35px;
38-
animation: goright 0.5s linear forwards 3.5s;
42+
left: 70px;
3943
border-left: 87.5px solid transparent;
4044
border-right: 87.5px solid transparent;
41-
border-bottom: 150px solid #3b8070;
45+
border-top: 150px solid #43a1c5;
46+
}
47+
48+
.Triangle--two--lighten {
49+
left: 70px;
50+
border-left: 87.5px solid transparent;
51+
border-top: 150px solid #7dc6e1;
4252
}
4353
4454
.Triangle--three {
45-
top: 60px;
46-
left: 35px;
47-
animation: goright 0.5s linear forwards 3.5s;
55+
left: 70px;
4856
border-left: 70px solid transparent;
4957
border-right: 70px solid transparent;
50-
border-bottom: 120px solid #35495e;
58+
border-top: 120px solid #184757;
5159
}
5260
53-
.Triangle--four {
54-
top: 120px;
61+
.Triangle--three--lighten {
5562
left: 70px;
56-
animation: godown 0.5s linear forwards 3s;
57-
border-left: 35px solid transparent;
58-
border-right: 35px solid transparent;
59-
border-bottom: 60px solid #fff;
60-
}
61-
62-
@keyframes turn {
63-
100% {
64-
transform: rotateX(0deg);
65-
}
66-
}
67-
68-
@keyframes godown {
69-
100% {
70-
top: 180px;
71-
}
72-
}
73-
74-
@keyframes goright {
75-
100% {
76-
left: 70px;
77-
}
63+
animation: gorightTwoHighlight 0.5s linear forwards 3.5s;
64+
border-left: 70px solid transparent;
65+
border-top: 120px solid #23596b;
7866
}
7967
</style>

‎components/Skill.vue

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<template>
2+
<v-tooltip bottom>
3+
<template v-slot:activator="{ on }">
4+
<v-icon v-on="on" :color="skill.color" size="28">
5+
{{ skill.icon }}
6+
</v-icon>
7+
</template>
8+
<span>{{ skill.name }}</span>
9+
</v-tooltip>
10+
</template>
11+
12+
<script>
13+
export default {
14+
name: 'Skill',
15+
props: {
16+
skill: {
17+
type: Object,
18+
required: true
19+
}
20+
}
21+
}
22+
</script>

‎components/Skills.vue

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<template>
2+
<v-card-actions v-if="skills.length > 0" class="pb-8">
3+
<div v-bind:key="skill.index" v-for="skill in skills" class="mx-auto">
4+
<skill v-bind:skill="skill"></skill>
5+
</div>
6+
</v-card-actions>
7+
</template>
8+
9+
<script>
10+
export default {
11+
name: 'Skills',
12+
components: {
13+
Skill: () => import('~/components/Skill.vue')
14+
},
15+
props: {
16+
skills: {
17+
type: [Object, Array],
18+
default: () => []
19+
}
20+
}
21+
}
22+
</script>

‎components/VuetifyLogo.vue

Lines changed: 0 additions & 21 deletions
This file was deleted.

‎components/layout/Footer.vue

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<template>
2+
<v-hover v-slot:default="{ hover }">
3+
<v-footer
4+
:class="{ 'grey lighten-3': hover }"
5+
absolute
6+
class="font-weight-medium"
7+
padless
8+
>
9+
<v-col
10+
@click="openSite()"
11+
:class="{ isHover: hover, 'text--darken-2': hover }"
12+
class="text-center grey--text hover"
13+
cols="12"
14+
>
15+
<strong>rbi.nz</strong>
16+
</v-col>
17+
</v-footer>
18+
</v-hover>
19+
</template>
20+
21+
<script scoped>
22+
export default {
23+
name: 'Footer',
24+
methods: {
25+
openSite() {
26+
window.open('https://rbi.nz', '_blank')
27+
}
28+
}
29+
}
30+
</script>
31+
32+
<style>
33+
.isHover {
34+
cursor: pointer;
35+
}
36+
</style>

0 commit comments

Comments
 (0)