Add rough version of template

.gitignore

@@ -10,6 +10,7 @@
 db.sqlite3
 
 website/media/
+website/static/
 
 # Ignore local settings
 website/thaliawebsite/settings/localsettings.py

requirements.txt

 Django==1.10b1
 django-localflavor==1.3
 Pillow
+django-static-precompiler>=1.4,<2

website/thaliawebsite/settings/settings.py

@@ -39,6 +39,8 @@ INSTALLED_APPS = [
     'django.contrib.sessions',
     'django.contrib.messages',
     'django.contrib.staticfiles',
+    # Dependencies
+    'static_precompiler',
     # Our apps
     'thaliawebsite',  # include for admin settings
     'members',
@@ -141,7 +143,18 @@ LOCALE_PATHS = ('locale',)
 # Static files (CSS, JavaScript, Images)
 # https://docs.djangoproject.com/en/dev/howto/static-files/
 
-STATIC_URL = '/static/'
-
 # Where to store uploaded files
 MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
+
+STATIC_URL = '/static/'
+STATIC_ROOT = os.path.join(BASE_DIR, 'static')
+
+STATICFILES_FINDERS = (
+    'django.contrib.staticfiles.finders.FileSystemFinder',
+    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
+    # other finders
+    'static_precompiler.finders.StaticPrecompilerFinder',
+)
+
+# Precompiler settings
+STATIC_PRECOMPILER_LIST_FILES = True

website/thaliawebsite/static/css/jquery.fancybox.css

+/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
+.fancybox-wrap,
+.fancybox-skin,
+.fancybox-outer,
+.fancybox-inner,
+.fancybox-image,
+.fancybox-wrap iframe,
+.fancybox-wrap object,
+.fancybox-nav,
+.fancybox-nav span,
+.fancybox-tmp
+{
+	padding: 0;
+	margin: 0;
+	border: 0;
+	outline: none;
+	vertical-align: top;
+}
+
+.fancybox-wrap {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 8020;
+}
+
+.fancybox-skin {
+	position: relative;
+	background: #f9f9f9;
+	color: #444;
+	text-shadow: none;
+	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
+	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
+	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
+}
+
+.fancybox-opened {
+	z-index: 8030;
+}
+
+.fancybox-outer, .fancybox-inner {
+	position: relative;
+}
+
+.fancybox-inner {
+	overflow: hidden;
+}
+
+.fancybox-type-iframe .fancybox-inner {
+	-webkit-overflow-scrolling: touch;
+}
+
+.fancybox-error {
+	color: #444;
+	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
+	margin: 0;
+	padding: 15px;
+	white-space: nowrap;
+}
+
+.fancybox-image, .fancybox-iframe {
+	display: block;
+	width: 100%;
+	height: 100%;
+}
+
+.fancybox-image {
+	max-width: 100%;
+	max-height: 100%;
+}
+
+#fancybox-loading {
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	margin-top: -22px;
+	margin-left: -22px;
+	background-position: 0 -108px;
+	opacity: 0.8;
+	cursor: pointer;
+	z-index: 8060;
+	background-color: #000;
+}
+
+#fancybox-loading div {
+	width: 44px;
+	height: 44px;
+	background: url('../assets/images/fancybox/fancybox_loading.gif') center center no-repeat;
+}
+
+.fancybox-close {
+	background:url('../assets/images/misc/icon_close.png') 0 0 no-repeat;
+	background-size: 32px 64px;
+	position: absolute;
+	top: 20px;
+	right: 20px;
+	width: 32px;
+	height: 32px;
+	cursor: pointer;
+	z-index: 8040;
+}
+
+.fancybox-download {
+	background:url('../assets/images/misc/icon_download.png') 0 0 no-repeat;
+	background-size: 32px 64px;
+	position: absolute;
+	top: 20px;
+	right: 72px;
+	width: 32px;
+	height: 32px;
+	cursor: pointer;
+	z-index: 8040;
+}
+
+.fancybox-close:hover, .fancybox-download:hover {
+	background-position: 0 -32px;
+}
+
+.fancybox-nav {
+	position: absolute;
+	top: 0;
+	width: 40%;
+	height: 100%;
+	cursor: pointer;
+	text-decoration: none;
+	background: transparent url('../assets/images/fancybox/blank.gif'); /* helps IE */
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+	z-index: 8040;
+}
+
+.fancybox-prev {
+	left: 0;
+}
+
+.fancybox-next {
+	right: 0;
+}
+
+.fancybox-nav span {
+	background: url('../assets/images/misc/slider_large_next_prev.png') 0 0 no-repeat;
+	background-size: 64px 64px;
+	position: absolute;
+	top: 50%;
+	width: 32px;
+	height: 32px;
+	margin-top: -18px;
+	cursor: pointer;
+	z-index: 8040;
+	visibility: hidden;
+}
+
+.fancybox-prev span {
+	left: 20px;
+	background-position: 0 0;
+}
+
+.fancybox-prev span:hover {
+	background-position: -32px 0;
+}
+
+.fancybox-next span {
+	right: 20px;
+	background-position: 0 -32px;
+}
+
+.fancybox-next span:hover {
+	background-position: -32px -32px;
+}
+
+.fancybox-nav:hover span {
+	visibility: visible;
+}
+
+.fancybox-tmp {
+	position: absolute;
+	top: -99999px;
+	left: -99999px;
+	visibility: hidden;
+	max-width: 99999px;
+	max-height: 99999px;
+	overflow: visible !important;
+}
+
+/* Overlay helper */
+
+.fancybox-lock {
+    overflow: hidden !important;
+    width: auto;
+}
+
+.fancybox-lock body {
+    overflow: hidden !important;
+}
+
+.fancybox-lock-test {
+    overflow-y: hidden !important;
+}
+
+.fancybox-overlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	overflow: hidden;
+	display: none;
+	z-index: 8010;
+	background: rgba(255,255,255,0.7);
+}
+
+.fancybox-overlay-fixed {
+	position: fixed;
+	bottom: 0;
+	right: 0;
+}
+
+.fancybox-lock .fancybox-overlay {
+	overflow: auto;
+	overflow-y: scroll;
+}
+
+/* Title helper */
+
+.fancybox-title {
+	visibility: hidden;
+	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
+	position: relative;
+	text-shadow: none;
+	z-index: 8050;
+}
+
+.fancybox-opened .fancybox-title {
+	visibility: visible;
+}
+
+.fancybox-title-float-wrap {
+	position: absolute;
+	bottom: 0;
+	right: 50%;
+	margin-bottom: -35px;
+	z-index: 8050;
+	text-align: center;
+}
+
+.fancybox-title-float-wrap .child {
+	display: inline-block;
+	margin-right: -100%;
+	padding: 2px 20px;
+	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
+	background: rgba(0, 0, 0, 0.8);
+	-webkit-border-radius: 15px;
+	   -moz-border-radius: 15px;
+	        border-radius: 15px;
+	text-shadow: 0 1px 2px #222;
+	color: #FFF;
+	font-weight: bold;
+	line-height: 24px;
+	white-space: nowrap;
+}
+
+.fancybox-title-outside-wrap {
+	position: relative;
+	margin-top: 10px;
+	color: #fff;
+}
+
+.fancybox-title-inside-wrap {
+	padding-top: 10px;
+}
+
+.fancybox-title-over-wrap {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	color: #fff;
+	padding: 10px;
+	background: #000;
+	background: rgba(0, 0, 0, .8);
+}
\ No newline at end of file

website/thaliawebsite/static/css/presets/blue.less

+@preset-name: "ThImbus Blue";
+@preset-icon: concrete-icon(#01adf2, #fff, #01adf2);
+
+@background-color: #fff;
+@primary-color: #01adf2;
+@inverted-color:;
+@lavalamp-color: #fff;
+@faded-color: #fff;
+@dark-primary-color: #01adf2;
+@body-color:;
+
+@logo-image: '../images/site_logo.png';

website/thaliawebsite/static/css/presets/defaults.less

+@preset-name: "ThImbus Defaults";
+@preset-icon: concrete-icon(#E62272, #FFFFFF, #D8206B);
+
+@background-color: #FFFFFF;
+@primary-color: #E62272;
+@inverted-color: #000000;
+@lavalamp-color: rgba(230,35,113,0.68);
+@faded-color: #EEEDE7;
+@dark-primary-color: #D8206B;
+@body-color: #313131;
+
+@logo-image: '../images/site_logo.png';

website/thaliawebsite/static/css/presets/green.less

+@preset-name: "ThImbus Green";
+@preset-icon: concrete-icon(#89bf43, #fff, #89bf43);
+
+@background-color: #fff;
+@primary-color: #89bf43;
+@inverted-color:;
+@lavalamp-color: #fff;
+@faded-color: #fff;
+@dark-primary-color: #89bf43;
+@body-color:;
+
+@logo-image: '../images/site_logo.png';

website/thaliawebsite/static/css/presets/orange.less

+@preset-name: "ThImbus Orange";
+@preset-icon: concrete-icon(#efb700, #e7e9e2, #efb700);
+
+@background-color: #e7e9e2;
+@primary-color: #efb700;
+@inverted-color:;
+@lavalamp-color: #e7e9e2;
+@faded-color: #e7e9e2;
+@dark-primary-color: #efb700;
+@body-color:;
+
+@logo-image: '../images/site_logo.png';
+
+/* Orange also included a background image, which isn't currently included in the preset.
+ * @background-image: '../../images/pattern/pattern_orange.png'; */

website/thaliawebsite/static/css/presets/red.less

+@preset-name: "ThImbus Red";
+@preset-icon: concrete-icon(#e05c50, #eeede7, #e05c50);
+
+@background-color: #eeede7;
+@primary-color: #e05c50;
+@inverted-color:;
+@lavalamp-color: #eeede7;
+@faded-color: #EEEDE7;
+@dark-primary-color: #e05c50;
+@body-color:;
+
+@logo-image: '../images/site_logo.png';

website/thaliawebsite/static/css/skin.less

+@import "presets/defaults.less";
+/* -------------------------------------------------------------------------------- /
+	[1]	SETUP - general settings, common classes
+/ -------------------------------------------------------------------------------- */
+
+	body { background: @background-color; color: @body-color; }
+.thimbus-page {
+	a { color:@primary-color; }
+	::-moz-selection { background:@primary-color; }
+	::selection { background:@primary-color; }
+
+/* -------------------------------------------------------------------------------- /
+	[2]	LAYOUT