--- /dev/null
+<meta http-equiv="refresh" content="0; url=/home" />
\ No newline at end of file
- <footer>(Ↄ) 2015 example.com</footer>\r
+ <footer id="footer"><span class="copy-left">©</span> 2015 Egon Elbre</footer>\r
</body>\r
</html>
\ No newline at end of file
{{ end }}\r
{{ end }}\r
<meta name="viewport" content="width=device-width, initial-scale=1">\r
- <link rel="stylesheet" href="/static/main.css">\r
+ <link rel="stylesheet" href="/main.css">\r
</head>\r
<body>
\ No newline at end of file
<header>\r
- <nav class="menu language-menu">\r
- <ul>\r
- <li><a href="/home">English</a></li>\r
- <li><a href="/kodu">Eesti</a></li>\r
- </ul>\r
- <div class="clear"></div>\r
+ <nav id="language-menu">\r
+ <a href="/home">English</a>\r
+ <a href="/kodu">Eesti</a>\r
</nav>\r
\r
{{ if (eq .Params.lang "et") }}\r
- <h1 class="title">Minu mitmekeelne leht</h1>\r
+ <h1 id="title">Minu mitmekeelne leht</h1>\r
{{ else }}\r
- <h1 class="title">My multilingual site</h1>\r
+ <h1 id="title">My multilingual site</h1>\r
{{ end }}\r
\r
- <nav class="menu main-menu">\r
- <ul>\r
- {{ range (index .Site.Taxonomies.menu .Params.lang).Pages }}\r
- <li><a href="{{ .Permalink }}">{{ .LinkTitle }}</a></li>\r
- {{ end }}\r
- </ul>\r
+ <nav id="main-menu">\r
+ {{ range (index .Site.Taxonomies.menu .Params.lang).Pages }}\r
+ <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>\r
+ {{ end }}\r
+ <div class="clear"></div>\r
</nav>\r
</header>\r
\r
-<h2 class="subtitle">{{ .Title }}</h2>\r
+<h2 id="subtitle">{{ .Title }}</h2>\r
--- /dev/null
+{{ partial "head.html" . }}\r
+{{ partial "header.html" . }}\r
+\r
+{{ if .Params.listing }}\r
+ {{ range .Site.Taxonomies.groups.news.Pages }}\r
+ <article class="post">\r
+ <h3><a href='{{ .Permalink }}'>{{ .Title }}</a> </h3>\r
+ <div class="post-meta">{{ .Date.Format "Mon, Jan 2, 2006" }} - {{ .FuzzyWordCount }} Words</div>\r
+ {{ .Summary }}\r
+ <a href='{{ .Permalink }}'><nobr>read more →</nobr></a>\r
+ </article>\r
+ {{ end }}\r
+{{ else }}\r
+ {{ .Content }}\r
+{{ end }}\r
+\r
+{{ partial "footer.html" . }}\r
--- /dev/null
+{{ partial "head.html" . }}\r
+{{ partial "header.html" . }}\r
+\r
+{{ if .Params.listing }}\r
+ {{ range .Site.Taxonomies.groups.uudised.Pages }}\r
+ <article class="post">\r
+ <h3><a href='{{ .Permalink }}'>{{ .Title }}</a> </h3>\r
+ <div class="post-meta">{{ .Date.Format "Mon, Jan 2, 2006" }} - {{ .FuzzyWordCount }} sõna</div>\r
+ {{ .Summary }}\r
+ <a href='{{ .Permalink }}'><nobr>loe edasi →</nobr></a>\r
+ </article>\r
+ {{ end }}\r
+{{ else }}\r
+ {{ .Content }}\r
+{{ end }}\r
+\r
+{{ partial "footer.html" . }}\r
--- /dev/null
+* { box-sizing: border-box; }\r
+html, body { margin: 0; padding: 0; }\r
+\r
+body {\r
+ max-width: 800px;\r
+ margin: 0 auto;\r
+\r
+ color: #333;\r
+}\r
+\r
+.clear { clear: both; }\r
+\r
+\r
+#language-menu, #main-menu, #title, #subtitle {\r
+ font-family: Georgia;\r
+ font-variant: small-caps;\r
+}\r
+\r
+.copy-left {\r
+ display: inline-block;\r
+ text-align: right;\r
+ margin: 0px;\r
+ -moz-transform: scaleX(-1);\r
+ -o-transform: scaleX(-1);\r
+ -webkit-transform: scaleX(-1);\r
+ transform: scaleX(-1);\r
+ filter: FlipH;\r
+ -ms-filter: "FlipH";\r
+}\r
+\r
+/* Language Menu */\r
+\r
+#language-menu { float: right; }\r
+#language-menu a {\r
+ display: block;\r
+ padding: 8px 10px;\r
+ width: 100px;\r
+\r
+ transition: border-left 0.3s ease-in-out;\r
+ border-left: 2px solid #FFF;\r
+}\r
+#language-menu a:hover { border-left: 2px solid #A00; }\r
+#language-menu a, #language-menu a:visited {\r
+ color: #333;\r
+}\r
+\r
+/* Main Menu */\r
+\r
+#main-menu {\r
+ margin-top: 20px;\r
+ border-left: 2px solid #A00;\r
+ padding-left: 10px;\r
+}\r
+\r
+#main-menu a {\r
+ float: left;\r
+ width: 100px;\r
+ text-align: center;\r
+\r
+ padding: 5px 10px;\r
+ margin: 0;\r
+\r
+ text-decoration: none;\r
+ font-size: 18px;\r
+\r
+ transition: border-bottom 0.3s ease-in-out;\r
+ border-bottom: 2px solid #FFF;\r
+}\r
+\r
+#main-menu a:hover {\r
+ border-bottom: 2px solid #A00;\r
+}\r
+\r
+/* Content */\r
+\r
+article h3 {\r
+ margin-bottom: 3px;\r
+}\r
+.post-meta {\r
+ color: #888;\r
+ margin-bottom: 10px;\r
+}\r
+\r
+/* Footer */\r
+\r
+#footer {\r
+ margin: 50px 0;\r
+ text-align: center;\r
+}
\ No newline at end of file
+++ /dev/null
-* {\r
- box-sizing: border-box;\r
-}\r
-\r
-html, body {\r
- margin: 0;\r
- padding: 0;\r
-}\r
-\r
-body {\r
- max-width: 600px;\r
- margin: 0 auto;\r
- background: #fefefe;\r
-}\r
-\r
-header {\r
- padding: 0 30px;\r
- padding-top: 10px;\r
- border-bottom: 1px solid #999;\r
-}\r
-\r
-.title {\r
- clear: both;\r
- font-family: Georgia;\r
- text-align: center;\r
-}\r
-\r
-.subtitle {\r
- font-family: Georgia;\r
- background: #eee;\r
- margin: 0;\r
- padding: 5px;\r
- border-radius: 0 0 50px 50px;\r
- text-align: center;\r
- \r
- margin-bottom: 10px;\r
-}\r
-\r
-.menu a {\r
- text-decoration: none;\r
-}\r
-\r
-.language-menu {\r
- float: right;\r
-}\r
-\r
-.language-menu ul {\r
- list-style: none;\r
-}\r
-\r
-.language-menu ul li {\r
- float: left;\r
- padding-right: 10px;\r
- border-right: 1px solid #ccc;\r
- margin-right: 10px;\r
-}\r
-\r
-.main-menu {\r
- text-align: center;\r
-}\r
-\r
-.main-menu ul {\r
- list-style: none;\r
-}\r
-\r
-.main-menu ul li {\r
- display: inline-block;\r
- padding: 5px 15px;\r
- border-radius: 3px;\r
-}\r
-\r
-.main-menu ul li:hover, .main-menu ul li:active {\r
- background: #eef;\r
-}\r
-\r
-.clear {\r
- clear: both;\r
-}\r
-\r
-body > footer {\r
- font-family: Georgia;\r
- background: #eee;\r
- margin: 0;\r
- padding: 10px;\r
- padding-bottom: 20px;\r
- border-radius: 50px 50px 0 0;\r
- text-align: center;\r
- border-bottom: 1px solid #999;\r
-}
\ No newline at end of file