Browse Source
Finalize base template/styling; add _variables.
Add:
static/sass/main.sass
-Complete `template/layout.html` positioning rules.
-Add some styling to the footer.
static/sass/_variables.sass
-Add `SASS` partial to contain all project-wide variables.
templates/index.html
-Add project-wide layout template (should've been packaged into the
previous commit).
tags/v1.0^2
Severyn Kozak
10 years ago
5 changed files with 62 additions and 53 deletions
Unified View
Diff Options
-
+2 -0.gitignore
-
+5 -0static/sass/_variables.sass
-
+38 -17static/sass/main.sass
-
+0 -30templates/index.html
-
+17 -6templates/layout.html
+ 2
- 0
.gitignore
View File
| @@ -1,3 +1,5 @@ | |||||
| static/css | |||||
| *.swp | *.swp | ||||
| .sass-cache | .sass-cache | ||||
| .DS_Store | .DS_Store | ||||
+ 5
- 0
static/sass/_variables.sass
View File
| @@ -0,0 +1,5 @@ | |||||
| /* | |||||
| Partial to contain all globally-applicable variables. | |||||
| */ | |||||
| $lightBlue: #37a5d4 | |||||
+ 38
- 17
static/sass/main.sass
View File
| @@ -3,28 +3,49 @@ | |||||
| */ | */ | ||||
| @import mixins | @import mixins | ||||
| @import variables | |||||
| body | body | ||||
| margin: 0px | margin: 0px | ||||
| div#center | |||||
| background-color: red | |||||
| margin-left: auto | |||||
| margin-right: auto | |||||
| margin-top: 0px | |||||
| width: 75% | |||||
| * | |||||
| font-family: sans-serif | |||||
| div#footer | |||||
| @extend .t3 | |||||
| div#main | |||||
| padding-top: 4% | |||||
| background-color: yellow | |||||
| bottom: -20px | |||||
| position: fixed | |||||
| width: 100% | |||||
| text-align: center | |||||
| div#center | |||||
| margin-left: auto | |||||
| margin-right: auto | |||||
| margin-top: 0px | |||||
| width: 75% | |||||
| a | |||||
| padding-left: 10% | |||||
| div#footer | |||||
| @extend .t3 | |||||
| &:hover | |||||
| bottom: 0px | |||||
| background-color: $lightBlue | |||||
| bottom: -50px | |||||
| padding-top: 12px | |||||
| position: fixed | |||||
| width: 100% | |||||
| text-align: center | |||||
| * | |||||
| color: white | |||||
| a | |||||
| @extend .t3 | |||||
| text-decoration: none | |||||
| font-size: 1.2em | |||||
| margin-left: 5% | |||||
| margin-right: 5% | |||||
| &:hover | |||||
| text-decoration: underline | |||||
| p span | |||||
| font-size: 0.7em | |||||
| &:hover | |||||
| bottom: 0px | |||||
+ 0
- 30
templates/index.html
View File
| @@ -6,34 +6,4 @@ | |||||
| = block body | = block body | ||||
| <div>Hello, world.</div> | <div>Hello, world.</div> | ||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| <div>Hello, world.</div> | |||||
| = endblock | = endblock | ||||
+ 17
- 6
templates/layout.html
View File
| @@ -9,10 +9,8 @@ | |||||
| </title> | </title> | ||||
| <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/> | <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/> | ||||
| <meta name="description" content="bitshift is an online code snippet | |||||
| exchange."/> | |||||
| <meta name="keywords" content="code snippet exchange golf programming | |||||
| software community"/> | |||||
| <meta name="description" content="bitshift is a source code search engine."/> | |||||
| <meta name="keywords" content="source code language search engine"/> | |||||
| <meta name="author" content="Benjamin Attal Ben Kurtovic Severyn Kozak"/> | <meta name="author" content="Benjamin Attal Ben Kurtovic Severyn Kozak"/> | ||||
| {{ assets.tag("main.css") }} | {{ assets.tag("main.css") }} | ||||
| @@ -21,7 +19,20 @@ | |||||
| = endblock | = endblock | ||||
| </head> | </head> | ||||
| <body> | <body> | ||||
| = block body | |||||
| = endblock | |||||
| <div id="main"> | |||||
| <div id="center"> | |||||
| = block body | |||||
| = endblock | |||||
| </div> | |||||
| </div> | |||||
| <div id="footer"> | |||||
| <a href="/">home</a> | |||||
| <a href="/about">about</a> | |||||
| <a href="/developers">developers</a> | |||||
| <p> | |||||
| © 2012-2013 bitshift. <span>All Rights Reserved.</span> | |||||
| </p> | |||||
| </div> | |||||
| </body> | </body> | ||||
| </html> | </html> | ||||