Introducing Pillar Framework

Refactor of pillar-server and pillar-web into a single python package. This
simplifies the overall architecture of pillar applications.

Special thanks @sybren and @venomgfx

src/styles/_user.sass

@@ -0,0 +1,202 @@
+#login-container
+	width: 60%
+	margin: 40px auto
+	padding: 15px 35px 25px 35px
+
+	+container-box
+
+	.login-title,
+	.settings-title
+		text-align: center
+		color: $color-primary
+		font:
+			family: $font-headings
+			size: 2.2em
+			weight: 300
+
+		padding: 15px 0
+
+	.login-info
+		font:
+			weight: 300
+
+		color: $color-text-dark-primary
+		text-align: center
+		padding-bottom: 25px
+
+	.buttons
+		display: flex
+		margin: 35px auto 35px auto
+		width: 100%
+		align-items: center
+		justify-content: center
+
+		.login-button-container
+			margin: 0 25px
+			text-align: center
+			position: relative
+
+			a.forgot
+				width: 100%
+				position: absolute
+				bottom: -25px
+				left: 50%
+				transform: translateX(-50%)
+				display: block
+				font-size: .8em
+				color: $color-text-dark-secondary
+
+		.button-login,
+		.button-submit
+			min-width: 200px
+			@include button-rounded-filled($color-primary, 999em)
+
+		.button-register
+			min-width: 150px
+			@include button-rounded($color-primary, 999em)
+
+#settings
+	display: flex
+	align-items: stretch
+	margin: 25px auto
+
+	#settings-sidebar
+		width: 30%
+		+container-box
+		margin-right: 15px
+
+		.settings-content
+			padding: 0
+			ul
+				padding: 0
+				margin: 0
+				list-style: none
+
+			a
+				&:hover
+					text-decoration: none
+					li
+						background-color: lighten($color-background, 5%)
+				li
+					padding: 25px
+					margin: 0
+					border-bottom: thin solid $color-background
+					border-left: thick solid transparent
+					transition: all 100ms ease-in-out
+
+					i
+						font-size: 1.1em
+						padding-right: 15px
+
+			.active
+				li
+					background-color: lighten($color-background, 5%)
+					border-left: thick solid $color-info
+
+
+	#settings-container
+		width: 70%
+		+container-box
+
+
+	.settings-header
+		background-color: $color-background
+		border-top-left-radius: 3px
+		border-top-right-radius: 3px
+
+		.settings-title
+			padding: 25px 15px 5px 15px
+			font:
+				size: 2em
+				family: $font-headings
+				weight: 300
+
+	.settings-content
+		padding: 25px
+
+		p
+			color: $color-text-dark-primary
+
+		.settings-billing-info
+			font-size: 1.2em
+
+		.subscription-active
+			color: $color-success
+			padding-bottom: 20px
+		.subscription-demo
+			color: $color-info
+			margin-top: 0
+		.subscription-missing
+			color: $color-danger
+			margin-top: 0
+
+	.button-submit
+		display: block
+		clear: both
+		min-width: 200px
+		margin: 0 auto
+		@include button-rounded-filled($color-primary, 999em)
+
+
+#settings-container
+	#settings-form
+		width: 100%
+	.settings-form
+		display: flex
+		align-items: center
+		justify-content: center
+
+		.left, .right
+			padding: 25px 0
+
+		.left
+			width: 60%
+			float: left
+
+		.right
+			width: 40%
+			float: right
+			text-align: center
+
+		.settings-avatar
+			img
+				border-radius: 999em
+			span
+				display: block
+				padding: 15px 0
+				font:
+					size: .9em
+
+		.settings-password
+			color: $color-text-dark-primary
+
+
+#user-edit-container
+	padding: 15px
+
+	#user-edit-header
+		.user-edit-name
+			font-size: 1.5em
+		.user-edit-username, .user-edit-email
+			color: $color-text-dark-secondary
+
+	#user-edit-form
+		padding: 10px 0
+
+		#submit_edit_user
+			+button-rounded-filled($color-success, 999em)
+
+		#button-cancel
+			+button-rounded(#aaa, 999em)
+			margin: 0 10px
+
+		#user-edit-notification
+			float: right
+			color: $color-text-dark-secondary
+			padding: 10px 0
+
+			&.success
+				color: $color-success
+			&.fail
+				color: $color-danger
+