diff --git a/css/lightdm-uestibulum.css b/css/lightdm-uestibulum.css new file mode 100644 index 0000000..0ea2c8f --- /dev/null +++ b/css/lightdm-uestibulum.css @@ -0,0 +1,52 @@ +* { margin: 0; padding: 0; } + +body { + font-family: sans-serif +} + +#bg { + position: fixed; + width: 100%; + display: block; + bottom: 0; + right: 0; + z-index: -1; +} + +#power-panel { + color: white; + cursor: pointer; + + background: rgba(8, 8, 8, 0.3); + box-shadow: 0px 0px 1em 1em (8, 8, 8, 0.3); + position: absolute; + bottom: 2em; + opacity: 0.5; + right: 2em; + transition: 1s; +} + +#power-options { + border-radius: 10px; + padding: 1em; + transition: 1s; + display: none; +} + +#power-panel.active #power-options { + display: block; +} + +#power-panel.active #power-button { display: none; } + +#power-options ul { list-style: none; } + +#power-options li { + margin-bottom: 1em; + font-size: 200%; +} + +#power-options li:last-child { + margin-bottom: 0; +} + diff --git a/img/background.jpg b/img/background.jpg new file mode 100755 index 0000000..39b32bd Binary files /dev/null and b/img/background.jpg differ diff --git a/index.html b/index.html index 6786545..26c3ca4 100644 --- a/index.html +++ b/index.html @@ -5,56 +5,23 @@ Uestibulum Greeter - - - + - -
+ + +
-
+
    -
  • Suspend
    • -
  • Restart
    • -
  • Shutdown
    • +
  • Suspend
    • +
  • Restart
    • +
  • Shutdown
+ + diff --git a/js/lightdm-uestibulum.js b/js/lightdm-uestibulum.js new file mode 100644 index 0000000..5aaaa92 --- /dev/null +++ b/js/lightdm-uestibulum.js @@ -0,0 +1,12 @@ +var powerOptionsEl = document.getElementById("power-options") +var powerPanelClasses = document.getElementById("power-panel").classList; + +function showPowerOptions() { + powerPanelClasses.add('active'); +} + +function hidePowerOptions(e) { + console.log(e.target); + if (e.target != powerOptionsEl) return; + powerPanelClasses.remove('active'); +}