Commits

powersurge360 committed d9ec118

Added a requirements.txt

  • Participants
  • Parent commits 13f0d7a

Comments (0)

Files changed (10)

File management/commands/compilescss.py

     args = "<app_label app_label>..."
     help = "Compile the scss for a given app."
     compiler = Scss()
+
     def handle(self, *args, **kwargs):
         for app in args:
             module = __import__(app)

File requirements.txt

+Django==1.3.1
+Markdown==2.0.3
+pyScss==1.0.8
+wsgiref==0.1.2

File scss/site.scss

-@import "960/twelve_column";
+@import "960/sixteen_column";
 @import "960/mixins";
-
-$background-color = darkgreen;
-
-@mixin clearfix() {
-    &:after {
-        content: ".";
-        clear: both;
-        overflow: hidden;
-        visibility: none;
-        line-height: none;
-        display: block;
-        height: 0;
-        width: 0;
-    }
-}
+@import "utilities/clearfix";
 
 html {
     background: {
     }
 }
 body {
+    @include clearfix();
+    width: $total-width;
     margin: auto;
-    width: $total-width;
     background: {
-        color: $background-color;
+        color: green;
     }
 }
 
 nav {
     @include clearfix();
-    margin: auto;
-    width: auto;
-    clear: left;
-    padding: {
-        bottom: 10px;
-    }
-
     ul {
-        margin:auto;
         @include prefix(2);
         @include suffix(2);
 
         li {
-            @include number-of-columns(2);
+            @include number-of-columns(3);
             display: inline-block;
             text-align: center;
         }
+    }
 
+}
+
+header {
+    h1 {
+        font: {
+            size: 3.5em;
+        }
+        text: {
+            align: center;
+        }
     }
 }
 
-header {
-    background: {
-        color: white;
-    }
-    h1 {
-        @include number-of-columns(8);
-        @include prefix(2);
-        @include suffix(2);
-        text-align: center;
-        font-size: 4em;
-    }
+#content {
+    @include number-of-columns(16);
 }
-
-#wrapper {
-    display: inline-block;
-}
-
-#content {
-    @include number-of-columns(12);
-    @include clearfix();
-
-    padding: {
-        top: 5px;
-    }
-
-    aside {
-        @include number-of-columns(2);
-        @include prefix(1);
-        @include suffix(1);
-        @include alpha();
-    }
-
-    section {
-        @include number-of-columns(8);
-        @include omega();
-    }
-
-    ul {
-        @include number-of-columns(8);
-        @include alpha();
-        @include omega();
-    }
-}

File scss/utilities/clearfix.scss

+@mixin clearfix() {
+    &:after {
+        content: ".";
+        clear: both;
+        overflow: hidden;
+        visibility: none;
+        line-height: none;
+        display: block;
+        height: 0;
+        width: 0;
+    }
+}

File static/images/CSS3-logo.png

Added
New image

File static/images/HTML5-logo.png

Added
New image

File static/images/jquery-logo.png

Added
New image

File static/images/python-logo.jpg

Added
New image

File static/styles/site.css

-html{background-color:#ff0}body{margin:auto;width:960px;background-color:#006400}nav{margin:auto;width:auto;clear:left;padding-bottom:10px}nav:after{content:".";clear:both;overflow:hidden;visibility:none;line-height:none;display:block;height:0;width:0}nav ul{margin:auto;padding-left:160px;padding-right:160px}nav ul li{width:140px;margin:0 10px;float:left;display:inline;display:inline-block;text-align:center}header{background-color:#fff}header h1{width:620px;margin:0 10px;float:left;display:inline;padding-left:160px;padding-right:160px;text-align:center;font-size:4em}#wrapper{display:inline-block}#content{width:940px;margin:0 10px;float:left;display:inline;padding-top:5px}#content:after{content:".";clear:both;overflow:hidden;visibility:none;line-height:none;display:block;height:0;width:0}#content aside{width:140px;margin:0 10px;float:left;display:inline;padding-left:80px;padding-right:80px;margin-left:0}#content section{width:620px;margin:0 10px;float:left;display:inline;margin-right:0}#content ul{width:620px;margin:0 10px;float:left;display:inline;margin-left:0;margin-right:0}
+html{background-color:#ff0}body{width:960px;margin:auto;background-color:#008000}body:after{content:".";clear:both;overflow:hidden;visibility:none;line-height:none;display:block;height:0;width:0}nav:after{content:".";clear:both;overflow:hidden;visibility:none;line-height:none;display:block;height:0;width:0}nav ul{padding-left:120px;padding-right:120px}nav ul li{width:160px;margin:0 10px;float:left;display:inline;display:inline-block;text-align:center}header h1{font-size:3.5em;text-align:center}#content{width:940px;margin:0 10px;float:left;display:inline}

File templates/layouts/base.html

 <head>
     <title>{% block title %}Kroccodiale{% endblock %}</title>
     <link rel="stylesheet" href="{% get_static_prefix %}styles/reset.css" type="text/css" />
+    <link rel="stylesheet"
+    href="http://fonts.googleapis.com/css?family=Josefin+Sans" type="text/css" />
     <link rel="stylesheet" href="{% get_static_prefix %}styles/site.css" type="text/css" />
     {% block extra_styles %}
     {% endblock %}
     {% endblock %}
 </head>
 <body>
-<div id="wrapper">
     <header>
         <h1>
-            KROCCODIALE
+            Kroccodiale
         </h1>
         <nav>
             <ul>
     <section id="content">
     {% block content %}
     {% endblock %}
-</div>
 </body>
 </html>