about summary refs log tree commit diff stats
path: root/app/assets
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets')
-rw-r--r--app/assets/images/wittle/wittle_expert.pngbin0 -> 155050 bytes
-rw-r--r--app/assets/images/wittle/wittle_hard.pngbin0 -> 92194 bytes
-rw-r--r--app/assets/images/wittle/wittle_normal.pngbin0 -> 81341 bytes
-rw-r--r--app/assets/stylesheets/wittle/general.css.scss86
4 files changed, 84 insertions, 2 deletions
diff --git a/app/assets/images/wittle/wittle_expert.png b/app/assets/images/wittle/wittle_expert.png new file mode 100644 index 0000000..b806b57 --- /dev/null +++ b/app/assets/images/wittle/wittle_expert.png
Binary files differ
diff --git a/app/assets/images/wittle/wittle_hard.png b/app/assets/images/wittle/wittle_hard.png new file mode 100644 index 0000000..e993e9b --- /dev/null +++ b/app/assets/images/wittle/wittle_hard.png
Binary files differ
diff --git a/app/assets/images/wittle/wittle_normal.png b/app/assets/images/wittle/wittle_normal.png new file mode 100644 index 0000000..adc0943 --- /dev/null +++ b/app/assets/images/wittle/wittle_normal.png
Binary files differ
diff --git a/app/assets/stylesheets/wittle/general.css.scss b/app/assets/stylesheets/wittle/general.css.scss index a0eb980..f7bb56f 100644 --- a/app/assets/stylesheets/wittle/general.css.scss +++ b/app/assets/stylesheets/wittle/general.css.scss
@@ -10,8 +10,8 @@
10 10
11 a { 11 a {
12 display: block; 12 display: block;
13 width: 1110px; 13 width: 600px;
14 height: 454px; 14 height: 245px;
15 text-indent: -5000px; 15 text-indent: -5000px;
16 text-decoration: none; 16 text-decoration: none;
17 margin: 0; 17 margin: 0;
@@ -169,3 +169,85 @@ input[type="range"]::-ms-thumb {
169 padding: 0; 169 padding: 0;
170 } 170 }
171} 171}
172
173#current-date {
174 margin-top: 1em;
175 text-align: center;
176}
177
178#choose-difficulty {
179 margin: 1em auto 2em;
180 width: max-content;
181 display: flex;
182}
183
184#normal-link {
185 width: 215px;
186 margin-right: 1em;
187
188 a {
189 background-image: image-url("wittle/wittle_normal.png");
190 background-size: cover;
191 display: block;
192 width: 215px;
193 height: 215px;
194 text-indent: -5000px;
195 text-decoration: none;
196 margin: 0;
197 }
198}
199
200#hard-link {
201 width: 215px;
202 margin-right: 1em;
203
204 a {
205 background-image: image-url("wittle/wittle_hard.png");
206 background-size: cover;
207 display: block;
208 width: 215px;
209 height: 215px;
210 text-indent: -5000px;
211 text-decoration: none;
212 margin: 0;
213 }
214}
215
216#expert-link {
217 width: 215px;
218
219 a {
220 background-image: image-url("wittle/wittle_expert.png");
221 background-size: cover;
222 display: block;
223 width: 215px;
224 height: 215px;
225 text-indent: -5000px;
226 text-decoration: none;
227 margin: 0;
228 }
229}
230
231.summary {
232 width: 50%;
233 min-width: 600px;
234 margin: 0 auto 1em;
235}
236
237.puzzle-status {
238 text-align: center;
239 margin-bottom: 0;
240}
241
242.breadcrumb {
243 text-align: center;
244
245 a, a:visited {
246 color: #555d66;
247 text-decoration: none;
248 }
249
250 a:hover {
251 text-decoration: underline;
252 }
253}