marrub
/
snipt
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Working on new homepage.

master
Nick Sergeant 2013-02-15 22:57:45 -05:00
parent e21b1c418c
commit cee8a2f64c
5 changed files with 80 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
media/css/snipt.css
View File

File diff suppressed because one or more lines are too long

2
media/css/style.css
View File

File diff suppressed because one or more lines are too long

54
media/css/style.scss
View File

@ -1714,9 +1714,6 @@ body.error {
div.rochester-made {
margin-top: 54px;
}
}
body.homepage {
}
body.is-pro {
section.main {
@ -2375,3 +2372,54 @@ body.editing {
}
}
}
body.homepage {
header.main {
background: #415A63 url('../images/homepage-header-bg.jpg') top center no-repeat;
height: 450px;
div.inner {
border-left: 0;
h1 {
a {
margin-left: 17px;
}
}
nav {
float: right;
padding: 16px 0 0 0;
ul {
li {
display: inline-block;
list-style-type: none;
a {
color: #90A5AD;
display: inline-block;
font: bold 16px $Helvetica;
padding: 5px 20px 7px 20px;
&:hover {
color: white;
text-decoration: none;
}
&.login {
background: #54737E;
border: 2px solid white;
color: white;
margin-left: 20px;
@include border-radius;
&:hover {
background: #39525C;
}
}
}
}
}
}
}
}
}

BIN
media/images/homepage-header-bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 79 KiB

30
templates/homepage.html
View File

@ -1,6 +1,5 @@
{% extends "base.html" %}
{% block header %}{% endblock %}
{% block sub-header %}{% endblock %}
{% block keyboard-shortcuts %}{% endblock %}
{% block inline-js %}{% endblock %}
@ -10,6 +9,31 @@
{% block body-class %}homepage{% endblock %}
{% block html-class %}homepage{% endblock %}
{% block main %}
Homepage
{% block header %}
<header class="main">
<div class="inner">
<h1>
<a href="/">snip<span>t</span></a>
</h1>
<nav>
<ul>
<li>
<a href="#">Top Posts</a>
</li>
<li>
<a href="#">Top Snipts</a>
</li>
<li>
<a href="#">Top Members</a>
</li>
<li>
<a class="login" href="#">Log in</a>
</li>
</ul>
</nav>
</div>
</header>
{% endblock %}
{% block main %}
{% endblock %}