diff --git a/res/static/script/Toolbar.js b/res/static/script/Toolbar.js index 857438a..0e73270 100644 --- a/res/static/script/Toolbar.js +++ b/res/static/script/Toolbar.js @@ -64,8 +64,8 @@ var Toolbar = { }else if(data.responseJSON.value === "virus_detected_captcha_required"){ popupTitle.innerText = "Malware warning!"; popupContent.innerText = "According to our scanning "+ - "systems this file may contain a virus (type '"+ - data.responseJSON.extra+"'). You can continue "+ + "systems this file may contain a virus of type '"+ + data.responseJSON.extra+"'. You can continue "+ "downloading this file at your own risk, but you will "+ "have to prove that you're a human first."; } @@ -153,7 +153,7 @@ function loadCaptcha(){ callback: function(token){ document.getElementById("download_frame").src = "/api/file/" + Viewer.currentFile + "?download&recaptcha_response="+token; - + setTimeout(function(){ var popupDiv = document.getElementById("captcha_popup"); popupDiv.style.opacity = "0"; diff --git a/res/static/style/layout.css b/res/static/style/layout.css index 90ee469..236b09f 100644 --- a/res/static/style/layout.css +++ b/res/static/style/layout.css @@ -103,12 +103,13 @@ body{ font-family: "Lato Thin", sans-serif; font-weight: bold; font-size: 1.8em; - transition: box-shadow 0.5s; + transition: box-shadow 2s; } .navigation a:hover { background: linear-gradient(var(--highlight_color), var(--highlight_color_dark)); box-shadow: var(--highlight_border), 2px 2px 8px var(--shadow_color); color: var(--highlight_text_color); + transition: box-shadow 0.5s; text-decoration: none; } .navigation .icon { diff --git a/res/static/style/viewer.css b/res/static/style/viewer.css index 4cf75d7..e0909fd 100644 --- a/res/static/style/viewer.css +++ b/res/static/style/viewer.css @@ -190,7 +190,6 @@ body{ /* ===================== || MISC COMPONENTS || ===================== */ - .full_popup{ position: fixed; visibility: hidden; @@ -214,18 +213,18 @@ body{ opacity: 0; transition: visibility 1s, opacity 1s, left 1s; background-color: var(--background_color); - border-color: var(--accent_color_dark_border); + border-color: var(--accent_color_dark_border); height: auto; - width: 500px; + width: 450px; max-width: 100%; - top: 50px; + top: 10%; left: 50%; - margin-left: -200px; + transform: translate(-50%, -10%); padding: 0 10px; box-sizing: border-box; text-align: left; box-shadow: var(--shadow_color) 0px 0px 50px; - z-index: 100; + z-index: 101; } #captcha_popup_captcha > div { display: inline-block; diff --git a/res/template/home.html b/res/template/home.html index 287f27e..a1993fa 100644 --- a/res/template/home.html +++ b/res/template/home.html @@ -75,7 +75,7 @@ BasicAttentionToken: Donate BAT by clicking the BAT icon in your address bar. If you don't have Brave browser yet you can download it here: - Install Brave. + Install Brave. Installing and using Brave with this referral link also counts as a 5$ donation. @@ -150,6 +150,7 @@


+
{{template "footer"}} diff --git a/webcontroller/user_style.go b/webcontroller/user_style.go index b29e722..afec7ef 100644 --- a/webcontroller/user_style.go +++ b/webcontroller/user_style.go @@ -15,15 +15,14 @@ func userStyle(r *http.Request) (style template.CSS) { switch cookie.Value { case "solarized_dark": selectedStyle = solarizedDarkStyle - break case "maroon": selectedStyle = maroonStyle - break + case "hacker": + selectedStyle = hackerStyle case "default": fallthrough // use default case default: selectedStyle = defaultPixeldrainStyle - break } } @@ -205,3 +204,24 @@ var maroonStyle = pixeldrainStyleSheet{ ShadowSpread: 50, ShadowIntensity: 5, } + +var hackerStyle = pixeldrainStyleSheet{ + TextColor: hsl{0, 0, 1}, + InputColor: hsl{0, 0, .25}, + InputTextColor: hsl{0, 0, 1}, + HighlightColor: hsl{120, 1, .6}, + HighlightTextColor: hsl{0, 0, 0}, + DangerColor: hsl{0, .65, .31}, + DangerColorDark: hsl{0, .64, .23}, + FileBackgroundColor: hsl{120, .8, .06}, + + BackgroundColor: hsl{0, 0, 0}, + BodyColor: hsl{0, 0, 0}, + AccentColorDark: hsl{0, 0, .05}, + AccentColorMedium: hsl{0, 0, .10}, + AccentColorLight: hsl{0, 0, .15}, + + ShadowColor: hsl{120, 1, .1}, + ShadowSpread: 50, + ShadowIntensity: 5, +}