From 75583a7c6b298543edba558237767ec7cd8638e0 Mon Sep 17 00:00:00 2001 From: Gerome Matilla Date: Fri, 7 Aug 2020 09:26:39 +0800 Subject: [PATCH] v.1.4.2 (#19) --- README.md | 47 ++++++++++++++++++------------------ css/mainscreen/main-form.css | 10 ++++---- js/authentication.js | 4 --- js/debug-mode.js | 15 ++++++------ 4 files changed, 37 insertions(+), 39 deletions(-) diff --git a/README.md b/README.md index b3a7621..733403a 100644 --- a/README.md +++ b/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,17 +80,19 @@ $ 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 (not sure if this is a feature tho) -### 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. @@ -97,7 +100,7 @@ $ yay -S lightdm-webkit2-theme-glorious + 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 Alt and you can change it in the settings. @@ -125,8 +128,6 @@ The default modifier is Alt 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 Background image by John O'Nolan on Unsplash - -Old background image by Wil Stewart on Unsplash diff --git a/css/mainscreen/main-form.css b/css/mainscreen/main-form.css index 423860f..545eb4a 100755 --- a/css/mainscreen/main-form.css +++ b/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 { diff --git a/js/authentication.js b/js/authentication.js index 7cbda1b..a23b130 100755 --- a/js/authentication.js +++ b/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)); diff --git a/js/debug-mode.js b/js/debug-mode.js index ace7bb1..99ae5a8 100644 --- a/js/debug-mode.js +++ b/js/debug-mode.js @@ -99,12 +99,10 @@ 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); } @@ -112,18 +110,21 @@ class DebugMode { }, 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...'); } }; }