diff --git a/app/static/images/error.png b/app/static/images/error.png new file mode 100644 index 0000000..feb9751 Binary files /dev/null and b/app/static/images/error.png differ diff --git a/app/static/images/logo.png b/app/static/images/logo.png index 9c1c4a3..e7ce327 100644 Binary files a/app/static/images/logo.png and b/app/static/images/logo.png differ diff --git a/app/static/images/off.png b/app/static/images/off.png new file mode 100644 index 0000000..8f80664 Binary files /dev/null and b/app/static/images/off.png differ diff --git a/app/static/images/on.png b/app/static/images/on.png new file mode 100644 index 0000000..f04ba17 Binary files /dev/null and b/app/static/images/on.png differ diff --git a/app/static/styles/main.css b/app/static/styles/main.css index 865104a..8e43d12 100644 --- a/app/static/styles/main.css +++ b/app/static/styles/main.css @@ -32,6 +32,34 @@ main div .header h1 { font-size: 20px; } +main div .status-bar { + display: flex; + margin: 5px; + flex-wrap: wrap; + justify-content: space-evenly; + padding: 20px; + border-top: 2px solid #424242; + border-bottom: 2px solid #424242; +} + +.meter { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +main div .status-bar .meter img { + width: 30px; + height: 30px; +} + +.meter p { + padding: 0px; + margin: 0px; +} + + main div h2 { font-size: 16px; } diff --git a/app/templates/home.html b/app/templates/home.html index 6f08669..48a458b 100644 --- a/app/templates/home.html +++ b/app/templates/home.html @@ -7,9 +7,41 @@ logo

Return to Ritherdon Project

- -
+ +

Artwork Status

+
+ +
+ logo +

Factory 1

+
+ +
+ logo +

Factory 2

+
+ +
+ logo +

Factory 3

+
+ +
+ logo +

Gallery 1

+
+ +
+ logo +

Gallery 2

+
+ +
+ logo +

Gallery 3

+
+

About the Project