-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwiki2html_sample-web-template.txt
More file actions
36 lines (36 loc) · 1.76 KB
/
wiki2html_sample-web-template.txt
File metadata and controls
36 lines (36 loc) · 1.76 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="https://example.org/w/load.php?lang=en-ca&modules=site.styles%7Cext.cite.styles%7Cmediawiki.page.gallery.styles%7Cmediawiki.skinning.content.externallinks%7Coojs-ui.styles.icons-alerts%7Cskins.timeless&only=styles&skin=timeless"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>{title}</title>
<style>address p {{white-space: pre-wrap;}} dt{{margin-top:1em;font-weight:600;}} dd.extract{{margin-left:0;}} h1{{font-size: 4rem; font-weight: 600; line-height: 1.2; margin:0.5rem 0;}} footer{{margin-top:4em; background: #eee; color:grey; clear:both}} img{{max-width:100%; height:auto;}} iframe {{max-width: 100%;}} header{{border-bottom:solid 1px grey;background-color:#f8f9fa}} nav, article{{max-width:900px;padding:2em;margin:0 auto;}} header p{{margin:0; font-size:larger;color:grey;}} .fullwidth {{left: 50%; margin-left: -50vw; margin-right: -50vw; max-width: 100vw; position: relative; right: 50%; width: 100vw;}} main{{background:white;}} body{{font-size:13pt}} footer nav{{display:flex; flex-wrap: wrap;}}.flex-item {{flex: 50%;}} @media (max-width: 800px) {{.flex-item {{ flex: 100%; }} }}</style>
<body>
<main>
<header>
<nav>
<p> <a href="/index.html" title="{sitename}" class="homepage"><img src="/logo.png" /></a></p>
<p>Byline...</p>
</nav>
</header>
<article>
<h1>{title}</h1>
{content}
</article>
<footer>
<nav>
<div class="flex-item">
<p>© {sitename}.</p>
<address><p><b>Project Name</b><BR>Project address</p></address>
</div>
<div class="flex-item center">
<p>Logo</p>
</div>
<div class="flex-item">
<p>Acknowledgement text</p>
</div>
</nav>
</footer>
</main>
</body>
</html>