Skip to content

Commit

Permalink
basic style
Browse files Browse the repository at this point in the history
  • Loading branch information
kennethlove committed Sep 14, 2010
1 parent 121f4bd commit 9f89661
Show file tree
Hide file tree
Showing 9 changed files with 148 additions and 89 deletions.
Empty file modified public/media/css/handheld.css 100755 → 100644
Empty file.
44 changes: 43 additions & 1 deletion public/media/css/style.css 100755 → 100644
Expand Up @@ -73,9 +73,51 @@ button { width: auto; overflow: visible; }




/* Primary Styles /* Primary Styles
Author: Author: Kenneth Love
*/ */


header {
background:lightblue;
margin-bottom:10px;
padding:5px 10px 0;
-webkit-box-shadow:0 2px 5px #999;
}
header h1 {
font:28px/1.5 Helvetica, Arial, sans-serif;
padding-bottom:5px;
}
header p {
font-style:italic;
padding-bottom:5px;
}

#main {
margin-left:10px;
}
#main article {
padding:0 10px;
}
#main aside {
background-color:beige;
float:right;
padding:10px;
-webkit-box-shadow:2px 2px 5px #999;
}
ol.dates { list-style:none;margin-left:0; }
#main nav {
clear:both;
font-size:10px;
margin-top:10px;
text-align:center;
}

footer {
font-size:10px;
margin:10px;
text-align:center;
text-transform:uppercase;
}







Expand Down
2 changes: 1 addition & 1 deletion tumblog/settings.py
Expand Up @@ -69,7 +69,7 @@
) )


MIDDLEWARE_CLASSES = ( MIDDLEWARE_CLASSES = (
'debug_toolbar.middleware.DebugToolbarMiddleware', #'debug_toolbar.middleware.DebugToolbarMiddleware',
'django.middleware.common.CommonMiddleware', 'django.middleware.common.CommonMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.csrf.CsrfViewMiddleware', 'django.middleware.csrf.CsrfViewMiddleware',
Expand Down
26 changes: 15 additions & 11 deletions tumblog/templates/blog/post_archive.html
Expand Up @@ -4,14 +4,23 @@


{% block header %} {% block header %}
<h1>{{ blog.name }}</h1> <h1>{{ blog.name }}</h1>
{{ blog.description|linebreaks }}
{% endblock %} {% endblock %}


{% block main %} {% block main %}
{{ blog.description|linebreaks }}
<section> <section>
<h2>Recent Posts</h2>
{% if latest|length %} {% if latest|length %}
<p>Showing {{ latest|length }} posts of {{ blog.posts.get_visible|length }} total.</p> <aside>
<ol class="dates">
{% for year in date_list %}
<li>
<a href="{% url year blog.slug year|date:"Y" %}">
{{ year|date:"Y" }}</a>
</li>
{% endfor %}
</ol>
</aside>
<h2>Recent Posts</h2>
<ul> <ul>
{% for post in latest %} {% for post in latest %}
<li> <li>
Expand All @@ -21,18 +30,13 @@ <h3><a href="{{ post.get_absolute_url }}">{{ post.title }}</a></h3>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
<nav>
<ol>
{% for year in date_list %}
<li><a href="{% url year blog.slug year|date:"Y" %}">{{ year|date:"Y" }}</a></li>
{% endfor %}
</ol>
</nav>
{% else %} {% else %}
<p>Sorry, no posts yet. Check back soon.</p> <p>Sorry, no posts yet. Check back soon.</p>
{% endif %} {% endif %}
</section> </section>
<a href="{% url home %}">Back to blog list</a> <nav>
<a href="{% url home %}">Back to blog list</a>
</nav>
{% endblock %} {% endblock %}


{% block footer %} {% block footer %}
Expand Down
28 changes: 18 additions & 10 deletions tumblog/templates/blog/post_archive_month.html
Expand Up @@ -4,11 +4,25 @@


{% block header %} {% block header %}
<h1>{{ blog.name }}</h1> <h1>{{ blog.name }}</h1>
{{ blog.description|linebreaks }}
{% endblock %} {% endblock %}


{% block main %} {% block main %}
{{ blog.description|linebreaks }}
<section> <section>
<aside>
<ol class="dates">
<li>
<a href="{% url month blog.slug previous_month|date:"Y" previous_month|date:"m" %}">
{{ previous_month|date:"N" }}</a>
</li>
{% if next_month %}
<li>
<a href="{% url month blog.slug next_month|date:"Y" next_month|date:"m" %}">
{{ next_month|date:"N" }}</a>
</li>
{% endif %}
</ol>
</aside>
<h2>Posts for {{ month|date:"N, Y" }}</h2> <h2>Posts for {{ month|date:"N, Y" }}</h2>
<ul> <ul>
{% for post in object_list %} {% for post in object_list %}
Expand All @@ -19,16 +33,10 @@ <h3><a href="{{ post.get_absolute_url }}">{{ post.title }}</a></h3>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
<nav>
<a href="{% url month blog.slug previous_month|date:"Y" previous_month|date:"m" %}">
{{ previous_month|date:"N" }}</a>
{% if next_month %}
<a href="{% url month blog.slug next_month|date:"Y" next_month|date:"m" %}">
{{ next_month|date:"N" }}</a>
{% endif %}
</nav>
</section> </section>
<a href="{{ blog.get_absolute_url }}">Back to post list</a> <nav>
<a href="{{ blog.get_absolute_url }}">Back to post list</a>
</nav>
{% endblock %} {% endblock %}


{% block footer %} {% block footer %}
Expand Down
24 changes: 13 additions & 11 deletions tumblog/templates/blog/post_archive_year.html
Expand Up @@ -4,11 +4,20 @@


{% block header %} {% block header %}
<h1>{{ blog.name }}</h1> <h1>{{ blog.name }}</h1>
{{ blog.description|linebreaks }}
{% endblock %} {% endblock %}


{% block main %} {% block main %}
{{ blog.description|linebreaks }}
<section> <section>
<aside>
<ol class="dates">
{% for month in date_list %}
<li>
<a href="{% url month blog.slug month|date:"Y" month|date:"m" %}">{{ month|date:"N" }}</a>
</li>
{% endfor %}
</ol>
</aside>
<h2>Posts for {{ year }}</h2> <h2>Posts for {{ year }}</h2>
<ul> <ul>
{% for post in object_list %} {% for post in object_list %}
Expand All @@ -19,17 +28,10 @@ <h3><a href="{{ post.get_absolute_url }}">{{ post.title }}</a></h3>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
<nav>
<ol>
{% for month in date_list %}
<li>
<a href="{% url month blog.slug month|date:"Y" month|date:"m" %}">{{ month|date:"N" }}</a>
</li>
{% endfor %}
</ol>
</nav>
</section> </section>
<a href="{{ blog.get_absolute_url }}">Back to post list</a> <nav>
<a href="{{ blog.get_absolute_url }}">Back to post list</a>
</nav>
{% endblock %} {% endblock %}


{% block footer %} {% block footer %}
Expand Down
26 changes: 15 additions & 11 deletions tumblog/templates/blog/post_detail.html
Expand Up @@ -5,27 +5,31 @@
{% endblock %} {% endblock %}


{% block header %} {% block header %}
<h1>{{ object.title }}</h1> <h1>{{ object.blog.name }}</h1>
{% endblock %} {% endblock %}


{% block main %} {% block main %}
{{ object.body|linebreaks }} <article>
<aside> <aside>
{{ object.publish_at }} {{ object.publish_at }}
<ul> <ul>
{% for tag in object.tags.all %} {% for tag in object.tags.all %}
<li>{{ tag }}</li> <li>{{ tag }}</li>
{% endfor %} {% endfor %}
</ul> </ul>
<a href="{{ object.blog.get_absolute_url }}">Back to post list</a> </aside>
</aside> <h1>{{ object.title }}</h1>
{{ object.body|linebreaks }}
</article>
<nav> <nav>
{% with object.get_previous_by_publish_at as prev %} {% with object.get_previous_by_publish_at as prev %}
{% if prev and prev.is_visible %} {% if prev and prev.is_visible %}
<a href="{{ prev.get_absolute_url }}"> <a href="{{ prev.get_absolute_url }}">
&lt; {{ prev }}</a> &lt; {{ prev }}</a>
{% endif %} {% endif %}
{% endwith %} {% endwith %}
<a href="{{ object.blog.get_absolute_url }}">Back to post
list</a>
{% with object.get_next_by_publish_at as next %} {% with object.get_next_by_publish_at as next %}
{% if next and next.is_visible %} {% if next and next.is_visible %}
<a href="{{ next.get_absolute_url }}"> <a href="{{ next.get_absolute_url }}">
Expand Down
Empty file modified tumblog/templates/index.html 100644 → 100755
Empty file.
87 changes: 43 additions & 44 deletions tumblog/templates/layouts/site_base.html 100644 → 100755
@@ -1,60 +1,59 @@
<!doctype html> <!doctype html>
<html lang="en" class="no-js"> <html lang="en" class="no-js">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<!--[if IE]><![endif]--> <!--[if IE]><![endif]-->

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>{% block page_title %}Stairs{% endblock %}</title>
<title>{% block page_title %}Stairs{% endblock %}</title> <meta name="description" content="">
<meta name="description" content=""> <meta name="author" content="">
<meta name="author" content=""> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> <link rel="shortcut icon" href="/favicon.ico">
<link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="stylesheet" href="/site_media/css/style.css?v=1">
<link rel="stylesheet" href="/site_media/css/style.css?v=1"> <link rel="stylesheet" media="handheld" href="/site_media/css/handheld.css?v=1">
<link rel="stylesheet" media="handheld" href="/site_media/css/handheld.css?v=1"> <script src="/site_media/js/modernizr-1.5.min.js"></script>
<script src="/site_media/js/modernizr-1.5.min.js"></script> {% block styles %}{% endblock %}

</head> </head>
<!--[if lt IE 7 ]> <body class="ie6"> <![endif]--> <!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
<!--[if IE 7 ]> <body class="ie7"> <![endif]--> <!--[if IE 7 ]> <body class="ie7"> <![endif]-->
<!--[if IE 8 ]> <body class="ie8"> <![endif]--> <!--[if IE 8 ]> <body class="ie8"> <![endif]-->
<!--[if IE 9 ]> <body class="ie9"> <![endif]--> <!--[if IE 9 ]> <body class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->


<div id="container"> <div id="container">
<header> <header>
{% block header %}{% endblock %} {% block header %}Stairs!{% endblock %}
</header> </header>

<div id="main"> <div id="main">
{% block main %}{% endblock %} {% block main %}{% endblock %}
</div> </div>

<footer> <footer>
{% block footer %}{% endblock %} {% block footer %}{% endblock %}
</footer> </footer>
</div> <!-- end of #container --> </div> <!-- end of #container -->


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>!window.jQuery && document.write('<script src="/site_media/js/jquery-1.4.2.min.js"><\/script>')</script> <script>!window.jQuery && document.write('<script src="/site_media/js/jquery-1.4.2.min.js"><\/script>')</script>
<script src="/site_media/js/plugins.js?v=1"></script> <script src="/site_media/js/plugins.js?v=1"></script>
<script src="/site_media/js/script.js?v=1"></script> <script src="/site_media/js/script.js?v=1"></script>


<!--[if lt IE 7 ]> <!--[if lt IE 7 ]>
<script src="js/dd_belatedpng.js?v=1"></script> <script src="js/dd_belatedpng.js?v=1"></script>
<![endif]--> <![endif]-->


<script src="/site_media/js/profiling/yahoo-profiling.min.js?v=1"></script> <script src="/site_media/js/profiling/yahoo-profiling.min.js?v=1"></script>
<script src="/site_media/js/profiling/config.js?v=1"></script> <script src="/site_media/js/profiling/config.js?v=1"></script>


<script> <script>
var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']]; var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
(function(d, t) { (function(d, t) {
var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
g.async = true; g.src = '//www.google-analytics.com/ga.js'; s.parentNode.insertBefore(g, s); g.async = true; g.src = '//www.google-analytics.com/ga.js'; s.parentNode.insertBefore(g, s);
})(document, 'script'); })(document, 'script');
</script> </script>
{% block scripts %}{% endblock %}
</body> </body>
</html> </html>

0 comments on commit 9f89661

Please sign in to comment.