New loading screen and logo

WebServer/index.html

@@ -49,12 +49,9 @@
     style="overflow:hidden; background: url(Images/superalgos-platform.jpg); background-size: cover;"
     onresize="onResize()">
     <div id="contributors" class="credits">
-        <p class="tutorial-alert-success">This project is open source and free thanks to the efforts and time of it's
-            contributors:</p>
-        <p class="tutorial-callout">Luis Fernando Molina, Julian Molina, Andreja Cobeljic, Matías Benitez, Ira Miller,
-            Eduardo Remis, Jeff Braun, Barry Low, Nikola Bjelogrlic, Hirajin Koizuko and Francisco J. Santillán.</p>
-        <p class="tutorial-alert-info">If you find it useful, please consider giving back to the community by becoming a
-            contributor.</p>
+        <p>Superalgos is <span class="red">open-source</span> and <span class="red">free</span> thanks to the effort of contributors:</p>
+        <p>Luis Fernando Molina, Julian Molina, Andreja Cobeljic, Matías Benitez, Ira Miller, Eduardo Remis, Jeff Braun, rico4dev, Barry Low, Nikola Bjelogrlic, Hirajin Koizuko, and Francisco J. Santillán.</p>
+        <p><span class="red">Help us keep Superalgos free for all. Become a contributor!</span></p>
     </div>
     <div id="masterApp"></div>
     <div id="canvasApp"></div>

WebServer/main.css

@@ -23,15 +23,23 @@
 }
 
 .credits {
-  padding: 15px;
-  margin-top: 100px;
-  margin-bottom: 20px;
-  border: 2px solid;
-  border-color: #1b998b;
-  border-radius: 8px;
-  background-color: #fdfdfd;
-  width: 400px;
-  margin: auto;
+  width: 100%;
+  margin: 0 50 50 50;
+  text-align: center;
+  position:absolute;
+  bottom:0;
+}
+
+.credits p {
+  font-family: 'Saira Condensed';
+  font-size: 140%;
+  color: whitesmoke;
+  padding: 0 100;
+}
+
+.red {
+  color: #e3493c;
+  font-weight: 700;
 }
 
 .tutorial-step {