We use cookies to ensure you get the best experience on our website
Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
0ct0pu5
/
YellowLabTools
1
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Przeglądaj źródła

About page

Gaël Métais 10 lat temu
rodzic
cf79e95c45
commit
3cd60e9a8d
7 zmienionych plików z 48 dodań i 21 usunięć
Zunifikowany widok Pokaż statystyki zmian
  1. 10 0
      front/src/css/about.css
  2. 6 6
      front/src/css/main.css
  3. 12 0
      front/src/less/about.less
  4. 8 6
      front/src/less/main.less
  5. 2 1
      front/src/main.html
  6. 9 8
      front/src/views/about.html
  7. 1 0
      front/src/views/index.html

+ 10 - 0
front/src/css/about.css
Wyświetl plik 

@@ -0,0 +1,10 @@
 
+.about {
 
+  margin: 3em auto;
 
+  width: 50%;
 
+}
 
+.about p {
 
+  margin: 2em;
 
+}
 
+.about a {
 
+  color: #FFF;
 
+}

+ 6 - 6
front/src/css/main.css
Wyświetl plik 

@@ -112,6 +112,12 @@ h1 span {
 
   margin-top: 4em;
 
   margin-top: 4em;
 
   color: black;
 
   color: black;
 
 }
 
 }
 
+.star {
 
+  font-weight: bold;
 
+}
 
+.star span {
 
+  font-size: 1.2em;
 
+}
 
 .footer {
 
 .footer {
 
   padding: 3em;
 
   padding: 3em;
 
   color: #413;
 
   color: #413;
 
@@ -119,12 +125,6 @@ h1 span {
 
 .footer a {
 
 .footer a {
 
   color: inherit;
 
   color: inherit;
 
 }
 
 }
 
-.footer .star {
 
-  font-weight: bold;
 
-}
 
-.footer .star span {
 
-  font-size: 1.2em;
 
-}
 
 /* Icons */
 
 /* Icons */
 
 .icon-lab {
 
 .icon-lab {
 
   font-family: "fontsmith-icons";
 
   font-family: "fontsmith-icons";

+ 12 - 0
front/src/less/about.less
Wyświetl plik 

@@ -0,0 +1,12 @@
 
+.about {
 
+    margin: 3em auto;
 
+    width: 50%;
 
+}
 
+
 
+.about p {
 
+    margin: 2em;
 
+}
 
+
 
+.about a {
 
+    color: #FFF;
 
+}

+ 8 - 6
front/src/less/main.less
Wyświetl plik 

@@ -112,18 +112,20 @@ h1 span {
 
     }
 
     }
 
 }
 
 }
 
 
 
+
 
+.star {
 
+    font-weight: bold;
 
+    span {
 
+        font-size: 1.2em;
 
+    }
 
+}
 
+
 
 .footer {
 
 .footer {
 
     padding: 3em;
 
     padding: 3em;
 
     color: #413;
 
     color: #413;
 
     a {
 
     a {
 
         color: inherit;
 
         color: inherit;
 
     }
 
     }
 
-    .star {
 
-        font-weight: bold;
 
-        span {
 
-            font-size: 1.2em;
 
-        }
 
-    }
 
 }
 
 }
 
 
 
 /* Icons */
 
 /* Icons */

+ 2 - 1
front/src/main.html
Wyświetl plik 

@@ -11,6 +11,7 @@
 
     <link rel="stylesheet" type="text/css" href="/front/css/queue.css">
 
     <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/rule.css">
 
     <link rel="stylesheet" type="text/css" href="/front/css/timeline.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/angular.min.js"></script>
 
     <script src="/bower_components/angular-route/angular-route.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="header"><h1>Yellow Lab <span class="icon-lab"></span> Tools</h1></div>
 
     <div id="body" ng-view autoscroll="true"></div>
 
     <div id="body" ng-view autoscroll="true"></div>
 
     <div class="footer">
 
     <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>
 
     </div>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 9 - 8
front/src/views/about.html
Wyświetl plik 

@@ -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>

+ 1 - 0
front/src/views/index.html
Wyświetl plik 

@@ -1,4 +1,5 @@
 
 <h2 class="promess">Free online test to help speeding up <b>heavy</b> web pages</h2>
 
 <h2 class="promess">Free online test to help speeding up <b>heavy</b> web pages</h2>
 
+
 
 <form ng-submit="launchTest()" >
 
 <form ng-submit="launchTest()" >
 
     <input type="text"ng-model="url" placeholder="http://www.mysite.com" class="url" />
 
     <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}" />
 
     <input type="submit" value="Launch test" class="launchBtn" ng-class="{disabled: !url}" />

Contact | Legal | Takedown | Status
Self-hosted public services - About
NibbleSpot by 0ct0pu5