fmartingr
/
shelfzilla
Archived
1
0
Fork 0

Added new theme: Kurono

This commit is contained in:
Felipe Martín 2014-09-15 09:53:55 +02:00
parent 9e404aeb9b
commit 24a7edda5d
10 changed files with 168 additions and 3 deletions

View File

@ -1,3 +1,3 @@
{
"directory": "shelfzilla/themes/bootflat/static/bower"
"directory": "shelfzilla/themes/kurono/static/bower"
}

1
.gitignore vendored
View File

@ -16,6 +16,7 @@ db.sqlite3
# Bootflat
shelfzilla/themes/bootflat/static/css/*.css
shelfzilla/themes/bootflat/static/bower/*
shelfzilla/themes/kurono/static/bower/*
**/CACHE/*
# Bower

View File

@ -20,6 +20,8 @@
"jquery-pjax": "~1.8.1",
"nprogress": "~0.1.3",
"toastr": "~2.0.1",
"imagesloaded": "~3.1.4"
"imagesloaded": "~3.1.4",
"purecss": "~0.5.0",
"pure": "~0.5.0"
}
}

View File

@ -105,6 +105,7 @@ MIDDLEWARE_CLASSES = (
TEMPLATE_DIRS = (
os.path.join(BASE_DIR, "themes", "_base"),
os.path.join(BASE_DIR, "themes", "kurono", "templates"),
os.path.join(BASE_DIR, "themes", "bootflat", "templates"),
)
@ -156,6 +157,7 @@ MEDIA_URL = '/media/'
# Additional locations of static files
STATICFILES_DIRS = (
os.path.join(BASE_DIR, "themes", "kurono", "static"),
os.path.join(BASE_DIR, "themes", "bootflat", "static"),
)

View File

@ -6,7 +6,7 @@
// bootstrap navbar, margin-top
.navbar {
margin-top: 20px;
border-radius: 0;
}
* > p:last-child {

View File

@ -0,0 +1,14 @@
body {
// Padding top due to fixed navgar
padding-top: @navbar-height + 10px;
}
.navbar-nav {
// No border radius
// border-radius: 0;
// Avatar size should be ~same as text size
.avatar {
width: 22px;
}
}

View File

@ -0,0 +1,19 @@
// Bootstrap
@import "../bower/bootstrap/less/variables.less";
@import "variables.less";
@import "../bower/bootstrap/less/mixins.less";
@import "../bower/bootstrap/less/normalize.less";
@import "../bower/bootstrap/less/scaffolding.less";
@import "../bower/bootstrap/less/grid.less";
@import "../bower/bootstrap/less/forms.less";
@import "../bower/bootstrap/less/navs.less";
@import "../bower/bootstrap/less/navbar.less";
@import "../bower/bootstrap/less/utilities.less";
// Own
@import "navbar.less";

View File

@ -0,0 +1,4 @@
/*
* NAVGAR
*/
@navbar-height: 70px;

View File

@ -0,0 +1,3 @@
{% load staticfiles %}
<link rel="stylesheet" href="{% static "bower/pure/pure-min.css" %}" type="text/css" />

View File

@ -0,0 +1,120 @@
{% load i18n solo_tags staticfiles compress %}
{% get_solo 'config.SiteConfiguration' as site_config %}
{% get_solo 'config.SocialConfiguration' as social_config %}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
{% compress css %}
{% block stylesheets %}
{% include "_css/purecss.html" %}
<link rel="stylesheet" href="{% static "less/style.less" %}" type="text/less" />
{% endblock %}
{% endcompress %}
<title>{% block page_title %}ShelfZilla{% endblock %}</title>
</head>
<body>
{% block navigation_bar %}
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">{% trans "Toggle navigation" %}</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a data-pjax-unnav class="navbar-brand" data-pjax href="{% url "homepage" %}">Shelfzilla</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse">
{% if user.is_authenticated %}
<ul class="nav navbar-nav">
<li data-pjax-nav {% if navigation.section == "series" %}class="active"{% endif %}>
<a data-pjax href="{% url "series.list" %}">{% trans "Series" %}</a>
</li>
<li data-pjax-nav {% if navigation.section == "publishers" %}class="active"{% endif %}>
<a data-pjax href="{% url 'publishers.list' %}">{% trans "Publishers" %}</a>
</li>
</ul>
{% endif %}
<ul class="nav navbar-nav navbar-right">
{% if user.is_authenticated %}
<li><a href="{% url 'profile' user.username %}" title="{% trans "Profile" %}" data-toggle="tooltip" data-placement="bottom">
<img src="{{ user.avatar }}" class="avatar img-rounded pull-left "/>
&nbsp;{{ user.username }}</a>
</li>
{% if user.is_superuser %}
<li><a data-pjax-unnav href="/admin/" title="Admin" data-toggle="tooltip" data-placement="bottom"><i class="glyphicon glyphicon-tower"></i></a></li>
{% endif %}
<!-- <li><a data-pjax-unnav href="{% url 'profile' user.username %}" data-pjax
title="{% trans "Profile" %}" data-toggle="tooltip" data-placement="bottom">
<i class="glyphicon glyphicon-user"></i>
</a>
</li> -->
<li><a data-pjax-unnav href="{% url "logout" %}"
title="{% trans "Logout" %}" data-toggle="tooltip" data-placement="bottom">
<i class="glyphicon glyphicon-off"></i>
</a>
</li>
{% else %}
<li>
<a href="{% url "login" %}">
<i class="glyphicon glyphicon-log-in"></i> {% trans "Log in" %}
</a>
</li>
{% endif %}
</ul>
{% if user.is_authenticated %}
<form class="navbar-form navbar-right" role="search"
method="post" action="{% url "search" %}" data-pjax>
{% csrf_token %}
<div class="form-search search-only">
<i class="search-icon glyphicon glyphicon-search"></i>
<input type="text" value="{{ search_query }}" name="q" class="form-control search-query" placeholder="{% trans 'Search' %}">
</div>
</form>
{% endif %}
</div>
</div>
</div>
</nav>
{% endblock %}
{% block messages %}
<div class="messages container" data-pjax-container="messages"></div>
{% endblock %}
<div id="main_content" data-pjax-container="main">
{% block main_content2 %}{% endblock %}
</div>
{% block footer %}{% endblock %}
{% compress js %}
{% block javascript %}
<!-- OLD -->
<script type="text/javascript">
var USE_PJAX = {{ site_config.use_pjax|lower }};
</script>
<script type="text/javascript" src="{% static "bower/jquery/dist/jquery.js" %}"></script>
<script type="text/javascript" src="{% static "bower/Bootflat/js/bootstrap.min.js" %}"></script>
<script type="text/javascript" src="{% static "bower/jquery-pjax/jquery.pjax.js" %}"></script>
<script type="text/javascript" src="{% static "bower/nprogress/nprogress.js" %}"></script>
<script type="text/javascript" src="{% static "bower/toastr/toastr.js" %}"></script>
<script type="text/javascript" src="{% static "bower/eventEmitter/EventEmitter.js" %}"></script>
<script type="text/javascript" src="{% static "bower/eventie/eventie.js" %}"></script>
<script type="text/javascript" src="{% static "bower/imagesloaded/imagesloaded.js" %}"></script>
<script type="text/javascript" src="{% static "js/app.js" %}"></script>
{% endblock %}
{% endcompress %}
{% if not USER_CONFIG.use_pjax %}
<script type="text/javascript">$(function() { window.updateMessages(); });</script>
{% endif %}
{% if social_config.google_analytics %}
{% include "_includes/google_analytics.html" %}
{% endif %}
</body>
</html>