Fixed brightness issues at night

clock/main.py

@@ -77,7 +77,7 @@ class ClockFace(object):
         if (is_WE and (now > 1000 and now < 2200)) or ((not is_WE) and (now > 800 and now < 2130)):
             brightness = 0.8
         else:
-            brightness = 0.02
+            brightness = 0.01
 
         self.IO.output.set_brightness(brightness)
 

dashboard/main.py

@@ -0,0 +1,87 @@
+import dash
+import dash_bootstrap_components as dbc
+import dash_html_components as html
+import dash_core_components as dcc
+#from dash.dependencies import Input, Output
+
+import datetime
+ex_css = [dbc.themes.BOOTSTRAP, "static/test.css"]
+app = dash.Dash(__name__, external_stylesheets=ex_css)
+
+card_main = dbc.Card(
+    [
+        dbc.CardImg(src="/assets/ball_of_sun.jpg", top=True, bottom=False,
+                    title="Image by Kevin Dinkel", alt='Learn Dash Bootstrap Card Component'),
+        dbc.CardBody(
+            [
+                html.H4("Learn Dash with Charming Data", className="card-title"),
+                html.H6("Lesson 1:", className="card-subtitle"),
+                html.P(
+                    "Choose the year you would like to see on the bubble chart.",
+                    className="card-text",
+                ),
+
+                dbc.Button("Still not live I guess?", color="primary"),
+                # dbc.CardLink("GirlsWhoCode", href="https://girlswhocode.com/", target="_blank"),
+            ]
+        ),
+    ],
+    color="dark",   # https://bootswatch.com/default/ for more card colors
+    inverse=True,   # change color of text (black or white)
+    outline=False,  # True = remove the block colors from the background and header
+)
+
+card_question = dbc.Card(
+    [
+        dbc.CardBody([
+            html.H4("Question 1", className="card-title"),
+            html.P("What was India's life expectancy in 1952?", className="card-text"),
+            dbc.ListGroup(
+                [
+                    dbc.ListGroupItem("A. 55 years"),
+                    dbc.ListGroupItem("B. 37 years"),
+                    dbc.ListGroupItem("C. 49 years"),
+                ], flush=True)
+        ]),
+    ], color="warning",
+)
+
+
+
+
+
+today = datetime.date.today().strftime("%d.%m.%Y")
+tag = ["Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag", "Sonntag"][datetime.datetime.today().weekday()]
+
+string_header = tag + ", der " + today
+
+
+app.layout = html.Div([
+    html.Header(children = [
+        html.H1(string_header)
+    ]),
+    html.Div(
+        className = "content",
+        style = {"padding-top" : "32em"},
+        children = [
+            dbc.Row([dbc.Col(card_main, width=3),
+                     dbc.Col(card_question, width=3)], justify="around"),  # justify="start", "center", "end", "between", "around"
+
+            # dbc.CardGroup([card_main, card_question, card_graph])   # attaches cards with equal width and height columns
+            # dbc.CardDeck([card_main, card_question, card_graph])    # same as CardGroup but with gutter in between cards
+
+            # dbc.CardColumns([                        # Cards organised into Masonry-like columns
+            #         card_main,
+            #         card_question,
+            #         card_graph,
+            #         card_question,
+            #         card_question,
+            # ])
+    ])
+])
+
+
+
+
+if __name__ == "__main__":
+    app.run_server(host="0.0.0.0")

dashboard/static/test.css

@@ -0,0 +1,33 @@
+header {
+	position: fixed;
+	width: 100%;
+	height: var(--heading-height);
+}
+
+/* Create angled background with 'before' pseudo-element */
+header::before {
+	content: "";
+	display: block;
+	position: absolute;
+	left: 0;
+	bottom: 6em;
+	width: 100%;
+	height: calc(var(--heading-height) + 10em);
+	z-index: -1;
+	transform: skewY(-3.5deg);
+	background:
+		linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)),
+		url(https://images.unsplash.com/photo-1495464101292-552d0b52fe41?auto=format&fit=crop&w=1350&q=80) no-repeat center,
+		linear-gradient(#4e4376, #2b5876);
+	background-size: cover;
+	border-bottom: .2em solid #fff;
+}
+
+h1 {
+	font-size: calc(2.8em + 2.6vw);
+	font-weight: 650;
+	letter-spacing: .01em;
+	padding: 6rem 0 0 4.5rem;
+	text-shadow: .022em .022em .022em #111;
+	color: #fff;
+}

dashboard_wrapper.py

@@ -1,42 +1 @@
-import dash
+### mmmh I'm not that far
-from flask import Flask
-import dash_core_components as dcc
-import dash_html_components as html
-import plotly.graph_objs as go
-import numpy as np
-
-external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
-
-server = Flask(__name__)
-app = dash.Dash(__name__, server=server, external_stylesheets = external_stylesheets)
-
-np.random.seed(101)
-random_x = np.linspace(1,5,20)
-random_y = np.exp(random_x)
-
-
-app.layout = html.Div(children = [
-    html.H1("Hello wolrd!"),
-    dcc.Graph(
-    id="scatter",
-    figure = {
-        "data" : [
-            go.Scatter(
-            x = random_x,
-            y = random_y,
-            mode="markers"
-            )
-        ],
-        "layout" : go.Layout(
-            title="This is a test",
-            xaxis={"title" : "x"},
-            yaxis={"title" : "y"}
-        )
-    }
-    ),
-
-    ])
-
-
-if __name__ == "__main__":
-    app.run_server(host="0.0.0.0")