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;
}
})