aboutsummaryrefslogtreecommitdiff
path: root/layout.html
blob: 410a2fc3e871e5f00f5f6efa253c8e49508698db (plain) (blame)
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="$lang$" xml:lang="$lang$"$if(dir)$ dir="$dir$"$endif$>
    <head>
	<meta charset="utf-8" />
	<meta name="generator" content="pandoc" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
	$for(author-meta)$
	<meta name="author" content="$author-meta$" />
	$endfor$
	$if(date-meta)$
	<meta name="dcterms.date" content="$date-meta$" />
	$endif$
	$if(keywords)$
	<meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" />
	$endif$
	<title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
	<style type="text/css">
	 code{white-space: pre-wrap;}
	 span.smallcaps{font-variant: small-caps;}
	 span.underline{text-decoration: underline;}
	 div.column{display: inline-block; vertical-align: top; width: 50%;}
	 $if(quotes)$
	 q { quotes: "“" "”" "‘" "’"; }
	 $endif$
	</style>
	$if(highlighting-css)$
	<style type="text/css">
	 $highlighting-css$
	</style>
	$endif$
	<link rel="stylesheet" href="assets/lib/bootstrap/bootstrap.min.css">
	<link rel="stylesheet" href="assets/lib/fontawesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="assets/stylesheets/main.css">
	$for(css)$
	<link rel="stylesheet" href="$css$" />
	$endfor$
	$if(math)$
	$math$
	$endif$
	$for(header-includes)$
	$header-includes$
	$endfor$
    </head>
    <body>
	$for(include-before)$
	$include-before$
	$endfor$
	$if(title)$
	<header class="container">
	    <div style="text-align: center;">
		<h1>$title$</h1>
		$if(subtitle)$
		<p class="subtitle">$subtitle$</p>
		$endif$
		<nav class="my-4">
		    <a class="btn btn-light" href="css.html">
			<img src="assets/images/css.svg" width="16px" class="img-fluid">
			CSS
		    </a>
		    <a class="btn btn-light" href="git.html">
			<img src="assets/images/git.png" width="16px" class="img-fluid">
			Git
		    </a>
		    <a class="btn btn-light" href="html.html">
			<img src="assets/images/html5.svg" width="16px" class="img-fluid">
			HTML
		    </a>
		    <a class="btn btn-light" href="javascript.html">
			<img src="assets/images/javascript.png" width="16px" class="img-fluid">
			JavaScript
		    </a>
		    <a class="btn btn-light" href="scala.html">
			<img src="assets/images/scala.png" width="16px" class="img-fluid">
			Scala
		    </a>
		    <a class="btn btn-light" href="shell-script.html">
			<img src="assets/images/bash.svg" width="16px" class="img-fluid">
			Shell Script
		    </a>
		</nav>
	    </div>
	    $if(toc)$
	    <nav id="$idprefix$TOC">
		$table-of-contents$
	    </nav>
	    $endif$
	</header>
	$endif$
	<div class="container">
	    This guide recommends stylistic and architectural best
	    practices, designed to make your code easier for others to
	    understand. It offers <em>guidelines</em> not <em>rules</em>,
	    and there are situations in which the advice offered
	    should be actively ignored.
	    <hr>
	</div>
	<main class="container">
	    $body$
	</main>
	<footer class="small mt-6 mb-1">
	    $if(date)$
	    <span class="date">$date$</span>
	    $endif$
	    $if(url)$
	    | <a href="$url$/$sourcefile$" style="display: inline-block;"><i class="fa fa-github"></i> Edit on GitHub</a>
	    $endif$
	</footer>
	$for(include-after)$
	$include-after$
	$endfor$
    </body>
</html>