WEBDIENSTE/YellowLabTools
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

About page

Browse Source
This commit is contained in:
Gaël Métais
2014-12-22 17:45:11 +01:00
parent cf79e95c45
commit 3cd60e9a8d
7 changed files with 48 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/src/css/about.css
+10
View File
@@ -0,0 +1,10 @@
.about {
margin: 3em auto;
width: 50%;
}
.about p {
margin: 2em;
}
.about a {
color: #FFF;
}
front/src/css/main.css
+6 -6
View File
@@ -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";
front/src/less/about.less
+12
View File
@@ -0,0 +1,12 @@
.about {
margin: 3em auto;
width: 50%;
}
.about p {
margin: 2em;
}
.about a {
color: #FFF;
}
front/src/less/main.less
+8 -6
View File
@@ -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 */
front/src/main.html
+2 -1
View File
@@ -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>
front/src/views/about.html
+9 -8
View File
@@ -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>
front/src/views/index.html
+1
View File
@@ -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}" />