Merge pull request #126 from alcarney/final-themes

Final themes

Author: AdamPohl

_config.yml

@@ -1,7 +1,7 @@
 #Site settings
 title: Cardiff Math Code Club
 url: "http://CardiffMathematicsCodeClub.github.io"
-version: 3.5.295
+version: 3.5.322
 
 markdown: kramdown
 kramdown:

_data/themes.yml

@@ -3,8 +3,8 @@
   version: 1.0
   author: Everyone
 
-- name: Not Yet Implemented
-  shortname: todo
+- name: Minimalist
+  shortname: minimal
   version: 0.1
   author: Alex
 

_posts/2016-02-10-introducing-themes.md

@@ -0,0 +1,67 @@
+---
+layout: post
+title: Introducing Themes and More!
+categories: news
+author: Alex
+comments: true
+---
+
+As you may or may not have noticed, the code club website has had the basic
+facilities for adding your own custom theme to the website.
+
+Well today I'm happy to announce theses themes are ready for general use! Go on
+try it out now, scroll to the bottom of the page you will see a dropdown menu
+under a header called `Change Theme:`. Click on it and you will see (at the time
+of this announcement) 2 themes to choose from. The original theme for the
+website `Code Club Classic` and a new one `Minimal`. 
+
+Choosing a different theme will cause the page to reload briefly as your browser
+downloads the new theme but very soon you will be looking at an entirely new
+code club website!
+
+Of course it's not very exciting having only 2 themes to choose from, so I
+invite you to create your own theme and submit it to the website especially
+since there is now...
+
+## A Competition!
+
+As of now the code club is launching it's first competiton! We want you to
+create your own look and feel for the website and submit it to the repository.
+
+We will close submissions at the start of the last hour of the last code club
+this semester. During the last hour of that same code club, all submissions will
+be judged and the winner will be picked as the default theme for all new
+visitors to the website!
+
+## How to submit a theme
+
+Now in this post I won't go through how to actually make your theme but that
+will be coming up in a future tutorial series, so be on the look out for that,
+but this post will tell you how to install and submit your theme once you've
+made it.
+
+Your theme should be consist of a single `.scss` file in the `css` folder and
+any other sass files that make up your theme should be in their own folder in
+the `_sass` folder.
+
+The only thing other than that which you need to do is "install" it. On the
+website we have a file called `_data/themes.yml` which we use to tell the
+website about the themes we have there for it to use
+
+So to install a theme you need to make an entry similar to this one:
+
+```yml
+- name: Minimalist
+  shortname: minimal
+  version: 0.1
+  author: Alex 
+
+```
+Where `name` is the name that you want displayed on the website when your theme
+is displayed, `shortname` is the name of your `.scss` file in the `css` folder.
+`version` is just some number that represents how well developed you think your
+theme is and of course `author` should be your name so we know who made that
+awesome theme!
+
+Don't worry if you need help installing your theme on the website, there will
+always be someone at code club who will be able to help you.

_sass/_layout.scss

@@ -0,0 +1,14 @@
+$content-width: 800px;
+
+$desktop: $content-width;
+$wide-desktop: 1260px;
+$mobile: 600px;
+
+@import
+        "_layouts/mixins",
+        "_layouts/base",
+        "_layouts/catmenu",
+        "_layouts/post",
+        "_layouts/postlists",
+        "_layouts/sessions",
+        "_layouts/media"

_sass/_layouts/_base.scss

@@ -65,7 +65,6 @@ select {
 
 .site-header {
   width: 100%;
-  position:fixed;
   z-index: 999;
 }
 
@@ -161,15 +160,7 @@ ul#menu{
 
 /* Site footer */
 
-@media screen and (min-width: $desktop) {
-    .site-footer {
-      padding: 30px 0;
-      width: 100%;
-      position: fixed;
-      bottom: 0;
-    }
-}
-
+ 
 .footer-heading {
   font-size: 18px;
   font-weight: 300;

_sass/_elements/_base.scss renamed to _sass/_main/_base.scss

@@ -30,27 +30,13 @@ $code-type: #445588;
 $code-background: #ffffff;
 $code-border-style: 1px solid #d5d5e9;
 
-$content-width: 800px;
-
-$desktop: $content-width;
-$wide-desktop: 1260px;
-$mobile: 600px;
-
-
-
 @import
-        "_layouts/mixins",
-        "_layouts/base",
-        "_layouts/catmenu",
-        "_layouts/post",
-        "_layouts/postlists",
-        "_layouts/sessions",
-        "_layouts/media",
-
-        "_elements/base",
-        "_elements/catmenu",
-        "_elements/codesnippets",
-        "_elements/post",
-        "_elements/postlists",
-        "_elements/sessions"
+        "_layout",
+
+        "_main/base",
+        "_main/catmenu",
+        "_main/codesnippets",
+        "_main/post",
+        "_main/postlists",
+        "_main/sessions"
 

_sass/_elements/_catmenu.scss renamed to _sass/_main/_catmenu.scss

@@ -0,0 +1,9 @@
+---
+
+---
+@charset "utf-8";
+
+
+
+@import "_layout.scss"
+

_sass/_elements/_codesnippets.scss renamed to _sass/_main/_codesnippets.scss

@@ -47,10 +47,9 @@ $mobile: 600px;
         "_layouts/sessions",
         "_layouts/media",
 
-        "_elements/base",
-        "_elements/catmenu",
-        "_elements/codesnippets",
-        "_elements/post",
-        "_elements/postlists",
-        "_elements/sessions"
-            
+        "_main/base",
+        "_main/catmenu",
+        "_main/codesnippets",
+        "_main/post",
+        "_main/postlists",
+        "_main/sessions"