Skip to content

Commit 30763b2

Browse files
committed
freeze
1 parent d126764 commit 30763b2

File tree

115 files changed

+13456
-1
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

115 files changed

+13456
-1
lines changed

.gitignore

+4-1
Original file line numberDiff line numberDiff line change
@@ -36,4 +36,7 @@ vignettes/*.pdf
3636
*.knit.md
3737

3838
# R Environment Variables
39-
.Renviron
39+
.Renviron
40+
/.quarto/
41+
_site/
42+

_freeze/index/execute-results/html.json

+21
Large diffs are not rendered by default.

_freeze/site_libs/clipboard/clipboard.min.js

+7
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
.countdown {
2+
background: inherit;
3+
position: absolute;
4+
cursor: pointer;
5+
font-size: 2em;
6+
line-height: 1;
7+
border-color: #FFFFFF;
8+
border-width: 3px;
9+
border-style: solid;
10+
border-radius: 15px;
11+
box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.4);
12+
-webkit-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.4);
13+
margin: 0.6em;
14+
padding: 10px 15px;
15+
text-align: center;
16+
z-index: 10;
17+
-webkit-user-select: none;
18+
-moz-user-select: none;
19+
-ms-user-select: none;
20+
user-select: none;
21+
}
22+
.countdown {
23+
display: flex;
24+
align-items: center;
25+
justify-content: center;
26+
}
27+
.countdown .countdown-time {
28+
background: none;
29+
font-size: 100%;
30+
padding: 0;
31+
}
32+
.countdown-digits {
33+
color: #7aa81e;
34+
}
35+
.countdown.running {
36+
border-color: #6B9606FF;
37+
background-color: #7aa81e;
38+
}
39+
.countdown.running .countdown-digits {
40+
color: #FFFFFF;
41+
}
42+
.countdown.finished {
43+
border-color: #E98C64FF;
44+
background-color: #ffa07a;
45+
}
46+
.countdown.finished .countdown-digits {
47+
color: #FFFFFF;
48+
}
49+
.countdown.running.warning {
50+
border-color: #CEAC04FF;
51+
background-color: #E6C229;
52+
}
53+
.countdown.running.warning .countdown-digits {
54+
color: #3A2F02FF;
55+
}
56+
57+
.countdown.running.blink-colon .countdown-digits.colon {
58+
opacity: 0.1;
59+
}
60+
61+
/* ------ Controls ------ */
62+
.countdown:not(.running) .countdown-controls {
63+
display: none;
64+
}
65+
66+
.countdown-controls {
67+
position: absolute;
68+
top: -0.5rem;
69+
right: -0.5rem;
70+
left: -0.5rem;
71+
display: flex;
72+
justify-content: space-between;
73+
margin: 0;
74+
padding: 0;
75+
}
76+
77+
.countdown-controls > button {
78+
font-size: 1.5rem;
79+
width: 1rem;
80+
height: 1rem;
81+
display: inline-block;
82+
display: flex;
83+
flex-direction: column;
84+
align-items: center;
85+
justify-content: center;
86+
font-family: monospace;
87+
padding: 10px;
88+
margin: 0;
89+
background: inherit;
90+
border: 2px solid;
91+
border-radius: 100%;
92+
transition: 50ms transform ease-in-out, 150ms opacity ease-in;
93+
--countdown-transition-distance: 10px;
94+
}
95+
96+
.countdown .countdown-controls > button:last-child {
97+
transform: translate(calc(-1 * var(--countdown-transition-distance)), var(--countdown-transition-distance));
98+
opacity: 0;
99+
color: #FFFFFF;
100+
background-color: #7aa81e;
101+
border-color: #6B9606FF;
102+
}
103+
104+
.countdown .countdown-controls > button:first-child {
105+
transform: translate(var(--countdown-transition-distance), var(--countdown-transition-distance));
106+
opacity: 0;
107+
color: #FFFFFF;
108+
background-color: #ffa07a;
109+
border-color: #E98C64FF;
110+
}
111+
112+
.countdown.running:hover .countdown-controls > button,
113+
.countdown.running:focus-within .countdown-controls > button{
114+
transform: translate(0, 0);
115+
opacity: 1;
116+
}
117+
118+
.countdown.running:hover .countdown-controls > button:hover,
119+
.countdown.running:focus-within .countdown-controls > button:hover{
120+
transform: translate(0, calc(var(--countdown-transition-distance) / -2));
121+
box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.4);
122+
-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.4);
123+
}
124+
125+
.countdown.running:hover .countdown-controls > button:active,
126+
.countdown.running:focus-within .countdown-controls > button:active{
127+
transform: translate(0, calc(var(--coutndown-transition-distance) / -5));
128+
}
129+
130+
/* ----- Fullscreen ----- */
131+
.countdown.countdown-fullscreen {
132+
z-index: 0;
133+
}
134+
135+
.countdown-fullscreen.running .countdown-controls {
136+
top: 1rem;
137+
left: 0;
138+
right: 0;
139+
justify-content: center;
140+
}
141+
142+
.countdown-fullscreen.running .countdown-controls > button + button {
143+
margin-left: 1rem;
144+
}

0 commit comments

Comments
 (0)