home/badger
2
0
Fork 0
mirror of https://github.com/wahyd4/badger.git synced 2026-08-08 21:05:55 +10:00
Code Issues Packages Projects Releases Wiki Activity

Refine landing page words

Browse Source
This commit is contained in:
junv
2021-01-26 10:29:31 +11:00
parent 29f645b2b9
commit f7c43b25af
7 changed files with 27 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/components/Logo.vue
-29
View File
@@ -1,29 +0,0 @@
<template>
<svg class="NuxtLogo" width="245" height="180" viewBox="0 0 452 342" xmlns="http://www.w3.org/2000/svg">
<path
d="M139 330l-1-2c-2-4-2-8-1-13H29L189 31l67 121 22-16-67-121c-1-2-9-14-22-14-6 0-15 2-22 15L5 303c-1 3-8 16-2 27 4 6 10 12 24 12h136c-14 0-21-6-24-12z"
fill="#00C58E"
/>
<path
d="M447 304L317 70c-2-2-9-15-22-15-6 0-15 3-22 15l-17 28v54l39-67 129 230h-49a23 23 0 0 1-2 14l-1 1c-6 11-21 12-23 12h76c3 0 17-1 24-12 3-5 5-14-2-26z"
fill="#108775"
/>
<path
d="M376 330v-1l1-2c1-4 2-8 1-12l-4-12-102-178-15-27h-1l-15 27-102 178-4 12a24 24 0 0 0 2 15c4 6 10 12 24 12h190c3 0 18-1 25-12zM256 152l93 163H163l93-163z"
fill="#2F495E"
/>
</svg>
</template>
<style>
.NuxtLogo {
animation: 1s appear;
margin: auto;
}
@keyframes appear {
0% {
opacity: 0;
}
}
</style>
www/nuxt.config.js
+5 -1
View File
@@ -79,7 +79,11 @@ export default {
myBadge:
process.env.NODE_ENV === "production"
? "https://badges.toozhao.com/badges/01EGTQ64XK7M48A67K9Y62J0QZ"
: "http://localhost:8080/badges/01EGTQ3JBFYS7VZG36SBPM0SA9"
: "http://localhost:8080/badges/01EGTQ3JBFYS7VZG36SBPM0SA9",
myStats:
process.env.NODE_ENV === "production"
? "https://badges.toozhao.com/stats/01EGTQ64XK7M48A67K9Y62J0QZ"
: "http://localhost:3000/stats/01EGTQ3JBFYS7VZG36SBPM0SA9"
},
/*
** Axios module configuration
www/package-lock.json
Generated
+2 -52
View File
@@ -2203,23 +2203,6 @@
"resolved": "https://registry.npmjs.org/@csstools/convert-colors/-/convert-colors-1.4.0.tgz",
"integrity": "sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw=="
},
"@intlify/vue-i18n-extensions": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/@intlify/vue-i18n-extensions/-/vue-i18n-extensions-1.0.2.tgz",
"integrity": "sha512-rnfA0ScyBXyp9xsSD4EAMGeOh1yv/AE7fhqdAdSOr5X8N39azz257umfRtzNT9sHXAKSSzpCVhIbMAkp5c/gjQ==",
"requires": {
"@babel/parser": "^7.9.6"
}
},
"@intlify/vue-i18n-loader": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/@intlify/vue-i18n-loader/-/vue-i18n-loader-1.0.0.tgz",
"integrity": "sha512-y7LlpKEQ01u7Yq14l4VNlbFYEHMmSEH1QXXASOMWspj9ZcIdCebhhvHCHqk5Oy5Epw3PtoxyRJNpb6Wle5udgA==",
"requires": {
"js-yaml": "^3.13.1",
"json5": "^2.1.1"
}
},
"@istanbuljs/load-nyc-config": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
@@ -7541,14 +7524,6 @@
"integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
"dev": true
},
"deepcopy": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/deepcopy/-/deepcopy-2.1.0.tgz",
"integrity": "sha512-8cZeTb1ZKC3bdSCP6XOM1IsTczIO73fdqtwa2B0N15eAz7gmyhQo+mc5gnFuulsgN3vIQYmTgbmQVKalH1dKvQ==",
"requires": {
"type-detect": "^4.0.8"
}
},
"deepmerge": {
"version": "4.2.2",
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
@@ -10099,11 +10074,6 @@
"is-extglob": "^2.1.1"
}
},
"is-https": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/is-https/-/is-https-2.0.2.tgz",
"integrity": "sha512-UfUCKVQH/6PQRCh5Qk9vNu4feLZiFmV/gr8DjbtJD0IrCRIDTA6E+d/AVFGPulI5tqK5W45fYbn1Nir1O99rFw=="
},
"is-negative-zero": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.1.tgz",
@@ -12983,22 +12953,6 @@
}
}
},
"nuxt-i18n": {
"version": "6.13.12",
"resolved": "https://registry.npmjs.org/nuxt-i18n/-/nuxt-i18n-6.13.12.tgz",
"integrity": "sha512-lpk59Fs8+heoXSJ/7VAHmSLXvyegaPmlYe+wSeI7g4VHVHL7YHIHypUPu/pQfEe0h1f5GY0R/w1Y8AEEPaXiVw==",
"requires": {
"@babel/parser": "^7.5.5",
"@babel/traverse": "^7.5.5",
"@intlify/vue-i18n-extensions": "^1.0.1",
"@intlify/vue-i18n-loader": "^1.0.0",
"cookie": "^0.4.0",
"deepcopy": "^2.1.0",
"is-https": "^2.0.0",
"js-cookie": "^2.2.1",
"vue-i18n": "^8.18.1"
}
},
"nwsapi": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.0.tgz",
@@ -17010,7 +16964,8 @@
"type-detect": {
"version": "4.0.8",
"resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
"integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g=="
"integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
"dev": true
},
"type-fest": {
"version": "0.8.1",
@@ -17375,11 +17330,6 @@
"resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
"integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog=="
},
"vue-i18n": {
"version": "8.21.0",
"resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.21.0.tgz",
"integrity": "sha512-pKBq6Kg5hNacFHMFgPbpYsFlDIMRu4Ew/tpvTWns14CZoCxt7B3tmSNdrLruGMMivnJu1rhhRqsQqT6YwHkuQQ=="
},
"vue-jest": {
"version": "3.0.6",
"resolved": "https://registry.npmjs.org/vue-jest/-/vue-jest-3.0.6.tgz",
www/package.json
-1
View File
@@ -24,7 +24,6 @@
"moment": "^2.27.0",
"nanoid": "^2.1.11",
"nuxt": "^2.14.12",
"nuxt-i18n": "^6.13.12",
"vue-chartjs": "^3.5.1"
},
"devDependencies": {
www/pages/index.vue
+18 -13
View File
@@ -78,16 +78,18 @@
</b-row>
<div class="px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center">
<h2 class="display-4">Count your page views in seconds</h2>
<div><img :src="defaultBadge" class="my-badge" /></div>
<div>
<a :href="defaultStats"><img :src="defaultBadge" class="my-badge"/></a>
</div>
<p></p>
<p class="lead">
Badges generates a unique SVG image for a web page, requests gets
calcaulted and reflected on the value of the Badge. <br />
Think about this is simplifed Goolge Analytics on a static page
without JS script, isn't this handy?
without any JS script, isn't this neat?
<br />
In the near future, we will allow you to display data from various
data source like HTTP API and so on.
<br />
More features coming soon
</p>
</div>
<b-row>
@@ -125,10 +127,10 @@
alt="Generic placeholder image"
height="140"
/>
<h2>Data comes realtime</h2>
<h2>Realtime analytics chart</h2>
<p class="text-left">
The page view count data gets calculated in realtime. <br />And it
will be refreshed on your web page automatically.
Every access gets counted and you are able to view the realtime statistic data via a <a :href="defaultStats">chart</a>
Observe how your application grows in time.
</p>
</div>
</b-row>
@@ -170,17 +172,17 @@ import Vue from "vue";
import { mapMutations, mapActions } from "vuex";
export default Vue.extend({
auth: 'guest',
auth: "guest",
data() {
return {
buttonText: "Generate your Badge",
buttonText: "Create your badge",
text: "",
canGenerate: true,
activeBadgeColor: "green"
};
},
mounted() {
this.$store.commit("error/setError", "")
this.$store.commit("error/setError", "");
},
computed: {
badge() {
@@ -189,11 +191,14 @@ export default Vue.extend({
defaultBadge() {
return `${this.$config.myBadge}/green.svg`;
},
state () {
return JSON.stringify(this.$auth.$state, undefined, 2)
defaultStats() {
return `${this.$config.myStats}`;
},
state() {
return JSON.stringify(this.$auth.$state, undefined, 2);
},
currentUser() {
return this.$auth.user
return this.$auth.user;
}
},
methods: {
www/pages/stats/_id.vue
+1 -1
View File
@@ -21,7 +21,7 @@
variant="outline-primary"
href="/"
>
Get your page views badge
Create your page views badge
</b-button>
</b-col>
</b-row>
www/tsconfig.json
+1 -1
View File
@@ -18,7 +18,7 @@
"types": [
"@types/node",
"@nuxt/types",
"nuxt-i18n",
// "nuxt-i18n",
"@nuxtjs/axios",
"@nuxtjs/auth-next",
"bootstrap-vue"