antville/code/Site/Site.skin

202 lines
6.7 KiB
Text

<% #main %>
<% site.stories %>
<% #preview %>
<li><% site.title | site.link %> <span class="small">(<% site.modified short
prefix="Last update: " default="None so far" %>)</span></li>
<% #welcome %>
<article class='uk-article'>
<h1 class='uk-article-title'><% gettext Welcome %></h1>
<p class='uk-article-meta'>
<% gettext "Created by {0} on {1}." <% site.creator %> <% site.created long %> %>
</p>
<p><% gettext "Welcome to {0}." <% site.title %> %></p>
</article>
<% #navigation %>
<li><% site.link main <% gettext Start prefix="<i class='uk-icon-home'></i> " %> %></li>
<li><% site.tags.link main <% gettext Tags %> %></li>
<li><% site.galleries.link main <% gettext Galleries %> %></li>
<% site.comments.link main <% gettext Comments %> prefix=<li> suffix=</li> %>
<li><% site.link rss.xml "<i class='uk-icon-rss'></i> RSS" %></li>
<li class='uk-nav-divider'></li>
<% site.stories.link create <% gettext "Add Story" prefix="<i class='uk-icon-plus'></i> " %> prefix="<li>" suffix=</li> %>
<% site.stories.link main <% gettext Stories %> prefix=<li> suffix=</li> %>
<% site.images.link main <% gettext Images %> prefix=<li> suffix=</li> %>
<% site.files.link main <% gettext Files %> prefix=<li> suffix=</li> %>
<% site.polls.link main <% gettext Polls %> prefix=<li> suffix=</li> %>
<li class='uk-nav-divider'></li>
<% site.link edit <% gettext Settings prefix="<i class='uk-icon-cog'></i> " %> prefix=<li> suffix=</li> %>
<% site.layout.link main <% gettext Layout %> prefix=<li> suffix=</li> %>
<% site.members.link main <% gettext Members %> prefix=<li> suffix=</li> %>
<% site.link referrers <% gettext Referrers %> prefix=<li> suffix=</li> %>
<li class='uk-nav-divider'></li>
<li><% root.title | root.link %></li>
<% #search %>
<form class='uk-form' method='post' action='<% site.href search %>'>
<input type='text' class='uk-width-1-1' name='q' value='<% request.q encoding="form" %>' required placeholder='<% gettext Search %>'>
</form>
<% #robots %>
# See http://www.robotstxt.org for more information
#User-agent: *
#Disallow: /
#User-agent: BadBot
#Disallow: /foo
<% #page %>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title><% response.title %></title>
<link rel='icon' type='image/x-icon' href='<% image /ant-icon.png url %>'>
<link rel='shortcut icon' type='image/x-icon' href='<% image /ant-icon.png url %>'>
<link rel='search' type='application/opensearchdescription+xml' href='<% site.href search.xml %>' title='<% site.title %>'>
<link rel='alternate' type='application/rss+xml' title='Stories and comments of <% site.title %>' href='<% site.href rss.xml %>'>
<link rel='alternate' type='application/rss+xml' title='Stories of <% site.title %>' href='<% site.href stories.xml %>'>
<link rel='alternate' type='application/rss+xml' title='Comments of <% site.title %>' href='<% site.href comments.xml %>'>
<link rel='alternate' type='application/rss+xml' title='Sites of <% root.title %>' href='<% root.href updates.xml %>'>
<link rel='stylesheet' type='text/css' href='<% site.href main.css %>'>
<script type='text/javascript' src='<% site.href main.js %>'></script>
</head>
<body class='uk-container-center av-page'>
<% site.skin $Site#header %>
<div class='uk-grid'>
<div class='uk-width-7-10'>
<% response.message prefix="<div class='uk-alert' data-uk-alert>" suffix=</div> %>
<% response.body %>
</div>
<div class='uk-width-3-10'>
<div class='uk-margin-large-left av-border-left'>
<% membership.status %>
<ul class='uk-nav uk-nav-side'>
<li class='uk-nav-divider'/>
<% site.skin Site#navigation %>
<li class='uk-nav-divider'/>
<li class='uk-margin-left'>
<% site.skin Site#search %>
</li>
<li class='uk-nav-header'/>
<li class='uk-margin-left uk-text-small'>
<% site.calendar %>
</li>
</ul>
</div>
</div>
</div>
<% site.skin $Site#footer %>
</body>
</html>
<% #javascript %>
var imgWindow = "";
function openPopup(img, width, height) {
if (img && width && height) {
width = Math.min(width + 36, 640);
height = Math.min(height + 30, 480);
if (imgWindow.location && !imgWindow.closed)
imgWindow.close();
imgWindow = window.open(img, "imgWindow" + width + height,
"toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes,width=" +
width + ",height=" + height);
// imgWindow.focus();
}
}
$(function () {
// Highlight the current navigation menu item
var counter = 0;
$('.uk-nav li').each(function (index, element) {
if (counter > 0) {
return;
}
var href = String($(element).find('a').attr('href')) + location.hash;
if (href && location.href.lastIndexOf(href) + href.length === location.href.length) {
$(element).addClass('uk-active');
counter += 1;
}
});
});
<% #values %>
<% value 'font' 'Helvetica, Arial, sans-serif' %>
<% value 'background color' #fff %>
<% value 'link color' #ff4040 %>
<% value 'hover color' #d50000 %>
<% #stylesheet %>
@button-background: #f5f5f5;
@button-hover-background: #fafafa;
body {
background-color: <% value 'background color' %>;
font-family: <% value font %>;
color: <% value 'text color' %>;
}
a {
color: <% value 'link color' %>;
&:hover {
color: <% value 'hover color' %>;
}
}
.av-poll-result-bar {
height: 5px;
overflow: hidden;
float:left;
margin-top: 7px;
margin-right: 10px;
background-color: <% value "link color" %>;
font-size: 0px;
}
.uk-button-primary {
background: @button-background;
border-color: <% value 'link color' %>;
color: <% value 'link color' %>;
&:hover {
background: @button-hover-background;
border-color: <% value 'hover color' %>;
color: <% value 'hover color' %>;
}
}
.uk-pagination > .uk-active > span {
background: @button-background;
border-color: <% value 'link color' %>;
color: <% value 'link color' %>;
}
.uk-button-link, .uk-subnav > li > a {
color: <% value 'link color' %>;
&:hover {
color: <% value 'hover color' %>;
}
}
.uk-nav-side > li.uk-active > a {
background: none;
color: <% value 'link color' %>;
box-shadow: none;
font-weight: bold;
}
.uk-alert {
background: @button-background;
border-color: #333;
border-color: rgba(0, 0, 0, 0.3);
color: #999;
}
.jala-calendar-selected, .jala-calendar-selected a {
background: @button-background;
color: <% value 'link color' %>;
}
.jala-calendar-selected {
border: 1px solid <% value "link color" %>;
}