diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/fullnarp.js | 3 | ||||
| -rw-r--r-- | static/style_38c3.css | 25 |
2 files changed, 22 insertions, 6 deletions
diff --git a/static/fullnarp.js b/static/fullnarp.js index a6cef96..c4e24f4 100644 --- a/static/fullnarp.js +++ b/static/fullnarp.js | |||
| @@ -395,7 +395,8 @@ function signalFullnarpConnect(state) { | |||
| 395 | 395 | ||
| 396 | function getFullnarpData() { | 396 | function getFullnarpData() { |
| 397 | signalFullnarpConnect('fullnarp-connecting'); | 397 | signalFullnarpConnect('fullnarp-connecting'); |
| 398 | ws = new WebSocket('wss://content.events.ccc.de/fullnarp/ws/'); | 398 | connect = window.location.href.replace('http', 'ws') + '/ws/'; |
| 399 | ws = new WebSocket(connect); | ||
| 399 | 400 | ||
| 400 | ws.onopen = () => { | 401 | ws.onopen = () => { |
| 401 | console.log('Connected to WebSocket server'); | 402 | console.log('Connected to WebSocket server'); |
diff --git a/static/style_38c3.css b/static/style_38c3.css index 33bb0f3..4ccdc70 100644 --- a/static/style_38c3.css +++ b/static/style_38c3.css | |||
| @@ -309,6 +309,16 @@ header { | |||
| 309 | top: 4px; | 309 | top: 4px; |
| 310 | right: 4px; | 310 | right: 4px; |
| 311 | } | 311 | } |
| 312 | .fullnarp-connected .version:before { | ||
| 313 | content: '\1F7E2\a0'; | ||
| 314 | } | ||
| 315 | .fullnarp-connecting .version:before { | ||
| 316 | content: '\1F7E1\a0'; | ||
| 317 | } | ||
| 318 | .fullnarp-disconnected .version:before { | ||
| 319 | content: '\1F534\a0'; | ||
| 320 | } | ||
| 321 | |||
| 312 | .trashbin { | 322 | .trashbin { |
| 313 | position: absolute; | 323 | position: absolute; |
| 314 | top 4px; | 324 | top 4px; |
| @@ -420,11 +430,16 @@ header { | |||
| 420 | position: absolute; | 430 | position: absolute; |
| 421 | text-align: center; | 431 | text-align: center; |
| 422 | z-index: -1; | 432 | z-index: -1; |
| 423 | opacity: 0.25; | 433 | color: rgba(0, 0, 0, 0.5); |
| 434 | } | ||
| 435 | |||
| 436 | .in-drag .grid { | ||
| 437 | font-weight: bold !important; | ||
| 438 | color: black; | ||
| 424 | } | 439 | } |
| 425 | 440 | ||
| 426 | .grid.possible { | 441 | .grid.possible { |
| 427 | background: blue; | 442 | background: rgba(0,0,255, .25); |
| 428 | } | 443 | } |
| 429 | 444 | ||
| 430 | .wholeday { | 445 | .wholeday { |
| @@ -434,7 +449,7 @@ header { | |||
| 434 | font-size: 2em; | 449 | font-size: 2em; |
| 435 | top: 350px; | 450 | top: 350px; |
| 436 | opacity: 0.3; | 451 | opacity: 0.3; |
| 437 | z-position: -3; | 452 | z-index: -3; |
| 438 | } | 453 | } |
| 439 | .wholeday.uneven { | 454 | .wholeday.uneven { |
| 440 | background-color: cyan; | 455 | background-color: cyan; |
| @@ -444,7 +459,7 @@ header { | |||
| 444 | position: absolute; | 459 | position: absolute; |
| 445 | background-color: yellow; | 460 | background-color: yellow; |
| 446 | opacity: 0.4; | 461 | opacity: 0.4; |
| 447 | z-position: -3; | 462 | z-index: -3; |
| 448 | } | 463 | } |
| 449 | .in-calendar.onlyday1 .wholeblock, | 464 | .in-calendar.onlyday1 .wholeblock, |
| 450 | .in-calendar.onlyday2 .wholeblock, | 465 | .in-calendar.onlyday2 .wholeblock, |
| @@ -486,7 +501,7 @@ hr.guide { | |||
| 486 | text-align: center; | 501 | text-align: center; |
| 487 | left: 0; | 502 | left: 0; |
| 488 | right: 0; | 503 | right: 0; |
| 489 | z-position: -1; | 504 | z-index: -1; |
| 490 | } | 505 | } |
| 491 | 506 | ||
| 492 | .size-large .pause { | 507 | .size-large .pause { |
