Skip to content
This repository was archived by the owner on Nov 22, 2020. It is now read-only.

Commit a32b618

Browse files
SnazzahSnazzah
committed
v2.0.3
Update logo Add more metadata Change most cases of "dbots" to "dbots.js" Change jumbotron animations and colors
1 parent 952d036 commit a32b618

18 files changed

+213
-113
lines changed

Diff for: ‎package-lock.json

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "dbots-website",
3-
"version": "2.2.0",
3+
"version": "2.3.0",
44
"description": "The website housing documentation for dbots",
55
"author": "Federico Grandi <[email protected]>",
66
"contributors": [

Diff for: ‎public/index.html

+26-9
Original file line numberDiff line numberDiff line change
@@ -5,15 +5,32 @@
55
<meta charset="utf-8" />
66
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
77
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
8-
<meta property="og:url" content="https://dbots-js.github.io/" />
9-
<meta property="og:title" content="Dbots" />
10-
<meta property="og:description" content="The universal count poster" />
11-
<meta
12-
property="og:image"
13-
content="https://dbots-js.github.io/static/logo.png"
14-
/>
15-
<link rel="manifest" href="<%= BASE_URL %>manifest.json" />
16-
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
8+
9+
<!-- Twitter & OpenGraph data -->
10+
<meta name="twitter:title" content="dbots.js">
11+
<meta property="og:site_name" content="dbots.js">
12+
<meta property="og:url" content="https://dbots.js.org/" />
13+
<meta property="og:title" content="dbots.js" />
14+
<meta property="og:description" content="A stats poster and API wrapper for all botlists." />>
15+
16+
<!-- Image meta -->
17+
<meta name="twitter:image" content="https://dbots.js.org/assets/cover.png">
18+
<meta name="twitter:card" content="summary_large_image">
19+
<meta property="og:image" content="https://dbots.js.org/assets/cover.png">
20+
<meta property="og:image:secure" content="https://dbots.js.org/assets/cover.png">
21+
<meta property="og:image:type" content="image/png">
22+
<meta property="og:image:alt" content="dbots.js Cover">
23+
24+
25+
<!-- Other meta data -->
26+
<meta property="og:type" content="website">
27+
<meta property="og:locale" content="en_US">
28+
<meta name="theme-color" content="#7fb4b9">
29+
<meta name="revisit-after" content="2 days">
30+
<meta name="keywords" content="framework, css, easy-to-use, scss, modestacss, clean, flat, modern">
31+
<link rel="icon" type="image/png" href="<%= BASE_URL %>assets/logo.png">
32+
<link rel="manifest" href="<%= BASE_URL %>manifest.json"/>
33+
1734
<link
1835
rel="stylesheet"
1936
type="text/css"

Diff for: ‎public/manifest.json

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
2-
"name": "Dbots Documentation",
3-
"short_name": "Dbots Docs",
4-
"theme_color": "#00b2e8",
2+
"name": "dbots.js Documentation",
3+
"short_name": "dbots.js Docs",
4+
"theme_color": "#fc7b03",
55
"background_color": "#2f3236",
66
"display": "browser",
77
"Scope": "/",

Diff for: ‎public/static/cover.png

35.4 KB
Loading

Diff for: ‎public/static/icons/icon-128x128.png

16.1 KB
Loading

Diff for: ‎public/static/icons/icon-144x144.png

16.1 KB
Loading

Diff for: ‎public/static/icons/icon-152x152.png

15.1 KB
Loading

Diff for: ‎public/static/icons/icon-192x192.png

15 KB
Loading

Diff for: ‎public/static/icons/icon-384x384.png

24.9 KB
Loading

Diff for: ‎public/static/icons/icon-512x512.png

26.1 KB
Loading

Diff for: ‎public/static/icons/icon-72x72.png

11.5 KB
Loading

Diff for: ‎public/static/icons/icon-96x96.png

11.8 KB
Loading

Diff for: ‎public/static/logo.png

21.3 KB
Loading

Diff for: ‎src/components/AppNavbar.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<header>
33
<container>
4-
<router-link to="/">dbots</router-link>
4+
<router-link to="/">dbots.js</router-link>
55

66
<nav>
77
<router-link to="/docs">Documentation</router-link>

Diff for: ‎src/components/Loading.vue

+15-45
Original file line numberDiff line numberDiff line change
@@ -13,13 +13,13 @@ export default { name: 'loading' };
1313

1414
<style lang="scss">
1515
@import '../styles/theming';
16+
@import "../styles/animation";
1617
1718
.sk-folding-cube {
1819
display: inline-block;
1920
width: 40px;
2021
height: 40px;
21-
-webkit-transform: rotateZ(45deg);
22-
transform: rotateZ(45deg);
22+
@include prefix(transform, rotateZ(45deg));
2323
background: $color-primary;
2424
}
2525
@@ -28,9 +28,7 @@ export default { name: 'loading' };
2828
width: 50%;
2929
height: 50%;
3030
position: relative;
31-
-webkit-transform: scale(1.1);
32-
-ms-transform: scale(1.1);
33-
transform: scale(1.1);
31+
@include prefix(transform, scale(1.1));
3432
}
3533
.sk-folding-cube .sk-cube:before {
3634
content: '';
@@ -40,64 +38,36 @@ export default { name: 'loading' };
4038
width: 100%;
4139
height: 100%;
4240
background-color: #333;
43-
-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
44-
animation: sk-foldCubeAngle 2.4s infinite linear both;
45-
-webkit-transform-origin: 100% 100%;
46-
-ms-transform-origin: 100% 100%;
47-
transform-origin: 100% 100%;
41+
@include prefix(animation, sk-foldCubeAngle 2.4s infinite linear both);
42+
@include prefix(transform-origin, 100% 100%);
4843
}
4944
.sk-folding-cube .sk-cube2 {
50-
-webkit-transform: scale(1.1) rotateZ(90deg);
51-
transform: scale(1.1) rotateZ(90deg);
45+
@include prefix(transform, scale(1.1) rotateZ(90deg));
5246
}
5347
.sk-folding-cube .sk-cube3 {
54-
-webkit-transform: scale(1.1) rotateZ(180deg);
55-
transform: scale(1.1) rotateZ(180deg);
48+
@include prefix(transform, scale(1.1) rotateZ(180deg));
5649
}
5750
.sk-folding-cube .sk-cube4 {
58-
-webkit-transform: scale(1.1) rotateZ(270deg);
59-
transform: scale(1.1) rotateZ(270deg);
51+
@include prefix(transform, scale(1.1) rotateZ(270deg));
6052
}
6153
.sk-folding-cube .sk-cube2:before {
62-
-webkit-animation-delay: 0.3s;
63-
animation-delay: 0.3s;
54+
@include prefix(animation-delay, 0.3s);
6455
}
6556
.sk-folding-cube .sk-cube3:before {
66-
-webkit-animation-delay: 0.6s;
67-
animation-delay: 0.6s;
57+
@include prefix(animation-delay, 0.6s);
6858
}
6959
.sk-folding-cube .sk-cube4:before {
70-
-webkit-animation-delay: 0.9s;
71-
animation-delay: 0.9s;
60+
@include prefix(animation-delay, 0.9s);
7261
}
73-
@-webkit-keyframes sk-foldCubeAngle {
62+
@include keyframes(sk-foldCubeAngle) {
7463
0%, 10% {
75-
-webkit-transform: perspective(140px) rotateX(-180deg);
76-
transform: perspective(140px) rotateX(-180deg);
64+
@include prefix(transform, perspective(140px) rotateX(-180deg));
7765
opacity: 0;
7866
} 25%, 75% {
79-
-webkit-transform: perspective(140px) rotateX(0deg);
80-
transform: perspective(140px) rotateX(0deg);
67+
@include prefix(transform, perspective(140px) rotateX(0deg));
8168
opacity: 1;
8269
} 90%, 100% {
83-
-webkit-transform: perspective(140px) rotateY(180deg);
84-
transform: perspective(140px) rotateY(180deg);
85-
opacity: 0;
86-
}
87-
}
88-
89-
@keyframes sk-foldCubeAngle {
90-
0%, 10% {
91-
-webkit-transform: perspective(140px) rotateX(-180deg);
92-
transform: perspective(140px) rotateX(-180deg);
93-
opacity: 0;
94-
} 25%, 75% {
95-
-webkit-transform: perspective(140px) rotateX(0deg);
96-
transform: perspective(140px) rotateX(0deg);
97-
opacity: 1;
98-
} 90%, 100% {
99-
-webkit-transform: perspective(140px) rotateY(180deg);
100-
transform: perspective(140px) rotateY(180deg);
70+
@include prefix(transform, perspective(140px) rotateY(180deg));
10171
opacity: 0;
10272
}
10373
}

Diff for: ‎src/components/Logo.vue

+131
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,131 @@
1+
<template>
2+
<svg class="dbots-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 434.63 400">
3+
<g>
4+
<g class="text">
5+
<path
6+
d="M74.74,293.18v-17h-.38A34.34,34.34,0,0,1,60.6,290.39a40.53,40.53,0,0,1-20.3,5.06,39.65,39.65,0,0,1-16.51-3.36,35.45,35.45,0,0,1-12.72-9.69,45.12,45.12,0,0,1-8.18-15.33A66.21,66.21,0,0,1,0,246.73,68.76,68.76,0,0,1,3.17,225.3a49.49,49.49,0,0,1,9-16.65,40.24,40.24,0,0,1,14-10.79A42.48,42.48,0,0,1,44.37,194q20.91,0,30,16.74h.38v-61H86.85V293.18Zm0-58.47a31.85,31.85,0,0,0-2.17-11.83,29.52,29.52,0,0,0-6.06-9.55,28.23,28.23,0,0,0-9.32-6.43,29.64,29.64,0,0,0-12-2.37A30.81,30.81,0,0,0,32,207.37a28.91,28.91,0,0,0-10.36,8.18,39.42,39.42,0,0,0-6.72,13,63.81,63.81,0,0,0-.24,33.87,35.75,35.75,0,0,0,6.2,12.3,27.18,27.18,0,0,0,9.6,7.67A28.68,28.68,0,0,0,42.86,285a32.24,32.24,0,0,0,13.29-2.64,29.23,29.23,0,0,0,10-7.29,32.78,32.78,0,0,0,6.34-10.88,39.52,39.52,0,0,0,2.22-13.34Z"
7+
></path>
8+
<path
9+
d="M115.57,277.57v15.61h-12V149.75h12v65.09H116a38.5,38.5,0,0,1,14.42-15.47,42.09,42.09,0,0,1,37-2,34,34,0,0,1,12.39,9.6,44.26,44.26,0,0,1,7.76,15,66.65,66.65,0,0,1,2.7,19.59,73.49,73.49,0,0,1-3.08,21.9,51.28,51.28,0,0,1-8.75,17,39.46,39.46,0,0,1-13.77,11,40.89,40.89,0,0,1-18.11,3.93q-20.53,0-30.56-17.88Zm0-24.69a34.62,34.62,0,0,0,2.22,12.44,32.29,32.29,0,0,0,6.2,10.22,28.83,28.83,0,0,0,9.6,6.95A29.79,29.79,0,0,0,146,285,27.87,27.87,0,0,0,159.18,282a28.72,28.72,0,0,0,10-8.75,42.29,42.29,0,0,0,6.34-13.72,67.5,67.5,0,0,0,2.23-18,53.11,53.11,0,0,0-2.08-15.37,34.87,34.87,0,0,0-5.92-11.69,25.69,25.69,0,0,0-9.27-7.38,28.31,28.31,0,0,0-12.16-2.55,32.16,32.16,0,0,0-13.62,2.79,30.56,30.56,0,0,0-10.31,7.62,33.57,33.57,0,0,0-6.53,11.3A41.18,41.18,0,0,0,115.57,240Z"
10+
></path>
11+
<path
12+
d="M247.27,295.45a49.7,49.7,0,0,1-19.35-3.59,41.47,41.47,0,0,1-14.62-10.17A44.76,44.76,0,0,1,204,265.93a61,61,0,0,1-3.22-20.34,64.27,64.27,0,0,1,3.41-21.66,45.58,45.58,0,0,1,9.7-16.23,41.28,41.28,0,0,1,15.18-10.17A53.92,53.92,0,0,1,249,194a49.48,49.48,0,0,1,18.92,3.45,38.65,38.65,0,0,1,14.29,10,44.57,44.57,0,0,1,9,15.9,67.2,67.2,0,0,1,3.12,21.29A62.11,62.11,0,0,1,291,265.32a46.59,46.59,0,0,1-9.31,16A41.3,41.3,0,0,1,267,291.76,50,50,0,0,1,247.27,295.45Zm.94-90.92a36.29,36.29,0,0,0-14.38,2.74,30.19,30.19,0,0,0-11,8,36.14,36.14,0,0,0-7.05,12.87,56,56,0,0,0-2.46,17.26,51,51,0,0,0,2.46,16.37,36.87,36.87,0,0,0,7,12.49,29.91,29.91,0,0,0,10.92,8,39.11,39.11,0,0,0,28.76.1,28.38,28.38,0,0,0,10.6-7.86,34.61,34.61,0,0,0,6.58-12.63,59.79,59.79,0,0,0,2.22-17q0-19.58-8.7-29.94T248.21,204.53Z"
13+
></path>
14+
<path
15+
d="M352.18,292a29.9,29.9,0,0,1-13.62,3.13c-15.65,0-23.32-9-23.32-27.06V206.9h-17V196.3h17V171.89l12-4V196.3h25v10.6h-25v59.32q0,9.84,3.21,14.19t10.88,4.35a19.57,19.57,0,0,0,10.88-3.41Z"
16+
></path>
17+
<path
18+
d="M362.8,275.77a38.63,38.63,0,0,0,6,3.88,50.51,50.51,0,0,0,6.62,2.93,42,42,0,0,0,6.86,1.85,37.65,37.65,0,0,0,6.58.61q21.57,0,21.57-16.18a12.84,12.84,0,0,0-1.51-6.38,16.64,16.64,0,0,0-4.35-4.92,37.3,37.3,0,0,0-6.82-4.12q-4-1.89-9-4a90.82,90.82,0,0,1-11.55-5.58,34.92,34.92,0,0,1-7.94-6.2,22.26,22.26,0,0,1-4.64-7.38,25.75,25.75,0,0,1-1.51-9.13,23.17,23.17,0,0,1,2.79-11.45,26.47,26.47,0,0,1,7.52-8.51,34.93,34.93,0,0,1,10.93-5.35,45.31,45.31,0,0,1,13-1.84q12.57,0,22,4.73v12.77a42.57,42.57,0,0,0-23.47-7,28.29,28.29,0,0,0-8.28,1.14,19.22,19.22,0,0,0-6.38,3.21,14.85,14.85,0,0,0-4.12,5,13.84,13.84,0,0,0-1.47,6.38,16.1,16.1,0,0,0,1.14,6.3,13.8,13.8,0,0,0,3.55,4.87,29.75,29.75,0,0,0,6.24,4.16q3.84,2,9.32,4.26a116.58,116.58,0,0,1,12.11,5.63,37.7,37.7,0,0,1,8.42,6.05,21.28,21.28,0,0,1,4.92,7.29,25,25,0,0,1,1.61,9.32,24.55,24.55,0,0,1-2.7,11.64,25,25,0,0,1-7.47,8.6,34.2,34.2,0,0,1-11.21,5.3,51.84,51.84,0,0,1-14,1.8q-14.67,0-24.7-6.15Z"
19+
></path>
20+
</g>
21+
<g class="bubble">
22+
<path
23+
class="bottom"
24+
d="M315.21,289v81.06l-54.91-55.9c-46.47,0-78.23.8-124.7.8a20.33,20.33,0,0,1-19.85-16H103.57a32.38,32.38,0,0,0,32,28l119.66-.8L327.21,400V298.41A22.54,22.54,0,0,1,315.21,289Z"
25+
></path>
26+
<path
27+
class="top"
28+
d="M294.87,117.45H253.55V56.35h61L241.55,0V44.35h-61l61,47.08v26h-106a32.37,32.37,0,0,0-31.94,27.3h12.26a20.32,20.32,0,0,1,19.68-15.3H294.87a20.34,20.34,0,0,1,20.34,20.33v16.85l12-4V149.78A32.37,32.37,0,0,0,294.87,117.45ZM253.55,22.18l28.73,22.17H253.55ZM212.82,56.35h28.73V78.51Z"
29+
></path>
30+
</g>
31+
<path
32+
class="ext"
33+
d="M424.39,102.34h-66.3a10.24,10.24,0,0,0-10.24,10.25v58.9a10.23,10.23,0,0,0,10.24,10.24h66.3a10.23,10.23,0,0,0,10.24-10.24v-58.9A10.24,10.24,0,0,0,424.39,102.34Zm-45.18,48q0,10.47-3.87,15.55T364.4,171a17.42,17.42,0,0,1-2.57-.17,10.54,10.54,0,0,1-2.23-.57v-5.11a10.17,10.17,0,0,0,4.88,1.17,7.78,7.78,0,0,0,7.25-3.91q2.28-3.9,2.28-12V114h5.2Zm42.3,12.28a12.41,12.41,0,0,1-3.83,4.63,17.44,17.44,0,0,1-5.85,2.78,28.18,28.18,0,0,1-10.63.72,35.51,35.51,0,0,1-3.71-.63,33.17,33.17,0,0,1-3.57-1,12.94,12.94,0,0,1-2.76-1.23v-6.1a19.1,19.1,0,0,0,3.11,1.9,25.15,25.15,0,0,0,7.05,2.26,20.79,20.79,0,0,0,3.44.3q6.36,0,9.53-2.46a8.42,8.42,0,0,0,3.16-7.07,9.54,9.54,0,0,0-.74-3.89,9.76,9.76,0,0,0-2.31-3.11,23.82,23.82,0,0,0-3.94-2.87q-2.38-1.43-5.63-3.22-3.58-2-6.15-3.69a22.5,22.5,0,0,1-4.18-3.56,12.07,12.07,0,0,1-2.38-3.92,14.08,14.08,0,0,1-.76-4.81,12.74,12.74,0,0,1,1.44-6.09,14.13,14.13,0,0,1,3.91-4.59,18.15,18.15,0,0,1,5.76-2.91,23.75,23.75,0,0,1,7-1,29.22,29.22,0,0,1,11.06,1.84v5.74a23,23,0,0,0-11.65-2.85,17.44,17.44,0,0,0-4.7.61,12.27,12.27,0,0,0-3.87,1.77,8.67,8.67,0,0,0-2.62,2.91,8.25,8.25,0,0,0-.95,4,10,10,0,0,0,.64,3.77,8.93,8.93,0,0,0,2.07,3,19.85,19.85,0,0,0,3.75,2.8q2.33,1.38,5.68,3.18a68.83,68.83,0,0,1,6.14,3.65,24.11,24.11,0,0,1,4.35,3.71,13.6,13.6,0,0,1,2.6,4.11,13,13,0,0,1,.86,4.82A14.52,14.52,0,0,1,421.51,162.64Z"
34+
></path>
35+
</g>
36+
</svg>
37+
</template>
38+
39+
<script>
40+
export default {
41+
name: 'logo',
42+
};
43+
</script>
44+
45+
<style lang="scss">
46+
@import "../styles/mq";
47+
@import "../styles/theming";
48+
@import "../styles/animation";
49+
50+
.dbots-logo {
51+
overflow: visible !important;
52+
width: 100%;
53+
max-width: 400px;
54+
55+
.text,
56+
.ext {
57+
fill: #e9df12;
58+
transform-origin: initial;
59+
@include prefix(animation, logoZoomIn ease 1s);
60+
}
61+
62+
.bubble {
63+
fill: gray;
64+
65+
.top {
66+
@include prefix(animation, logoFadeInDown ease 1s);
67+
}
68+
69+
.bottom {
70+
@include prefix(animation, logoFadeInUp ease 1s);
71+
}
72+
}
73+
74+
#app.konami & {
75+
@include prefix(animation, logoKonami linear 1s infinite);
76+
}
77+
78+
#app.dark & .bubble {
79+
fill: $color-content-text-dark;
80+
}
81+
}
82+
83+
84+
@include keyframes(logoFadeInUp) {
85+
from {
86+
opacity: 0;
87+
@include prefix(transform, translate3d(0, 50%, 0));
88+
}
89+
90+
to {
91+
opacity: 1;
92+
@include prefix(transform, translate3d(0, 0, 0));
93+
}
94+
}
95+
96+
@include keyframes(logoFadeInDown) {
97+
from {
98+
opacity: 0;
99+
@include prefix(transform, translate3d(0, -50%, 0));
100+
}
101+
102+
to {
103+
opacity: 1;
104+
transform: translate3d(0);
105+
@include prefix(transform, translate3d(0, 0, 0));
106+
}
107+
}
108+
109+
@include keyframes(logoZoomIn) {
110+
from {
111+
opacity: 0;
112+
@include prefix(transform, scale3d(0.3, 0.3, 0.3));
113+
}
114+
115+
to {
116+
opacity: 1;
117+
}
118+
}
119+
120+
@include keyframes(logoKonami) {
121+
from {
122+
@include prefix(filter, drop-shadow(0 0 5px #e9df12) hue-rotate(0deg));
123+
}
124+
50% {
125+
@include prefix(filter, drop-shadow(0 0 5px #e9df12) hue-rotate(180deg));
126+
}
127+
to {
128+
@include prefix(filter, drop-shadow(0 0 5px #e9df12) hue-rotate(360deg));
129+
}
130+
}
131+
</style>

0 commit comments

Comments
 (0)