diff --git a/static/css/lockscreen.css b/static/css/lockscreen.css index e904be5..d468a00 100644 --- a/static/css/lockscreen.css +++ b/static/css/lockscreen.css @@ -20,7 +20,7 @@ margin-bottom: 0px; padding-bottom: 0px; text-align: center; - width: 95%; + width: 140%; vertical-align: middle; font-family: monospace; } @@ -47,3 +47,13 @@ 95%, 100% {background-position:0 75%,0 25%,100% 75%,100% 25%} } + + +#credits { + position: absolute; + bottom: 1px; + left: 1px; + mix-blend-mode: difference; + color: white; + font-weight: bold; +} \ No newline at end of file diff --git a/static/js/lockscreenBgHandler.js b/static/js/lockscreenBgHandler.js index 438cc09..16acd76 100644 --- a/static/js/lockscreenBgHandler.js +++ b/static/js/lockscreenBgHandler.js @@ -23,7 +23,7 @@ function handleImage() { // default galery; spring awakens uuid: '01919dec-b2cd-7adc-8ca2-a071d1169cbc;01953de0-3aa7-71f1-bfff-cbf9488efa64', unsplash: true, - // orientation: 'landscape', + orientation: 'landscape', height: window.screen.availHeight, width: window.screen.availWidth, cropCenteringMode: 'sm' @@ -79,7 +79,7 @@ function handleImage() { }, 1000); // Set the credits - credits.innerHTML = `Photo by ${data.user.name}`; + credits.innerHTML = `"${data.title}" by ${data.user.name}`; credits.style.zIndex = 300000; } })