diff --git a/front/src/css/about.css b/front/src/css/about.css index 0436d82..8bf7c0d 100644 --- a/front/src/css/about.css +++ b/front/src/css/about.css @@ -6,5 +6,8 @@ margin: 2em; } .about a { - color: #FFF; + color: #fff; +} +.sponsor { + color: #ffa319; } diff --git a/front/src/css/dashboard.css b/front/src/css/dashboard.css index f070c80..26246cf 100644 --- a/front/src/css/dashboard.css +++ b/front/src/css/dashboard.css @@ -114,14 +114,14 @@ color: inherit; } .summary .notations .criteria .table > a:hover > div { - background: #EBD8E2; + background: #d8ebe0; cursor: pointer; } .summary .notations .criteria .table > a:hover > div.info { background: #FFF; } .summary .notations .criteria .table > a:hover > div.info svg { - fill: #EBD8E2; + fill: #d8ebe0; } .summary .notations .criteria .grade { width: 10%; diff --git a/front/src/css/index.css b/front/src/css/index.css index 8259f44..54ad711 100644 --- a/front/src/css/index.css +++ b/front/src/css/index.css @@ -20,7 +20,7 @@ background: #e74c3c; } .launchBtn.disabled { - background: #deaca6; + background: #f1bd70; } .launchBtn.disabled:focus { color: #ddd; @@ -90,6 +90,8 @@ border-radius: 1em; border: 2px solid #ffa319; white-space: normal; + word-break: break-all; + word-break: break-word; z-index: 2; } .settingsTooltip:hover div { @@ -154,7 +156,7 @@ width: 50%; margin: 6em auto 0; font-size: 0.9em; - color: #413; + color: #8abfaf; } .features > div { width: 33.3%; @@ -169,7 +171,6 @@ input.url { height: 2em; border: 0 solid; border-radius: 0.5em; - box-shadow: 0.1em 0.2em 0 0 #5e2846; outline: none; } input[type=submit]:hover { diff --git a/front/src/css/main.css b/front/src/css/main.css index bb8866a..95fd3ba 100644 --- a/front/src/css/main.css +++ b/front/src/css/main.css @@ -4,7 +4,7 @@ html { body { margin: 0 auto; max-width: 1280px; - background: #9c4274; + background: #212240; color: #fff; font-size: 16px; text-align: center; @@ -20,11 +20,8 @@ button { input[type=submit] { cursor: pointer; } -h1 span { - display: inline-block; - height: 1em; - width: 1em; - color: #ffa319; +h1 { + font-weight: 200; } .resultsMenu { margin-top: 2em; @@ -35,7 +32,7 @@ h1 span { width: 8em; height: 7em; color: #fff; - border: 3px solid #fff; + border: 2px solid #fff; border-radius: 0.5em; cursor: pointer; text-decoration: none; @@ -45,12 +42,8 @@ h1 span { } .resultsMenu .menuItem.back, .resultsMenu .menuItem.restart { - color: #413; - border-color: #413; -} -.resultsMenu .menuItem.back svg, -.resultsMenu .menuItem.restart svg { - fill: #413; + color: #fff; + border-color: #fff; } .resultsMenu .menuItem div { padding-top: 0.5em; @@ -259,7 +252,7 @@ a.linkButton { } .footer { padding: 3em; - color: #413; + color: #fff; } .footer a { color: inherit; @@ -273,3 +266,6 @@ a.linkButton { .footer .sponsor { font-size: 0.9em; } +.homeSponsor { + color: #ffa319; +} diff --git a/front/src/css/rule.css b/front/src/css/rule.css index c097224..97e5bec 100644 --- a/front/src/css/rule.css +++ b/front/src/css/rule.css @@ -80,7 +80,7 @@ word-break: break-all; } .rule .offendersTable > div > div:hover { - background: #EBD8E2; + background: #d8ebe0; } .rule .notFound { font-size: 1em; diff --git a/front/src/js/app.js b/front/src/js/app.js index cdaf143..4b04f1e 100644 --- a/front/src/js/app.js +++ b/front/src/js/app.js @@ -41,7 +41,7 @@ yltApp.run(['$rootScope', '$location', function($rootScope, $location) { // GitHub star button (asynchronously loaded iframe) window.addEventListener('load', function() { - window.document.getElementById('ghbtn').src = 'https://ghbtns.com/github-btn.html?user=gmetais&repo=YellowLabTools&type=star&count=true&size=large'; + window.document.getElementById('ghbtn').src = 'https://ghbtns.com/github-btn.html?user=YellowLabTools&repo=YellowLabTools&type=star&count=true&size=large'; }); }]); diff --git a/front/src/less/about.less b/front/src/less/about.less index 67de419..3c20359 100644 --- a/front/src/less/about.less +++ b/front/src/less/about.less @@ -8,5 +8,9 @@ } .about a { - color: #FFF; + color: #fff; +} + +.sponsor { + color: #ffa319; } \ No newline at end of file diff --git a/front/src/less/dashboard.less b/front/src/less/dashboard.less index 79d2664..ce5fdd9 100644 --- a/front/src/less/dashboard.less +++ b/front/src/less/dashboard.less @@ -113,12 +113,12 @@ color: inherit; } > a:hover > div { - background: #EBD8E2; + background: #d8ebe0; cursor: pointer; &.info { background: #FFF; svg { - fill: #EBD8E2; + fill: #d8ebe0; } } } diff --git a/front/src/less/index.less b/front/src/less/index.less index 64b991e..e212fcd 100644 --- a/front/src/less/index.less +++ b/front/src/less/index.less @@ -22,7 +22,7 @@ background: #e74c3c; } &.disabled { - background: #deaca6; + background: #f1bd70; &:focus { color: #ddd; } @@ -101,6 +101,8 @@ border-radius: 1em; border: 2px solid #ffa319; white-space: normal; + word-break: break-all; + word-break: break-word; z-index: 2; } @@ -178,7 +180,7 @@ width: 50%; margin: 6em auto 0; font-size: 0.9em; - color: #413; + color: #8abfaf; > div { width: 33.3%; @@ -194,7 +196,6 @@ input[type=submit], input.url { height: 2em; border: 0 solid; border-radius: 0.5em; - box-shadow: 0.1em 0.2em 0 0 #5e2846; outline: none; } input[type=submit]:hover { diff --git a/front/src/less/main.less b/front/src/less/main.less index 8413b02..0ea6346 100644 --- a/front/src/less/main.less +++ b/front/src/less/main.less @@ -5,7 +5,7 @@ html { body { margin: 0 auto; max-width: 1280px; - background: #9c4274; + background: #212240; color: #fff; font-size: 16px; text-align: center; @@ -19,11 +19,8 @@ input[type=submit] { cursor: pointer; } -h1 span { - display: inline-block; - height: 1em; - width: 1em; - color: #ffa319; +h1 { + font-weight: 200; } .resultsMenu { @@ -35,7 +32,7 @@ h1 span { width: 8em; height: 7em; color: #fff; - border: 3px solid #fff; + border: 2px solid #fff; border-radius: 0.5em; cursor: pointer; text-decoration: none; @@ -45,12 +42,8 @@ h1 span { } &.back, &.restart { - color: #413; - border-color: #413; - - svg { - fill: #413; - } + color: #fff; + border-color: #fff; } } .resultsMenu .menuItem div { @@ -280,7 +273,7 @@ a.linkButton { .footer { padding: 3em; - color: #413; + color: #fff; a { color: inherit; } @@ -293,4 +286,8 @@ a.linkButton { .sponsor { font-size: 0.9em; } +} + +.homeSponsor { + color: #ffa319; } \ No newline at end of file diff --git a/front/src/less/rule.less b/front/src/less/rule.less index c139a34..b5c5827 100644 --- a/front/src/less/rule.less +++ b/front/src/less/rule.less @@ -85,7 +85,7 @@ word-wrap: break-word; word-break: break-all; &:hover { - background: #EBD8E2; + background: #d8ebe0; } } } diff --git a/front/src/main.html b/front/src/main.html index 0cebb8b..8d53753 100644 --- a/front/src/main.html +++ b/front/src/main.html @@ -18,11 +18,8 @@ - - - @@ -32,7 +29,7 @@
diff --git a/front/src/views/about.html b/front/src/views/about.html index e838117..d0c0e51 100644 --- a/front/src/views/about.html +++ b/front/src/views/about.html @@ -1,9 +1,9 @@Yellow Lab Tools is an open source project by Gaël Métais. It allows you to test a webpage (via an URL) and detects performance and front-end code quality issues.
+Yellow Lab Tools is an open source project by Gaël Métais. It allows you to 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 that developers 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!!!
+By the way, it's free because I'm a geek, not a businessman. In return, you can add a ★ on GitHub. It will boost my motivation to add more awesome features!!!
<%if (sponsoring.about) { %>