add logo

aws-deepracer-community · Sep 2, 2019 · 42b9d78 · 42b9d78
1 parent 5de857f
commit 42b9d78
Show file tree

Hide file tree

Showing 11 changed files with 35 additions and 13 deletions.
diff --git a/static/index.css b/static/index.css
@@ -33,6 +33,10 @@ div {
     text-align: center;
 }
 
+.lb-logo img {
+    height: 200px;
+}
+
 .lb-title {
     margin-top: 15px;
     margin-bottom: 15px;

diff --git a/static/league.css b/static/league.css
@@ -33,6 +33,10 @@ div {
     text-align: center;
 }
 
+.lb-logo img {
+    height: 200px;
+}
+
 .lb-title {
     margin-bottom: 15px;
     margin-top: 15px;

diff --git a/static/league.js b/static/league.js
@@ -2,6 +2,7 @@
  * league.js
  */
 
+let lb_logo = document.querySelector('.lb-logo');
 let lb_title = document.querySelector('.lb-title');
 let lb_items = document.querySelector('.lb-items');
 
@@ -63,7 +64,8 @@ function reloaded(res) {
 }
 
 function print(res) {
-    clear(res.title);
+    clear(res.logo, res.title);
+
     addRow('lb-header', 'Rank', 'Name', 'Time')
 
     let rank = 0;
@@ -89,8 +91,13 @@ function sec(t) {
     return ((+a[0]) * 60) + (+a[1]);
 }
 
-function clear(title) {
+function clear(logo, title) {
+    if (logo && logo !== '') {
+        lb_logo.innerHTML = `<img src="${logo}">`;
+    }
+
     lb_title.innerText = title;
+
     while (lb_items.lastChild) {
         lb_items.removeChild(lb_items.lastChild);
     }

diff --git a/static/logo_circuit_challenge.png b/static/logo_circuit_challenge.png
diff --git a/static/deepracer.png → static/logo_deepracer.png b/static/deepracer.png → static/logo_deepracer.png
diff --git a/static/trophy.png → static/logo_trophy.png b/static/trophy.png → static/logo_trophy.png
diff --git a/static/submit.css b/static/submit.css
@@ -38,6 +38,10 @@ a {
     text-align: center;
 }
 
+.lb-logo img {
+    height: 200px;
+}
+
 .lb-title {
     margin-bottom: 30px;
     margin-top: 30px;

diff --git a/static/submit.js b/static/submit.js
@@ -2,6 +2,7 @@
  * submit.js
  */
 
+let lb_logo = document.querySelector('.lb-logo');
 let lb_title = document.querySelector('.lb-title');
 
 let lb_email = document.querySelector('.lb-email');
@@ -15,7 +16,7 @@ function reload() {
         type: 'get',
         success: function (res, status) {
             if (res) {
-                lb_title.innerText = res.title;
+                clear(res.logo, res.title);
             }
         },
     });
@@ -38,6 +39,14 @@ function validateTime(val) {
 let lb_email_valid = false;
 let lb_time_valid = false;
 
+function clear(logo, title) {
+    if (logo && logo !== '') {
+        lb_logo.innerHTML = `<img src="${logo}">`;
+    }
+
+    lb_title.innerText = title;
+}
+
 function submit() {
     if (!lb_email_valid || !lb_time_valid) {
         return;

diff --git a/views/index.ejs b/views/index.ejs
@@ -9,12 +9,10 @@
 
 <body>
     <figure class="lb-logo">
-        <div>
-            <img src="/deepracer.png" width="500">
-        </div>
+        <img src="/logo_trophy.png">
     </figure>
 
-    <h1 class="lb-title">AWS DeepRacer League</h1>
+    <h1 class="lb-title">DeepRacer Challenge</h1>
 
     <footer></footer>
 </body>

diff --git a/views/league.ejs b/views/league.ejs
@@ -9,9 +9,7 @@
 
 <body>
     <figure class="lb-logo">
-        <div>
-            <img src="/deepracer.png" width="300">
-        </div>
+        <img src="/logo_trophy.png">
     </figure>
 
     <h1 class="lb-title"></h1>

diff --git a/views/submit.ejs b/views/submit.ejs
@@ -9,9 +9,7 @@
 
 <body>
     <figure class="lb-logo">
-        <div>
-            <img src="/deepracer.png" width="300">
-        </div>
+        <img src="/logo_trophy.png">
     </figure>
 
     <h1 class="lb-title"></h1>