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

Commit bc8fe68

Browse files
committed
v2.2.0
* Added services page * Updated konami state * Added small animations to home page * Expanded statistics on home page * Removed unused assets * Used FontAwesome Solid instead of old version * Fixed footer * Added icon links to footer * Added copy icon and different command versions for jumbo-tron command line * Added more links to nav * Added nav bars for mobile users * Remove old routers (since only d.js would need to deal with that) * Tons of linting fixes
1 parent bfc32ee commit bc8fe68

25 files changed

+862
-230
lines changed

.jshintrc

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
{
2+
"maxerr" : 100,
3+
"freeze" : false,
4+
"quotmark" : false,
5+
"strict" : false,
6+
"varstmt" : true,
7+
"eqnull" : true,
8+
"esversion" : 8,
9+
"multistr" : false,
10+
"shadow" : true,
11+
"browser" : false,
12+
"mocha" : false,
13+
"node" : true
14+
}

package-lock.json

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

package.json

+4-3
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
{
22
"name": "dbots-website",
3-
"version": "2.1.0",
3+
"version": "2.2.0",
44
"description": "The website housing documentation for dbots",
55
"author": "Federico Grandi <[email protected]>",
66
"contributors": [
7-
"Schuyler Cebulskie <[email protected]>"
7+
"Schuyler Cebulskie <[email protected]>",
8+
"Snazzah <[email protected]>"
89
],
910
"private": true,
1011
"scripts": {
@@ -34,4 +35,4 @@
3435
"sass-loader": "^7.1.0",
3536
"vue-template-compiler": "^2.6.10"
3637
}
37-
}
38+
}

public/index.html

+41-35
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,45 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
<head>
4+
<title>dbots</title>
5+
<meta charset="utf-8" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7+
<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" />
17+
<link
18+
rel="stylesheet"
19+
type="text/css"
20+
href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css"
21+
/>
22+
<script
23+
type="text/javascript"
24+
src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js"
25+
async
26+
></script>
27+
</head>
328

4-
<head>
5-
<title>dbots</title>
6-
<meta charset="utf-8" />
7-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
8-
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
9-
<meta property="og:url" content="https://dbots-pkg.github.io/" />
10-
<meta property="og:title" content="Dbots" />
11-
<meta property="og:description" content="The universal count poster" />
12-
<meta property="og:image" content="https://dbots-pkg.github.io/static/logo.png" />
13-
<link rel="manifest" href="<%= BASE_URL %>manifest.json" />
14-
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
15-
<link rel="stylesheet" type="text/css"
16-
href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
17-
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js"
18-
async></script>
19-
</head>
20-
21-
<body>
22-
<noscript>
23-
<strong>Sorry, but the dbots website doesn't work properly without JavaScript enabled. Please enable it to
24-
continue.</strong>
25-
</noscript>
26-
<div id="app"></div>
27-
<script>
28-
if ('serviceWorker' in navigator) {
29-
try {
30-
navigator.serviceWorker.register('/sw.js');
31-
} catch (e) {
32-
console.error('Error registering service worker', e);
29+
<body>
30+
<noscript>
31+
<strong>Sorry, but the dbots website doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
32+
</noscript>
33+
<div id="app"></div>
34+
<script>
35+
if ("serviceWorker" in navigator) {
36+
try {
37+
navigator.serviceWorker.register("/sw.js");
38+
} catch (e) {
39+
console.error("Error registering service worker", e);
40+
}
3341
}
34-
}
35-
</script>
36-
<!-- built files will be auto injected -->
37-
</body>
38-
39-
</html>
42+
</script>
43+
<!-- built files will be auto injected -->
44+
</body>
45+
</html>

src/App.vue

+50-19
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,13 @@
11
<template>
22
<div id="app">
3-
<app-navbar :repository="repository" />
4-
<router-view :darkMode="darkMode" :konami="konami" @toggleDarkMode="toggleDarkMode" @setRepository="setRepository" />
5-
<app-footer :darkMode="darkMode" @toggleDarkMode="toggleDarkMode" />
3+
<app-navbar :repository="repository"/>
4+
<router-view
5+
:darkMode="darkMode"
6+
:konami="konami"
7+
@toggleDarkMode="toggleDarkMode"
8+
@setRepository="setRepository"
9+
/>
10+
<app-footer :darkMode="darkMode" @toggleDarkMode="toggleDarkMode"/>
611
</div>
712
</template>
813

@@ -34,7 +39,8 @@ export default {
3439
toggleDarkMode() {
3540
this.darkMode = !this.darkMode;
3641
localStorage.setItem('dark-mode', this.darkMode);
37-
if (this.darkMode) this.$el.classList.add('dark'); else this.$el.classList.remove('dark');
42+
if (this.darkMode) this.$el.classList.add('dark');
43+
else this.$el.classList.remove('dark');
3844
},
3945
4046
setRepository(repo) {
@@ -55,25 +61,49 @@ export default {
5561
// Determine the poop's initial location and final destination
5662
const side = Math.floor(Math.random() * 4) + 1;
5763
const initial = {
58-
top: `${side === 2 || side === 4 ? Math.random() * window.innerHeight :
59-
side === 1 ? -200 : window.innerHeight + 200}px`,
60-
left: `${side === 1 || side === 3 ? Math.random() * window.innerWidth :
61-
side === 4 ? -200 : window.innerWidth + 200}px`,
64+
top: `${
65+
side === 2 || side === 4 ?
66+
Math.random() * window.innerHeight :
67+
side === 1 ?
68+
-200 :
69+
window.innerHeight + 200
70+
}px`,
71+
left: `${
72+
side === 1 || side === 3 ?
73+
Math.random() * window.innerWidth :
74+
side === 4 ?
75+
-200 :
76+
window.innerWidth + 200
77+
}px`,
6278
};
6379
const final = {
64-
top: `${side === 2 || side === 4 ? Math.random() * window.innerHeight :
65-
side === 1 ? window.innerHeight + 200 : -200}px`,
66-
left: `${side === 1 || side === 3 ? Math.random() * window.innerWidth :
67-
side === 4 ? window.innerWidth + 200 : -200}px`,
80+
top: `${
81+
side === 2 || side === 4 ?
82+
Math.random() * window.innerHeight :
83+
side === 1 ?
84+
window.innerHeight + 200 :
85+
-200
86+
}px`,
87+
left: `${
88+
side === 1 || side === 3 ?
89+
Math.random() * window.innerWidth :
90+
side === 4 ?
91+
window.innerWidth + 200 :
92+
-200
93+
}px`,
6894
};
6995
7096
// Pinpoint and relocate the poop
7197
Object.assign(poop.style, initial);
72-
window.setTimeout(() => { Object.assign(poop.style, final); }, 100);
98+
window.setTimeout(() => {
99+
Object.assign(poop.style, final);
100+
}, 100);
73101
74102
// Add the poop to the page and remove it when its adventure is complete
75103
document.body.appendChild(poop);
76-
window.setTimeout(() => { document.body.removeChild(poop); }, duration + 100);
104+
window.setTimeout(() => {
105+
document.body.removeChild(poop);
106+
}, duration + 100);
77107
78108
// Take another dump
79109
window.setTimeout(() => this.poop(), (Math.random() * 10000) + 1000);
@@ -86,6 +116,7 @@ export default {
86116
konami = new Konami(() => {
87117
this.konami = true;
88118
this.poop();
119+
this.$el.classList.add('konami');
89120
konami.disable();
90121
});
91122
}
@@ -94,9 +125,9 @@ export default {
94125
</script>
95126

96127
<style>
97-
.poop {
98-
z-index: 1000;
99-
position: fixed;
100-
font-size: 3rem;
101-
}
128+
.poop {
129+
z-index: 1000;
130+
position: fixed;
131+
font-size: 3rem;
132+
}
102133
</style>

src/assets/awesome.png

-8.15 KB
Binary file not shown.

src/assets/awesome.svg

-6
This file was deleted.

src/assets/github.png

-2.56 KB
Binary file not shown.

src/assets/logo-old.png

-155 KB
Binary file not shown.

src/assets/logo.png

-220 KB
Binary file not shown.

0 commit comments

Comments
 (0)