From 3cd60e9a8da7cd5972da50b9e5889a19a854d261 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABl=20M=C3=A9tais?= Date: Mon, 22 Dec 2014 17:45:11 +0100 Subject: [PATCH] About page --- front/src/css/about.css | 10 ++++++++++ front/src/css/main.css | 12 ++++++------ front/src/less/about.less | 12 ++++++++++++ front/src/less/main.less | 14 ++++++++------ front/src/main.html | 3 ++- front/src/views/about.html | 17 +++++++++-------- front/src/views/index.html | 1 + 7 files changed, 48 insertions(+), 21 deletions(-) create mode 100644 front/src/css/about.css create mode 100644 front/src/less/about.less diff --git a/front/src/css/about.css b/front/src/css/about.css new file mode 100644 index 0000000..0436d82 --- /dev/null +++ b/front/src/css/about.css @@ -0,0 +1,10 @@ +.about { + margin: 3em auto; + width: 50%; +} +.about p { + margin: 2em; +} +.about a { + color: #FFF; +} diff --git a/front/src/css/main.css b/front/src/css/main.css index 5a8e4a7..d4631b7 100644 --- 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"; diff --git a/front/src/less/about.less b/front/src/less/about.less new file mode 100644 index 0000000..67de419 --- /dev/null +++ b/front/src/less/about.less @@ -0,0 +1,12 @@ +.about { + margin: 3em auto; + width: 50%; +} + +.about p { + margin: 2em; +} + +.about a { + color: #FFF; +} \ No newline at end of file diff --git a/front/src/less/main.less b/front/src/less/main.less index 5d4abdf..9d8065f 100644 --- 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 */ diff --git a/front/src/main.html b/front/src/main.html index 51277bb..6015d59 100644 --- a/front/src/main.html +++ b/front/src/main.html @@ -11,6 +11,7 @@ + @@ -32,7 +33,7 @@
-

Yellow Lab Tools is an open source project by Gaël Métais, based on Phantomas.
If you like it, give it a ★ on GitHub!

+

Learn more
If you like Yellow Lab Tools, give it a ★ on GitHub!

\ No newline at end of file diff --git a/front/src/views/about.html b/front/src/views/about.html index 3016791..7824c61 100644 --- a/front/src/views/about.html +++ b/front/src/views/about.html @@ -1,8 +1,9 @@ - - - -
-

Yellow Lab Tools is an open source project by Gaël Métais, based on Phantomas.
If you like it, give it a ★ on GitHub!

-
- - \ No newline at end of file +
+

Yellow Lab Tools is an open source project by Gaël Métais. It lets you test a webpage (via an URL) and detects performance and front-end code quality issues.

+ +

This is done by loading the webpage via PhantomJS and collecting various metrics and statistics with the help of Phantomas. These metrics are categorized and transformed into scores. It also gives in-depth details so developpers can correct the detected issues.

+ +

By the way, it's free because we are geeks, not businessmen. All we want is a ★ on GitHub. It will boost our motivation to add more awesome features!!!

+ +


Back to index

+
\ No newline at end of file diff --git a/front/src/views/index.html b/front/src/views/index.html index f676eee..7bc52c3 100644 --- a/front/src/views/index.html +++ b/front/src/views/index.html @@ -1,4 +1,5 @@

Free online test to help speeding up heavy web pages

+