summaryrefslogtreecommitdiff
path: root/templates/landingpage.html.ep
diff options
context:
space:
mode:
authormarudor <marudor@marudor.de>2019-05-16 15:02:17 +0200
committermarudor <marudor@marudor.de>2019-05-16 15:04:08 +0200
commit5c2388d3a2092505aff9f7b2e78e561c4db65385 (patch)
treea4a469baef25b98c3a33125ac8a65334775c7ec8 /templates/landingpage.html.ep
parentb85db3a10df32cb2648607c83d37160ac3ee8691 (diff)
Add dark mode (only available with prefers-color-scheme currently)
Diffstat (limited to 'templates/landingpage.html.ep')
-rw-r--r--templates/landingpage.html.ep14
1 files changed, 7 insertions, 7 deletions
diff --git a/templates/landingpage.html.ep b/templates/landingpage.html.ep
index 725640a..dfe3361 100644
--- a/templates/landingpage.html.ep
+++ b/templates/landingpage.html.ep
@@ -2,7 +2,7 @@
% if (stash('error')) {
<div class="row">
<div class="col s12">
- <div class="card red darken-4">
+ <div class="card caution-color">
<div class="card-content white-text">
<span class="card-title">Backend-Fehler</span>
<p><%= stash('error') %></p>
@@ -18,7 +18,7 @@
%= include '_checked_in', journey => $status;
% }
% elsif ($status->{cancelled}) {
- <div class="card yellow lighten-4">
+ <div class="card info-color">
<div class="card-content">
<span class="card-title">Zugausfall dokumentieren</span>
<p>Prinzipiell wärest du nun eingecheckt in
@@ -47,20 +47,20 @@
</div>
% }
% else {
- <div class="card grey darken-4">
- <div class="card-content white-text">
+ <div class="card">
+ <div class="card-content">
<span class="card-title">Hallo, <%= current_user()->{name} %>!</span>
<p>Du bist gerade nicht eingecheckt.</p>
<div class="geolocation">
- <button class="btn waves-effect waves-light btn-flat white">Stationen in der Umgebung abfragen</button>
+ <button class="btn waves-effect waves-light btn-flat">Stationen in der Umgebung abfragen</button>
</div>
%= form_for 'list_departures' => begin
<div class="input-field">
- %= text_field 'station', id => 'station', class => 'autocomplete white-text', required => undef
+ %= text_field 'station', id => 'station', class => 'autocomplete contrast-color-text', required => undef
<label for="station">Manuelle Eingabe (Name oder DS100)</label>
</div>
<div class="center-align">
- <button class="btn waves-effect waves-light btn-flat white" type="submit" name="action" value="departures">
+ <button class="btn waves-effect waves-light btn-flat" type="submit" name="action" value="departures">
<i class="material-icons left">send</i>
Abfahrten
</button>