diff --git a/layouts/index.html b/layouts/index.html index 45c8647..00ffaab 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -16,43 +16,46 @@
-
+
-
- -
Revoke.App
- -
-
-
-
-
-

- People tend to give an application access to their information on another one and forget about it - forever -

-

- This website gives you an easy access to revoke the unnecessary Web Apps permissions or - long forgetten sessions -

-

- Source Code +

+ +
+
+

People tend to give an application access to their information on another one and forget about + it + forever. This website gives you an easy access to revoke the unnecessary Web applications + permissions or + long forgetten sessions +

+
-

-
-
-
-
+
+
+
-
-
- +
+
+ +
+
-
-
@@ -66,21 +69,21 @@

{{ if .appsURL }}

- + Apps

{{ end }} {{ if .sessionsURL }}

- + Sessions

{{ end }} {{ if .devicesURL }}

- + Devices

diff --git a/static/app.js b/static/app.js index a58fe63..40ac76e 100644 --- a/static/app.js +++ b/static/app.js @@ -4,7 +4,6 @@ document.addEventListener( function search (pattern) { const $tiles = document.querySelectorAll('div.tile') $tiles.forEach($tile => { - console.log($tile.querySelector('.title')) const title = $tile.querySelector('p.title').innerHTML if (title.toLowerCase().includes(pattern.toLowerCase())) { $tile.parentNode.style.display = 'block' diff --git a/static/css/app.css b/static/css/app.css index da647b5..7bc42f1 100644 --- a/static/css/app.css +++ b/static/css/app.css @@ -1,6 +1,19 @@ -html { height:100%; } -body { position:absolute; top:0; bottom:0; right:0; left:0; } - +html { + height: 100%; +} +body { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; +} +.hero-head .navbar-item:focus { + background-color: #292929; +} +.hero-foot { + padding-bottom: 20px; +} main.container { padding: 10px; padding-bottom: 60px; /* Height of the footer */ @@ -16,7 +29,7 @@ article.tile:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } article.tile p.title { - text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.10); + text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); font-size: 36px; } article.tile p.control a.button { @@ -34,10 +47,7 @@ footer.footer { background-color: white; } -.input::-moz-placeholder, -.input::-webkit-input-placeholder, -.input:-moz-placeholder, -.input:-ms-input-placeholder, -.input::placeholder { - color: red !important; +::placeholder { + color: rgba(0, 0, 0, 0.26) !important; + opacity: 1; }