v.1.4.2 (#19)

Author: eromatiya

README.md

@@ -1,55 +1,56 @@
-## the glorious lightdm webkit2 theme
+## The glorious lightdm webkit2 theme
 
 [![maintained](https://img.shields.io/maintenance/yes/2020?label=maintained&style=flat-square)](https://github.com/manilarome/the-glorious-lightdm-webkit2-theme/commits/master) [![contributions](https://img.shields.io/badge/contribution-welcome-brightgreen&?style=flat-square)](https://github.com/manilarome/the-glorious-lightdm-webkit2-theme/pulls) [![HitCount](http://hits.dwyl.com/manilarome/the-glorious-lightdm-webkit2-theme.svg)](http://hits.dwyl.com/manilarome/the-glorious-lightdm-webkit2-theme) [![Codacy Badge](https://app.codacy.com/project/badge/Grade/0812167ef9954b74ac23f7c1bfeb3764)](https://www.codacy.com?utm_source=github.com&utm_medium=referral&utm_content=manilarome/the-glorious-lightdm-webkit2-theme&utm_campaign=Badge_Grade)
 
-a modern, glorified lightdm webkit2 theme
+A sleek, modern, and glorified lightdm webkit2 theme
 
-## [live demo here](https://manilarome.github.io/lightdm-webkit2-theme-glorious)
+## [Live Demo](https://manilarome.github.io/lightdm-webkit2-theme-glorious)
+#### Demo password: `toor`
 
-### gallery
+### Gallery
 
-| login screen |
+| Login Screen |
 | --- |
 | ![screenshot](scrots/login.webp) |
 
-| sessions screen |
+| Sessions Screen |
 | --- |
 | ![screenshot](scrots/sessions.webp) |
 
-| users screen |
+| Users Screen |
 | --- |
 | ![screenshot](scrots/users.webp) |
 
-| power screen |
+| Power Screen |
 | --- |
 | ![screenshot](scrots/power.webp) |
 
-| settings screen |
+| Settings Screen |
 | --- |
 | ![screenshot](scrots/settings.webp) |
 
-| settings background | settings theme | settings keybinds |
+| Settings background | Settings Theme | Settings Keybinds |
 | --- | --- | --- |
 | ![screenshot](scrots/settings-bg.webp) | ![screenshot](scrots/settings-theme.webp) | ![screenshot](scrots/settings-keybinds.webp) |
 
 
-### dependencies
+### Dependencies
 
-Make sure you have the latest version.
+Please make sure you don't have an ancient version of these.
 
 + lightdm
 + lightdm-webkit2-greeter
 + an environment, a desktop environment or a window manager
 
-### installation
+### Installation
 
-#### aur
+#### AUR
 
-```bash
+```
 $ yay -S lightdm-webkit2-theme-glorious
 ```
 
-#### manual
+#### Manual
 
 0. If you're using `systemd`, make sure that `lightdm.service` or `lightdm-plymouth.service` is enabled and running. There's a bunch of guides on the internet. [Archwiki](https://wiki.archlinux.org/index.php/LightDM) is recommended.
 
@@ -79,25 +80,27 @@ $ yay -S lightdm-webkit2-theme-glorious
 	# Find `webkit_theme` then set its value to `glorious`.
 	```
 
-### features
+### Features
 
 + Multi-user support
 + Customization and Settings
-+ Keybindings navigation
++ Keyboard navigation
 + Remappable keybindings
 + Change color schemes and background image on-the-fly
 + Swipe gestures
 + Vanilla Javascript <sup>(not sure if this is a feature tho)</sup>
 
-### swipe gestures
+### Swipe gestures
+
+Why do we have this? Linux can be installed on almost anything. Yes, even on a potato. So swipe gestures exist to save myself some time if someone decided to use this theme on a touch screen device.
 
 + Swiping down on the login screen will open the greeter screen.
 + Swiping right on the login screen will open the session screen.
 + Swiping left on the login screen will open the users screen.
 + Swiping up on the login screen will open the power screen.
 + Swiping up on the greeter, user, power,and session screens will close them.
 
-### keybinding
+### Keybinding
 
 The default modifier is <kbd>Alt</kbd> and you can change it in the settings.
 
@@ -125,8 +128,6 @@ The default modifier is <kbd>Alt</kbd> and you can change it in the settings.
 + If you're on a desktop environment like KDE Plasma and GNOME3, you can set your profile picture and real name in the settings. While if you're on a more minimal environment like window managers, you can install and use the program called `mugshot`.
 + If your desktop environment or window manager's logo is not in the sessions screen, feel free to submit a [pull request](https://github.com/manilarome/lightdm-webkit2-theme-glorious/pulls)!
 
-### credits
+### Credits
 
 <span>Background image by <a href="https://unsplash.com/@johnonolan?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">John O'Nolan</a> on <a href="https://unsplash.com/s/photos/waves?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>
-
-<span>Old background image by <a href="https://unsplash.com/@wilstewart3?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Wil Stewart</a> on <a href="/?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>

css/mainscreen/main-form.css

@@ -95,19 +95,19 @@ label#userName {
 	}
 
 	20% {
-		transform: translate(3em);
+		transform: translate(0.5em);
 	}
 
 	40% {
-		transform: translate(-3em);
+		transform: translate(-0.5em);
 	}
 
 	60% {
-		transform: translate(3em);
+		transform: translate(0.5em);
 	}
 
 	80% {
-		transform: translate(-3em);
+		transform: translate(-0.5em);
 	}
 
 	100% {
@@ -116,7 +116,7 @@ label#userName {
 }
 
 #passwordInputContainer.shake {
-	animation: shake 0.5s infinite;
+	animation: shake 0.25s infinite;
 }
 
 #passwordInputBox {

js/authentication.js

@@ -160,10 +160,6 @@ class Authentication {
 				if (this._password.length < 1) {
 					return;
 				}
-				// Prevent login spamming
-				if (profilePictureRotate.getProfileAnimationStatus()) return;
-				// Rotate profile picture
-				profilePictureRotate.rotateProfilePicture();
 
 				// Validation
 				lightdm.respond(String(this._password));

js/debug-mode.js

@@ -99,31 +99,32 @@ class DebugMode {
 				},
 				respond: password => {
 					console.log(`Password provided: '${password}'`);
-					if (password === this._debugModePass)
-					{
+					if (password === this._debugModePass) {
 						lightdm.is_authenticated = true;
 					}
-					else
-					{
+					else {
 						let now = new Date().getTime();
 						while (new Date().getTime() < now + 2000);
 					}
 					authentication_complete();
 				},
 				start_session_sync: session => {
 					alert(`Logged with session: '${session}'!`);
+					location.reload(); 
 				},
 				shutdown: () => {
 					alert('System is shutting down...');
+					location.reload(); 
+				},
+				restart: () => {
+					alert('System is rebooting...');
+					location.reload(); 
 				},
 				hibernate: () => {
 					alert('System is hibernating...');
 				},
 				suspend: () => {
 					alert('System is suspending...');
-				},
-				restart: () => {
-					alert('System is rebooting...');
 				}
 			};
 		}