Forráskód Böngészése

Same header and same footer on all pages

Gaël Métais 10 éve
szülő
commit
73dc5a6332

+ 6 - 2
app/node_views/launchTest.html

@@ -7,12 +7,16 @@
     <script src="/socket.io/socket.io.js"></script>
 </head>
 <body>
-    <h1>Javascript Spaghetti Profiler</h1>
+    <h1>Yellow Lab <span class="icon-lab"></span> Tools</h1>
 
     <div id="status"></div>
 
     <div>%%TEST_URL%%</div>
 
+    <div class="footer">
+        <p><b>Yellow Lab Tools</b> is an open source project by <a href="http://www.gaelmetais.com" target="_blank">Gaël Métais</a>, based on <a href="https://github.com/macbre/phantomas" target="_blank">Phantomas</a>.<br>If you like it, <a href="https://github.com/gmetais/YellowLabTools" target="_blank" class="star">give it a <span>&#9733;</span> on GitHub</a>!</p>
+    </div>
+
     <script>
         var testId = '%%TEST_ID%%';
         var statusElement = document.getElementById('status');
@@ -24,7 +28,7 @@
         
         socket.on('position', function(position) {
             if (position === 0) {
-                statusElement.innerHTML = 'Running';
+                statusElement.innerHTML = 'Test is running...';
             } else {
                 statusElement.innerHTML = 'Waiting behind ' + (position) + ' other tests';
             }

+ 4 - 2
app/node_views/results.html

@@ -10,7 +10,7 @@
     <script src="/public/scripts/filters.js"></script>
 </head>
 <body ng-app="YellowLabTools" ng-controller="ResultsCtrl">
-    <h1>Javascript Spaghetti Profiler</h1>
+    <h1>Yellow Lab <span class="icon-lab"></span> Tools</h1>
 
     <div ng-if="undefined">Untangling and counting the spaghettis...</div>
 
@@ -263,9 +263,11 @@
                 </div>
             </div>
         </div>
-
     </div>
 
+    <div class="footer">
+        <p><b>Yellow Lab Tools</b> is an open source project by <a href="http://www.gaelmetais.com" target="_blank">Gaël Métais</a>, based on <a href="https://github.com/macbre/phantomas" target="_blank">Phantomas</a>.<br>If you like it, <a href="https://github.com/gmetais/YellowLabTools" target="_blank" class="star">give it a <span>&#9733;</span> on GitHub</a>!</p>
+    </div>
 
     <script>
 

BIN
app/public/fonts/icons.woff


+ 0 - 18
app/public/styles/index.css

@@ -1,7 +1,3 @@
-h1 span {
-    color: #ffa319;
-}
-
 .promess {
     padding: 0em 2em 3em;
     font-weight: normal;
@@ -36,18 +32,4 @@ input[type=submit].clicked {
     left: 0.1em;
     top: 0.2em;
     box-shadow: none;
-}
-
-.footer {
-    padding: 3em;
-    color: #5e2846;
-}
-.footer a {
-    color: inherit;
-}
-.footer .star {
-    font-weight: bold;
-}
-.footer .star span {
-    font-size: 1.2em;
 }

+ 2 - 1
app/public/styles/launchTest.css

@@ -1,3 +1,4 @@
 #status {
-    font-size: 1.5em;
+    margin-top: 2em;
+    font-size: 2.5em;
 }

+ 12 - 12
app/public/styles/less/icons.less

@@ -1,24 +1,24 @@
-@warning-font-family: "fontsmith-icons";
-@warning-value: "\e000";
-@warning: '"fontsmith-icons"' '"\\e000"';
-@arrow-left3-font-family: "fontsmith-icons";
-@arrow-left3-value: "\e006";
-@arrow-left3: '"fontsmith-icons"' '"\\e006"';
 @drawer3-font-family: "fontsmith-icons";
 @drawer3-value: "\e005";
 @drawer3: '"fontsmith-icons"' '"\\e005"';
-@list-font-family: "fontsmith-icons";
-@list-value: "\e003";
-@list: '"fontsmith-icons"' '"\\e003"';
+@question-font-family: "fontsmith-icons";
+@question-value: "\e002";
+@question: '"fontsmith-icons"' '"\\e002"';
 @lab-font-family: "fontsmith-icons";
 @lab-value: "\e004";
 @lab: '"fontsmith-icons"' '"\\e004"';
+@warning-font-family: "fontsmith-icons";
+@warning-value: "\e000";
+@warning: '"fontsmith-icons"' '"\\e000"';
 @tree-font-family: "fontsmith-icons";
 @tree-value: "\e001";
 @tree: '"fontsmith-icons"' '"\\e001"';
-@question-font-family: "fontsmith-icons";
-@question-value: "\e002";
-@question: '"fontsmith-icons"' '"\\e002"';
+@list-font-family: "fontsmith-icons";
+@list-value: "\e003";
+@list: '"fontsmith-icons"' '"\\e003"';
+@arrow-left3-font-family: "fontsmith-icons";
+@arrow-left3-value: "\e006";
+@arrow-left3: '"fontsmith-icons"' '"\\e006"';
 
 .icon-font-family(@char) {
   font-family: ~`@{char}[0]`;

+ 18 - 0
app/public/styles/less/main.less

@@ -25,6 +25,24 @@ input[type=submit] {
     cursor: pointer;
 }
 
+h1 span {
+    color: #ffa319;
+}
+
+.footer {
+    padding: 3em;
+    color: #5e2846;
+    a {
+        color: inherit;
+    }
+    .star {
+        font-weight: bold;
+        span {
+            font-size: 1.2em;
+        }
+    }
+}
+
 /* Icons */
 .icon-lab {
     .icon(@lab);

+ 16 - 0
app/public/styles/main.css

@@ -25,6 +25,22 @@ button {
 input[type=submit] {
   cursor: pointer;
 }
+h1 span {
+  color: #ffa319;
+}
+.footer {
+  padding: 3em;
+  color: #5e2846;
+}
+.footer a {
+  color: inherit;
+}
+.footer .star {
+  font-weight: bold;
+}
+.footer .star span {
+  font-size: 1.2em;
+}
 /* Icons */
 .icon-lab {
   font-family: "fontsmith-icons";