xcc.es
[READ-ONLY] Mirror of https://github.com/mrgnw/counting.site.
nav is sidebar if landscape, top bar if portrait
author
Morgan Williams
date
(Mar 6, 2016, 1:10 AM -0700)
commit
febecff4
febecff4a70ae0f3872182fa7889ee094a11899d
parent
cd8e6fd9
cd8e6fd9b5981cec4f0a8180faad7268fd53d1f8
+36
-16
+1
-1
punch.html
+1
-1
punch.html
+1
-3
punch.js
+1
-3
punch.js
···
48
48
add: function(id, x) {
49
49
var n = Days.findOne(id).n;
50
50
var newCount = n + x;
51
-
// if(x < 0) { console.log(n + "" + x, "=", newCount); }
52
-
// else { console.log(n + "+" + x, "=", newCount); }
53
51
54
52
Days.update(id, {
55
53
$set: {'n': newCount}
···
68
66
},
69
67
70
68
nuke : function() {
71
-
// nuke the db
69
+
// nuke the ENTIRE db
72
70
Days.remove({})
73
71
console.log("You shouldn't have pressed it! We're DOOOMED!");
74
72
},
+34
-12
punch.less
+34
-12
punch.less
···
13
13
@yella: rgb(255,255, 0, .2);
14
14
@blue: rgba(0,128,255,.9);
15
15
16
+
17
+
.page-container {
18
+
height: 100%;
19
+
.flex-display();
20
+
}
21
+
22
+
.nav {
23
+
.flex-shrink(0);
24
+
}
25
+
26
+
@media all and (orientation:portrait) {
27
+
.page-container{
28
+
.flex-direction(column);
29
+
}
30
+
.nav {
31
+
height: @2x;
32
+
.sunset-right;
33
+
}
34
+
}
35
+
36
+
@media all and (orientation:landscape) {
37
+
.page-container{
38
+
.flex-direction(row);
39
+
}
40
+
.nav {
41
+
width: @2x;
42
+
.sunset;
43
+
}
44
+
}
45
+
16
46
.circled(@size:@1x) {
17
47
width: @size;
18
48
height: @size;
···
30
60
-webkit-user-select: none;
31
61
-ms-user-select: none;
32
62
user-select: none;
33
-
}
34
-
35
-
.page-container {
36
-
height: 100%;
37
-
.flex-display();
38
-
.flex-direction(row);
39
-
}
40
-
41
-
.nav {
42
-
width: @2x;
43
-
.sunset;
44
-
.flex-shrink(0);
45
63
}
46
64
47
65
.new-punch {
···
91
109
.gradient(@from, @to){
92
110
background-image: linear-gradient(to bottom, @from, @to 100%);
93
111
}
112
+
.gradient-right(@from, @to){
113
+
background-image: linear-gradient(to right, @from, @to 100%);
114
+
}
94
115
116
+
.sunset-right { .gradient-right(#315481, #cc9064) }
95
117
.sunset { .gradient(#315481, #cc9064) }
96
118
.evening { .gradient(#211766, #315481) }
97
119
.twilight { .gradient(#210e42, #211766) }