10 years ago · 3cd60e9a8d
--- a/front/src/css/about.css
+++ b/front/src/css/about.css
@@ -0,0 +1,10 @@
 
				+.about {
			
 
				+  margin: 3em auto;
			
 
				+  width: 50%;
			
 
				+}
			
 
				+.about p {
			
 
				+  margin: 2em;
			
 
				+}
			
 
				+.about a {
			
 
				+  color: #FFF;
			
 
				+}
			
--- a/front/src/css/main.css
+++ b/front/src/css/main.css
@@ -112,6 +112,12 @@ h1 span {
 
				   margin-top: 4em;
			
 
				   color: black;
			
 
				 }
			
 
				+.star {
			
 
				+  font-weight: bold;
			
 
				+}
			
 
				+.star span {
			
 
				+  font-size: 1.2em;
			
 
				+}
			
 
				 .footer {
			
 
				   padding: 3em;
			
 
				   color: #413;
			
@@ -119,12 +125,6 @@ h1 span {
 
				 .footer a {
			
 
				   color: inherit;
			
 
				 }
			
 
				-.footer .star {
			
 
				-  font-weight: bold;
			
 
				-}
			
 
				-.footer .star span {
			
 
				-  font-size: 1.2em;
			
 
				-}
			
 
				 /* Icons */
			
 
				 .icon-lab {
			
 
				   font-family: "fontsmith-icons";
			
--- a/front/src/less/about.less
+++ b/front/src/less/about.less
@@ -0,0 +1,12 @@
 
				+.about {
			
 
				+    margin: 3em auto;
			
 
				+    width: 50%;
			
 
				+}
			
 
				+
			
 
				+.about p {
			
 
				+    margin: 2em;
			
 
				+}
			
 
				+
			
 
				+.about a {
			
 
				+    color: #FFF;
			
 
				+}
			
--- a/front/src/less/main.less
+++ b/front/src/less/main.less
@@ -112,18 +112,20 @@ h1 span {
 
				     }
			
 
				 }
			
 
				 
			
 
				+
			
 
				+.star {
			
 
				+    font-weight: bold;
			
 
				+    span {
			
 
				+        font-size: 1.2em;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				 .footer {
			
 
				     padding: 3em;
			
 
				     color: #413;
			
 
				     a {
			
 
				         color: inherit;
			
 
				     }
			
 
				-    .star {
			
 
				-        font-weight: bold;
			
 
				-        span {
			
 
				-            font-size: 1.2em;
			
 
				-        }
			
 
				-    }
			
 
				 }
			
 
				 
			
 
				 /* Icons */
			
--- a/front/src/main.html
+++ b/front/src/main.html
@@ -11,6 +11,7 @@
 
				     <link rel="stylesheet" type="text/css" href="/front/css/queue.css">
			
 
				     <link rel="stylesheet" type="text/css" href="/front/css/rule.css">
			
 
				     <link rel="stylesheet" type="text/css" href="/front/css/timeline.css">
			
 
				+    <link rel="stylesheet" type="text/css" href="/front/css/about.css">
			
 
				 
			
 
				     <script src="/bower_components/angular/angular.min.js"></script>
			
 
				     <script src="/bower_components/angular-route/angular-route.min.js"></script>
			
@@ -32,7 +33,7 @@
 
				     <div id="header"><h1>Yellow Lab <span class="icon-lab"></span> Tools</h1></div>
			
 
				     <div id="body" ng-view autoscroll="true"></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>
			
 
				+        <p><a href="/about">Learn more</a><br>If you like <b>Yellow Lab Tools</b>, <a href="https://github.com/gmetais/YellowLabTools" target="_blank" class="star">give it a <span>&#9733;</span> on GitHub</a>!</p>
			
 
				     </div>
			
 
				 </body>
			
 
				 </html>
			
--- a/front/src/views/about.html
+++ b/front/src/views/about.html
@@ -1,8 +1,9 @@
 
				-<html>
			
 
				-<head></head>
			
 
				-<body>
			
 
				-    <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>
			
 
				-</body>
			
 
				-</html>
			
 
				+<div class="about">
			
 
				+    <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>. It lets you test a webpage (via an URL) and detects <b>performance</b> and <b>front-end code quality</b> issues.</p>
			
 
				+
			
 
				+    <p>This is done by loading the webpage via PhantomJS and collecting various metrics and statistics with the help of <a href="https://github.com/macbre/phantomas" target="_blank">Phantomas</a>. These metrics are categorized and transformed into scores. It also gives in-depth details so developpers can correct the detected issues.</p>
			
 
				+
			
 
				+    <p>By the way, <b>it's free</b> because we are geeks, not businessmen. All we want is <a href="https://github.com/gmetais/YellowLabTools" target="_blank" class="star">a <span>&#9733;</span> on GitHub</a>. It will boost our motivation to add more awesome features!!!</p>
			
 
				+
			
 
				+    <p><br><a href="/">Back to index</a></p>
			
 
				+</div>
			
--- a/front/src/views/index.html
+++ b/front/src/views/index.html
@@ -1,4 +1,5 @@
 
				 <h2 class="promess">Free online test to help speeding up <b>heavy</b> web pages</h2>
			
 
				+
			
 
				 <form ng-submit="launchTest()" >
			
 
				     <input type="text"ng-model="url" placeholder="http://www.mysite.com" class="url" />
			
 
				     <input type="submit" value="Launch test" class="launchBtn" ng-class="{disabled: !url}" />