diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..ba8c0d5
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+.sass-cache/
+*.sw?
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..6dcae1f
--- /dev/null
+++ b/README.md
@@ -0,0 +1,27 @@
+### Prerequisites
+
+* [lightdm-webkit2-greeter](https://github.com/Antergos/lightdm-webkit2-greeter)
+
+## Installation
+
+Download and install the `uestibulum` theme:
+
+    git clone https://github.com/jdbernard/lightdm-uestibulum.git
+    sudo mv lightdm-uestibulum /usr/share/lightdm
+
+Change the `webkit-theme` value in `/etc/lightdm/lightdm-webkit2-greeter.conf`:
+
+    [greeter]
+    webkit-theme = uestibulum
+
+Configure lightdm to use the webkit2 greeter by creating the
+`/usr/share/lightdm/lightdm.conf.d/60-lightdm-webkit2-greeter.conf` file with
+the following contents:
+
+    [Seat:*]
+    greeter-session=lightdm-webkit2-greeter
+
+Disable the GTK greeter:
+
+    sudo mkdir /usr/share/lightdm/lightdm.conf.d.disabled
+    sudo mv /usr/share/lightdm/lightdm.conf.d/60-lightdm-gtk-greeter.conf /usr/share/lightdm/lightdm.conf.d.disabled
diff --git a/css/lightdm-uestibulum.css b/css/lightdm-uestibulum.css
new file mode 100644
index 0000000..240c024
--- /dev/null
+++ b/css/lightdm-uestibulum.css
@@ -0,0 +1,232 @@
+@import url("https://fonts.googleapis.com/css?family=Abel|Aldrich|Audiowide|Black+Ops+One|Cherry+Cream+Soda|Exo|Exo 2|Graduate|Josefin+Sans|Kelly+Slab|Michroma|Monoton|Nixie+One|Open+Sans+Condensed:300|Orbitron|Poiret+One|Press+Start+2P|Prompt|Rajdhani|Raleway|Russo+One|Signika|Syncopate|Teko");
+* {
+  margin: 0;
+  padding: 0; }
+
+h1 {
+  font-size: 1.5vw; }
+
+h2 {
+  font-size: 1vw; }
+
+body {
+  color: white;
+  font-family: "Exo 2"; }
+
+.bg {
+  display: block;
+  opacity: 0;
+  transition: 1s;
+  position: fixed;
+  width: 100%;
+  bottom: 0;
+  right: 0;
+  z-index: -1; }
+
+.morning #bg-morning {
+  opacity: 1; }
+
+.afternoon #bg-afternoon {
+  opacity: 1; }
+
+.evening #bg-evening {
+  opacity: 1; }
+
+.night #bg-night {
+  opacity: 1; }
+
+#ui-container {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1; }
+
+#power-panel {
+  background: rgba(8, 8, 8, 0.3);
+  box-shadow: 0px 0px 0.5vw 0.5vw rgba(8, 8, 8, 0.3);
+  cursor: pointer;
+  opacity: 0.5;
+  position: absolute;
+  bottom: 2vw;
+  right: 2vw;
+  z-index: 100; }
+  #power-panel #power-options {
+    border-radius: 10px;
+    padding: 0.5vw;
+    transition: 1s;
+    display: none; }
+    #power-panel #power-options ul {
+      list-style: none; }
+      #power-panel #power-options ul li {
+        margin-bottom: 1vw;
+        font-size: 1.5vw; }
+        #power-panel #power-options ul li i {
+          margin-right: 0.5vw; }
+        #power-panel #power-options ul li:last-child {
+          margin-bottom: 0; }
+  #power-panel.active {
+    bottom: 1vw; }
+    #power-panel.active #power-options {
+      display: block; }
+    #power-panel.active #power-button {
+      display: none; }
+
+#clock-panel {
+  background: rgba(0, 0, 0, 0.3);
+  font-size: 6vw;
+  font-weight: 500;
+  padding: 1vw 2vw;
+  width: 100%;
+  z-index: 1; }
+
+#login-panel {
+  z-index: 2; }
+  #login-panel input[type=password] {
+    background: none;
+    border: none;
+    border-bottom: 2px solid white;
+    color: white;
+    font-size: 1vw;
+    margin-top: 0.5em;
+    opacity: 0;
+    transition: 0.5s;
+    width: 20em; }
+    #login-panel input[type=password].active {
+      opacity: 0.5; }
+  #login-panel #users {
+    cursor: pointer;
+    display: inline-block;
+    position: relative; }
+    #login-panel #users i {
+      opacity: 0;
+      transition: 0.5s; }
+    #login-panel #users:hover i {
+      opacity: 1; }
+    #login-panel #users #users-list {
+      list-style: none;
+      display: none; }
+    #login-panel #users.select-user #user-display, #login-panel #users.select-user i {
+      display: none; }
+    #login-panel #users.select-user #users-list {
+      display: inline-block; }
+  #login-panel #fail-msg {
+    color: red;
+    opacity: 0;
+    transition: 0.5s;
+    position: relative;
+    left: -1vw; }
+
+#session-panel {
+  opacity: 0.2;
+  transition: 0.5s;
+  z-index: 2; }
+  #session-panel:hover {
+    opacity: 1; }
+  #session-panel #sessions-list li {
+    display: inline-block; }
+
+#sessions {
+  cursor: pointer;
+  display: inline-block;
+  position: relative; }
+  #sessions #sessions-list {
+    list-style: none;
+    display: none; }
+  #sessions.select-session #session-display {
+    display: none; }
+  #sessions.select-session #sessions-list {
+    display: inline-block; }
+
+.failed-auth input[type=password] {
+  color: red;
+  border-color: red !important; }
+.failed-auth #fail-msg {
+  opacity: 1 !important; }
+
+.lock-screen #session-panel {
+  display: none !important; }
+
+@keyframes throb {
+  from {
+    opacity: 1; }
+  to {
+    opacity: 0; } }
+.throb {
+  animation: alternate infinite 2s throb; }
+
+.evening #clock-panel {
+  border-bottom: 2px solid white;
+  text-align: right;
+  position: absolute;
+  right: 0;
+  top: 0; }
+.evening #login-panel {
+  position: absolute;
+  bottom: 2vw;
+  left: 1vw; }
+.evening #session-panel {
+  position: absolute;
+  bottom: 0.5vw;
+  left: 1vw; }
+
+.morning #clock-panel, .night #clock-panel, .afternoon #clock-panel {
+  border-top: 2px solid white;
+  position: absolute;
+  left: 0;
+  bottom: 0; }
+.morning #login-panel, .night #login-panel, .afternoon #login-panel {
+  position: absolute;
+  bottom: 2vw;
+  left: 20vw; }
+.morning #session-panel, .night #session-panel, .afternoon #session-panel {
+  position: absolute;
+  bottom: 0.5vw;
+  left: 20vw; }
+
+.morning #clock-panel {
+  text-shadow: 0 0 0.2vw #446688; }
+.morning #users:hover #user-display, .morning #sessions:hover #session-display,
+.morning #users-list li:hover, .morning #sessions-list li.session:hover {
+  color: #0088aa;
+  text-shadow: 0 0 0.5vw black; }
+.morning #power-panel {
+  opacity: 0.7; }
+
+.afternoon #clock-panel {
+  text-shadow: 0 0 2vw #448844; }
+.afternoon #users:hover #user-display, .afternoon #sessions:hover #session-display,
+.afternoon #users-list li:hover, .afternoon #sessions-list li.session:hover {
+  color: #00aa00;
+  text-shadow: 0 0 0.5vw black; }
+
+.evening #clock-panel {
+  text-shadow: 0 0 2vw #faaa3b; }
+.evening #users:hover #user-display, .evening #sessions:hover #session-display,
+.evening #users-list li:hover, .evening #sessions-list li.session:hover {
+  color: orange;
+  text-shadow: 0 0 0.5vw black; }
+.evening #power-panel {
+  opacity: 0.7; }
+
+.night #clock-panel {
+  text-shadow: 0 0 2vw #884488; }
+.night #users:hover #user-display, .night #sessions:hover #session-display,
+.night #users-list li:hover, .night #sessions-list li.session:hover {
+  color: #8822bb;
+  text-shadow: 0 0 0.2vw black; }
+
+/*.night {
+  #clock-panel {
+
+  }
+
+  #login-panel {
+    position: absolute;
+    bottom: 2vw;
+    left: 2vw;
+  }
+}*/
+
+/*# sourceMappingURL=lightdm-uestibulum.css.map */
diff --git a/css/lightdm-uestibulum.css.map b/css/lightdm-uestibulum.css.map
new file mode 100644
index 0000000..6ae25a4
--- /dev/null
+++ b/css/lightdm-uestibulum.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["lightdm-uestibulum.scss"],
+"names": [],
+"file": "lightdm-uestibulum.css"
+}