ngws/metanohi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Still missing most of the content.

Browse Source
This commit is contained in:
Niels Serup
2011-07-26 03:04:17 +02:00
parent 70d45d4119
commit 23038784d4
43 changed files with 663 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
prestatic/aesthetics.js
View File

@@ -30,26 +30,39 @@ is_screen_media = function() {
};
set_min_height = function() {
var ws, wh, ww, h;
ws = get_window_size();
wh = ws[0];
ww = ws[1];
h = metadiv.offsetHeight + 15;
metadiv.style.position = 'absolute';
metadiv.style.bottom = '5px';
metadiv.style.width = (contentdiv.offsetWidth - 22) + 'px';
contentdiv.style.paddingBottom = h + 'px';
h = wh - h - menudiv.offsetHeight - 145;
contentdiv.style.minHeight = h + 'px';
};
set_logo_width = function() {
var ws;
ws = get_window_size();
ww = ws[1];
logodiv.style.width = ww + 'px';
};
adjust_sizes = function() {
if (!is_screen_media())
return;
var ws, wh, ww, h
ws = get_window_size()
wh = ws[0]
ww = ws[1]
h = metadiv.offsetHeight + 15
metadiv.style.position = 'absolute'
metadiv.style.bottom = '5px'
metadiv.style.width = (bodydiv.offsetWidth - 22) + 'px'
bodydiv.style.paddingBottom = h + 'px'
h = wh - h - menudiv.offsetHeight - 145
bodydiv.style.minHeight = h + 'px'
set_min_height();
set_logo_width();
};
window.addEventListener('load', function(event){
menudiv = document.getElementById('menu');
bodydiv = document.getElementById('body');
contentdiv = document.getElementById('content');
metadiv = document.getElementById('metadata');
set_min_height();
logodiv = document.getElementById('logo');
adjust_sizes();
}, false);

79
prestatic/screen.css
View File

@@ -64,7 +64,7 @@ ul#menulinks {
color: #2433ff;
}
#body {
#content {
width: 720px;
margin: 0 auto;
padding: 5px;
@@ -76,10 +76,20 @@ ul#menulinks {
}
#body.full {
position: absolute;
right: 20px;
left: 0px;
}
#body.full #content {
margin: 0 7px;
width: auto;
}
#bodyend {
clear: both;
}
#metadata {
margin-top: 10px;
border-style: dashed;
@@ -166,7 +176,7 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
margin-top: 10px;
margin: 16px 0 5px 0;
font-size: 26px;
}
@@ -175,29 +185,29 @@ h1:first-child {
}
h2 {
margin-top: 9px;
margin: 14px 0 5px 0 ;
font-size: 22px;
}
h3 {
margin-top: 6px;
margin: 9px 0 3px 0;
font-size: 19px;
}
h4 {
margin-top: 5px;
margin: 7px 0 2px 0;
font-size: 16px;
font-weight: bold;
}
h5 {
margin-top: 3px;
margin-top: 5px 0 1px 0;
font-size: 14px;
font-weight: bold;
}
h6 {
margin-top: 2px;
margin: 3px 0 1px 0;
font-size: 12px;
font-weight: bold;
}
@@ -228,6 +238,7 @@ tt, code, samp, pre, var {
img {
border: none;
clear: both;
}
cite, quote {
@@ -235,7 +246,7 @@ cite, quote {
}
blockquote {
margin-left: 20px;
margin: 0 0 5px 20px;
font-size: 14px;
}
@@ -272,34 +283,49 @@ hr {
/* Lists */
ul, ol {
margin: 0 3px 4px 0;
margin-bottom: 4px;
list-style-position: inside;
}
ul > ul, ul > ol, ol > ul, ol > ol {
margin-left: 17px;
margin-bottom: 0;
padding-left: 5px;
}
ul {
list-style-type: disc;
list-style-type: disc;
}
ul > ul, ol > ul {
list-style-type: square;
list-style-type: square;
}
ul > * > ul, ol > * > ul {
list-style-type: circle;
list-style-type: circle;
}
ul > * * > ul, ol > * * > ul {
list-style-type: disc; ! important
}
ol {
list-style-type: decimal;
list-style-type: decimal;
}
ol > ol, ul > ol {
list-style-type: upper-alpha;
list-style-type: upper-alpha;
}
ol > * > ol, ul > * > ol {
list-style-type: lower-alpha;
list-style-type: lower-alpha;
}
ol > * * > ol, ul > * * > ol {
list-style-type: decimal; ! important
}
/* Definition lists */
dd {
@@ -307,28 +333,30 @@ dd {
}
dl > dl {
margin-left: 25px;
margin-left: 21px;
padding-left: 5px;
border-left: 4px solid #000;
}
/* Tables */
table {
margin: 0 auto;
margin: 0 auto;
border-collapse: collapse;
}
table, td, th {
border: 1px solid black;
border: 2px inset black;
}
td, th {
margin: 0 5px;
padding: 1px 3px;
margin: 0 5px;
padding: 1px 3px;
}
/* Misc. classes */
/* Formatting-related classes */
.strong {
font-weight: bold;
@@ -394,3 +422,12 @@ td, th {
font-size: 8px; ! important
}
/* Misc. classes */
.warning {
background-color: #ffa400;
font-weight: bold;
padding: 5px 5px 0 5px;
border: 1px outset black;
}

11
prestatic/template.html
View File

@@ -40,7 +40,6 @@ if page.created_rfc3339:
if page.modified_rfc3339:
print(" <meta name='DCTERMS.modified' content='{}' />".format(page.modified_rfc3339))
@-->
<!--@eval ' '*4@-->
<meta name='DCTERMS.language' content='en' />
<meta name='DCTERMS.isPartOf' content='http://metanohi.org/' />
<meta name='DCTERMS.isVersionOf' content='<!--@eval page.core_url@-->' />
@@ -54,7 +53,6 @@ if page.licenses:
<link rel='copyright' href='{x.url}' />
<meta name='DCTERMS.license' content='{x.url}' />\
""".format(x=x))@-->
<!--@eval ' '*4@-->
<meta name='robots' content='ALL' />
<link rel='icon' type='image/png' href='/favicon.png' />
<!--
@@ -76,23 +74,26 @@ if page.licenses:
<div id='menu'>
<ul id='menulinks'>
<!--@prexec
for x in('projects', 'writings', 'films', 'about'):
for x in('projects', 'writings', 'about', 'sitemap'):
print(' ' * 14 + "<li><a href='/{x}/'>{x}</a></li>".format(x=x))@-->
</ul>
</div>
<div id='body'<!--@exec if page.is_fullpage: print(" class='full'", end='')@-->>
<div id='content'>
<!--@eval "<div id='toc'><h3>Contents</h3>" + page.toc_html + '</div>' if page.has_toc else ''@-->
<!--@eval run_macros(page.body)@-->
<!--@eval "<hr /><div id='footnotes'><h3>Footnotes</h3>" + page.footnotes_html + '</div>' if page.footnotes else ''@-->
<div id='metadata'>
<div id='bodyend'></div>
<div id='metadata'>
<!--@eval run_macros(page.metadata_html)@-->
<!--@exec
if page.is_dynamic:
print("<p><a href='{}'>View source</a></p>".format(page.sourcepath), end='')@-->
</div>
</div>
</div>
<div id='logo'>
<a href='/'></a>
</div>
</div>
</body>
</html>