Merge pull request #16 from nalbam/main

add timer link
aws-deepracer-community · Oct 10, 2023 · 5c0aad9 · 5c0aad9
2 parents 7abe6b8 + 9dc1cae
commit 5c0aad9
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 31 deletions.
diff --git a/public/index.css b/public/index.css
@@ -1,3 +1,8 @@
+@font-face {
+  font-family: sf-mono;
+  src: url("/fonts/sf-mono-regular.woff");
+}
+
 * {
   margin: 0;
   padding: 0;
@@ -6,36 +11,21 @@
 html {
   background: #000;
   color: #eee;
-  font-family: Menlo, Noto Mono;
-}
-
-figure {
-  display: block;
-  margin-block-end: 1em;
-  margin-block-start: 1em;
-  margin-inline-end: 40px;
-  margin-inline-start: 40px;
-}
-
-footer {
-  height: 100px;
-}
-
-div {
-  display: block;
+  font-family: sf-mono, Noto Mono;
 }
 
 a {
   text-decoration: none;
 }
 
 .lb-logo {
-  display: block;
   height: 800px;
-  line-height: 0;
-  margin: 50px 0;
   overflow: hidden;
+  position: fixed;
   text-align: center;
+  top: 5%;
+  width: 100%;
+  height: 70%;
 }
 
 .lb-logo-front,
@@ -49,8 +39,22 @@ a {
 }
 
 .lb-title {
-  height: 30px;
-  margin-bottom: 30px;
-  margin-top: 30px;
+  position: fixed;
+  text-align: center;
+  top: 80%;
+  width: 100%;
+}
+
+.btn-link {
+  background-color: #e71;
+  background-image: linear-gradient(180deg, #f71 0, #e50);
+  border-color: #e60 #e50 #e50;
+  border-radius: 3px;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-size: 1vw;
   text-align: center;
+  vertical-align: middle;
+  padding: 1rem 4rem 1rem 4rem;
 }
diff --git a/public/timer.css b/public/timer.css
@@ -1,8 +1,3 @@
-* {
-  margin: 0;
-  padding: 0;
-}
-
 @font-face {
   font-family: sf-mono;
   src: url("/fonts/sf-mono-regular.woff");
@@ -14,12 +9,21 @@
   }
 }
 
+* {
+  margin: 0;
+  padding: 0;
+}
+
 html {
   background: #000;
   color: #eee;
   font-family: sf-mono, Noto Mono;
 }
 
+a {
+  text-decoration: none;
+}
+
 .controls {
   position: fixed;
   text-align: center;
@@ -30,7 +34,6 @@ html {
 .button {
   font-size: 2vw;
   margin: 0 0.5em;
-  text-decoration: none;
 }
 
 .button:first-child {

diff --git a/views/index.ejs b/views/index.ejs
@@ -9,7 +9,7 @@
 </head>
 
 <body>
-  <figure class="lb-logo">
+  <div class="lb-logo">
     <div class="flip-container">
       <div class="flip-body">
         <div class="face front">
@@ -20,7 +20,10 @@
         </div>
       </div>
     </div>
-  </figure>
+  </div>
+  <div class="lb-title">
+    <a href="/timer" class="btn-link">Timer</a>
+  </div>
 </body>
 
 </html>