Bläddra i källkod

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 år sedan
förälder
incheckning
bdc177372d
5 ändrade filer med 62 tillägg och 53 borttagningar
  1. +2
    -0
      .gitignore
  2. +5
    -0
      static/sass/_variables.sass
  3. +38
    -17
      static/sass/main.sass
  4. +0
    -30
      templates/index.html
  5. +17
    -6
      templates/layout.html

+ 2
- 0
.gitignore Visa fil

@@ -1,3 +1,5 @@
static/css

*.swp
.sass-cache
.DS_Store


+ 5
- 0
static/sass/_variables.sass Visa fil

@@ -0,0 +1,5 @@
/*
Partial to contain all globally-applicable variables.
*/

$lightBlue: #37a5d4

+ 38
- 17
static/sass/main.sass Visa fil

@@ -3,28 +3,49 @@
*/

@import mixins
@import variables

body
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 Visa fil

@@ -6,34 +6,4 @@

= 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>
= endblock

+ 17
- 6
templates/layout.html Visa fil

@@ -9,10 +9,8 @@
</title>

<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"/>

{{ assets.tag("main.css") }}
@@ -21,7 +19,20 @@
= endblock
</head>
<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>
&copy; 2012-2013 bitshift. <span>All Rights Reserved.</span>
</p>
</div>
</body>
</html>

Laddar…
Avbryt
Spara