update tags. implement clocks

6 files changed, 12 insertions, 1 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index fddad92..fc05db2 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -32,7 +32,7 @@ body {
   background: rgba(0, 0, 0, 0.5);
   color: #fff;
   transition: opacity 0.2s;
-  text-transform: capitalize;
+  text-transform: lowercase;
   font-variant: small-caps;
 }
 .legend .category {
@@ -169,3 +169,14 @@ body {
   width: 100%;
   height: 100%;
 }
+
+/** Clocks */
+
+.clocks {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  height: calc(100vh - 12rem);
+  align-items: center;
+  justify-content: space-evenly;
+}
diff --git a/public/assets/img/clock/clock.jpg b/public/assets/img/clock/clock.jpg
new file mode 100644
index 0000000..2ed2b10
--- /dev/null
+++ b/public/assets/img/clock/clock.jpg
diff --git a/public/assets/img/clock/clock.png b/public/assets/img/clock/clock.png
new file mode 100644
index 0000000..c1d3e86
--- /dev/null
+++ b/public/assets/img/clock/clock.png
diff --git a/public/assets/img/clock/hour.png b/public/assets/img/clock/hour.png
new file mode 100644
index 0000000..b8fd5d3
--- /dev/null
+++ b/public/assets/img/clock/hour.png
diff --git a/public/assets/img/clock/minute.png b/public/assets/img/clock/minute.png
new file mode 100644
index 0000000..1dc5df0
--- /dev/null
+++ b/public/assets/img/clock/minute.png
diff --git a/public/assets/img/clock/second.png b/public/assets/img/clock/second.png
new file mode 100644
index 0000000..9b2b854
--- /dev/null
+++ b/public/assets/img/clock/second.png