V2 (#21)

* v2

* fixes

* cleanup

* key events

* README.md

* cleanup

* background: cleanup

* 24hour: append zero

README.md

@@ -5,34 +5,10 @@
 A sleek, modern, and glorified lightdm webkit2 theme
 
 ## [Live Demo](https://manilarome.github.io/lightdm-webkit2-theme-glorious)
-#### Demo password: `toor`
-
-### Gallery
-
-| Login Screen |
-| --- |
-| ![screenshot](scrots/login.webp) |
-
-| Sessions Screen |
-| --- |
-| ![screenshot](scrots/sessions.webp) |
-
-| Users Screen |
-| --- |
-| ![screenshot](scrots/users.webp) |
-
-| Power Screen |
-| --- |
-| ![screenshot](scrots/power.webp) |
-
-| Settings Screen |
-| --- |
-| ![screenshot](scrots/settings.webp) |
 
-| Settings background | Settings Theme | Settings Keybinds |
-| --- | --- | --- |
-| ![screenshot](scrots/settings-bg.webp) | ![screenshot](scrots/settings-theme.webp) | ![screenshot](scrots/settings-keybinds.webp) |
+#### Demo password: `toor`
 
+<p align='center'><img alt='glorious' src='glorious.gif'/><br/><i>glorious - a lightdm webkit 2 theme</i></p>
 
 ### Dependencies
 
@@ -46,14 +22,21 @@ Please make sure you don't have an ancient version of these.
 
 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.
 
-1. Get the theme by cloning it or by installing it from `AUR`.
+1. Install it. You can get the theme by cloning this repo or by installing it from `AUR` using `makepkg` or an AUR helper like `yay`.
 
-+ **If you're using Archlinux**, you can install it using `makepkg` or by using an `AUR helper` like `yay`.
++ AUR route.
 
 	```
-	$ yay -S lightdm-webkit2-theme-glorious
+	# AUR Helper
+	$ yay -Syu lightdm-webkit2-theme-glorious
+
+	# Makepkg route
+	$ git clone https://aur.archlinux.org/lightdm-webkit2-theme-glorious.git
+	$ cd lightdm-webkit2-theme-glorious
+	$ makepkg -sri
 	```
-+ Clone the repository, then copy it to the `lightdm-webkit`'s `theme` folder.
+
++ Clone the repo route.
 
 	```
 	$ git clone --depth 1 https://github.com/manilarome/lightdm-webkit2-theme-glorious
@@ -67,12 +50,12 @@ Please make sure you don't have an ancient version of these.
 	# Find `greeter-session` under the `[Seat:*]` section, uncomment it, then set its value to `lightdm-webkit2-greeter`.
 	```
 
-4. Set it as the lightdm webkit2 theme then enable `debug_mode` by setting it to `true`. Why do we need to enable it, you say? Sometimes you will be greeted by an error. And this error is due to a race condition. Where the theme is trying to access the `lightdm` object even though it doesn't exist *yet*. Debug mode will allow you to `right-click` and `reload` the greeter just like a webpage allowing you to log-in. I don't know how to fix this yet, so yeah, PRs welcome. 
+4. Set it as the lightdm webkit2 theme then enable `debug_mode` by setting it to `true`. Why do we need to enable `debug_mode`? Sometimes you will be greeted by an error. And this error is due to a race condition where the theme is trying to access the `lightdm` object even though it doesn't exist *yet*. Debug mode will allow you to `right-click` and `reload` the greeter just like a webpage.
 
 	```
 	$ sudoedit /etc/lightdm/lightdm-webkit2-greeter.conf
 	# Find `webkit_theme` then set its value to `glorious`.
-	# Find `debug-mode` then set it to true.
+	# Find `debug_mode` then set it to true.
 	# If you encountered an error, right-click then reload.
 	```
 
@@ -82,48 +65,47 @@ Please make sure you don't have an ancient version of these.
 + Customization and Settings
 + 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>
++ Vanilla Javascript!
 
 ### 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.
+Why do we have this? Linux can be installed on almost anything. Yes, even on a potato. So it exists to save myself some time if someone (including myself) decided to use this theme on a touch screen device (like touch screen potato? Who knows).
 
++ Swiping up on the greeter screen will close it.
 + 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.
++ Swiping left will open the dashboard.
++ Swiping right will close the dashboard.
 
-### Keybinding
+### Keybinds
 
-The default modifier is <kbd>Alt</kbd> and you can change it in the settings.
+The default modifier is <kbd>Alt</kbd>. You can change it in the settings.
 
-+ <kbd>Modifier + s</kbd> toggle session screen
-+ <kbd>Modifier + e</kbd> toggle power screen
-+ <kbd>Modifier + x</kbd> toggle settings screen
-+ <kbd>Modifier + y</kbd> toggle users screen
-+ <kbd>Escape</kbd> to close the screens
++ <kbd>Modifier + s</kbd> opens the dashboard.
++ <kbd>Modifier + e</kbd> opens the session selection.
++ <kbd>Modifier + x</kbd> opens the power selection.
++ <kbd>Modifier + y</kbd> opens the account selection.
++ <kbd>Escape</kbd> to close or go back.
 
 ### Customization and Settings
 
-#### Changing the colors, blur strength, animation speed, and background image on-the-fly
-
-+ Open the dashboard by clicking the settings button on the dock.
-+ Change the color and blur strength by setting it on the `Theme Engine` section.
 + Color settings supports `#RGB`, `#RRGGBB`, and `#RRGGBBAA`.
 + Blur strength settings only allows integer with `px` suffix.
 + Animation speed supports `s` and `ms`.
-+ Background image selection.
-+ Background image random selection.
++ Background image selection. Selection supports randomness.
+
+### Changing clock mode
+
+There are two clock modes available - `24-hour` and `12-hour`. Switch between clock modes by just clicking on the clock. Simple.
 
 ### Notes
 
 + You can add more background images by putting your wallpapers/images in `/usr/share/backgrounds/`.
++ Make sure that you only have image files and directories inside `/usr/share/backgrounds/` or it will cause an error!
 + 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)!
++ Translations are not yet supported. PR's are welcome!
 
 ### 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>Background image by <a href="https://unsplash.com/@korpa?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Jr Korpa</a> on <a href="https://unsplash.com/s/photos/cherry-blossoms-purple?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>