Update blorg and add it to gh-pages. Update README
This commit is contained in:
Niklas Fasching
parent
e076412b29
commit
d2bbcc8881
21 changed files with 746 additions and 103 deletions
66
blorg/testdata/blorg.org
vendored
66
blorg/testdata/blorg.org
vendored
|
|
@ -1,7 +1,7 @@
|
|||
#+AUTHOR: author
|
||||
#+TITLE: blog
|
||||
#+BASE_URL: https://www.example.com
|
||||
#+OPTIONS: toc:nil
|
||||
#+AUTHOR: testdata
|
||||
#+TITLE: blorg
|
||||
#+BASE_URL: /go-org/blorg
|
||||
#+OPTIONS: toc:nil title:nil
|
||||
#+CONTENT: ./content
|
||||
#+PUBLIC: ./public
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="/style.css" type="text/css" />
|
||||
<link rel="stylesheet" href="/go-org/blorg/style.css" type="text/css" />
|
||||
<title>{{ .Title }}</title>
|
||||
</head>
|
||||
#+end_src
|
||||
|
|
@ -20,35 +20,12 @@
|
|||
#+name: header
|
||||
#+begin_src html
|
||||
<header class='header'>
|
||||
<a class="logo" href="/">home</a>
|
||||
<a class="logo" href="/go-org/blorg">home</a>
|
||||
<nav>
|
||||
<a href="https://www.github.com/niklasfasching">github</a>
|
||||
<a href="/about">about</a>
|
||||
<a href="https://www.github.com/niklasfasching/go-org">github</a>
|
||||
</nav>
|
||||
</header>
|
||||
#+end_src
|
||||
** index
|
||||
#+name: index
|
||||
#+begin_src html
|
||||
<!doctype html>
|
||||
<html>
|
||||
{{ template "head" . }}
|
||||
<body>
|
||||
{{ template "header" . }}
|
||||
<h1 class="title">{{ .Title }}</h1>
|
||||
<ul class="posts">
|
||||
{{ range .Pages }}
|
||||
<li class="post">
|
||||
<a href="{{ .PermaLink }}">
|
||||
<date>{{ .Date.Format "02.01.2006" }}</date>
|
||||
<span>{{ .Title }}</span>
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
#+end_src
|
||||
** item
|
||||
#+name: item
|
||||
#+begin_src html
|
||||
|
|
@ -64,7 +41,7 @@
|
|||
</h1>
|
||||
<ul class="tags">
|
||||
{{ range .Tags }}
|
||||
<li><a href="/tags/{{ . | Slugify }}">{{ . }}</a></li>
|
||||
<li><a href="/go-org/blorg/tags/{{ . | Slugify }}">{{ . }}</a></li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ .Content }}
|
||||
|
|
@ -98,3 +75,30 @@
|
|||
</body>
|
||||
</html>
|
||||
#+end_src
|
||||
|
||||
** index
|
||||
#+name: index
|
||||
#+begin_src html
|
||||
<!doctype html>
|
||||
<html>
|
||||
{{ template "head" . }}
|
||||
<body>
|
||||
{{ template "header" . }}
|
||||
<div class="container">
|
||||
<h1 class="title">{{ .Title }}</h1>
|
||||
<p>Only pages that have a date will be listed here - e.g. not <a href="about.html">about.html</a>
|
||||
<ul class="posts">
|
||||
{{ range .Pages }}
|
||||
<li class="post">
|
||||
<a href="{{ .PermaLink }}">
|
||||
<date>{{ .Date.Format "02.01.2006" }}</date>
|
||||
<span>{{ .Title }}</span>
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
<ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
#+end_src
|
||||
|
|
|
|||
11
blorg/testdata/content/about.org
vendored
11
blorg/testdata/content/about.org
vendored
|
|
@ -1,4 +1,11 @@
|
|||
#+TITLE: About
|
||||
#+TAG[]: static
|
||||
#+TAGS[]: static
|
||||
|
||||
and some content
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||||
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
|
||||
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
|
||||
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
|
||||
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
||||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
|
||||
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||
sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
|
|
|
|||
12
blorg/testdata/content/another-post.org
vendored
Normal file
12
blorg/testdata/content/another-post.org
vendored
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
#+TITLE: another post
|
||||
#+DATE: 2020-06-24
|
||||
#+TAGS[]: another
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||||
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
|
||||
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
|
||||
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
|
||||
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
||||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
|
||||
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||
sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
2
blorg/testdata/content/post.org
vendored
2
blorg/testdata/content/post.org
vendored
|
|
@ -1,2 +0,0 @@
|
|||
#+TITLE: some post
|
||||
#+TAG[]: post
|
||||
12
blorg/testdata/content/some-post.org
vendored
Normal file
12
blorg/testdata/content/some-post.org
vendored
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
#+TITLE: some post
|
||||
#+DATE: 2020-06-23
|
||||
#+TAGS[]: some
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||||
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
|
||||
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
|
||||
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
|
||||
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
||||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
|
||||
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||
sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
191
blorg/testdata/content/style.css
vendored
Normal file
191
blorg/testdata/content/style.css
vendored
Normal file
|
|
@ -0,0 +1,191 @@
|
|||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
overflow-y: scroll;
|
||||
height: 100%;
|
||||
font: 100%/1.5 sans-serif;
|
||||
word-wrap: break-word;
|
||||
margin: 0 auto;
|
||||
padding: 1.5em;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
html {
|
||||
font-size: 125%;
|
||||
max-width: 42em;
|
||||
} }
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
margin: 2.5rem 0 1.5rem 0;
|
||||
line-height: 1.25;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #fa6432;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover, a:focus, a:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 1em 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
p code {
|
||||
background-color: #eee;
|
||||
padding: 0.05em 0.2em;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
margin: 1em;
|
||||
}
|
||||
ol li ol, ol li ul, ul li ol, ul li ul {
|
||||
margin: 0 2em;
|
||||
}
|
||||
ol li p, ul li p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
dl {
|
||||
font-family: monospace, monospace;
|
||||
}
|
||||
dl dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
dl dd {
|
||||
margin: -1em 0 1em 1em;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding-left: 1em;
|
||||
font-style: italic;
|
||||
border-left: solid 1px #fa6432;
|
||||
}
|
||||
|
||||
table {
|
||||
font-size: 1rem;
|
||||
text-align: left;
|
||||
caption-side: bottom;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
table * {
|
||||
border: none;
|
||||
}
|
||||
table thead, table tr {
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
table tr:nth-child(even) {
|
||||
background-color: rgba(200, 200, 200, 0.2);
|
||||
}
|
||||
table tbody {
|
||||
display: block;
|
||||
max-height: 70vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
table td, table th {
|
||||
padding: 0.25em;
|
||||
}
|
||||
|
||||
table, .highlight > pre, pre.example {
|
||||
max-height: 70vh;
|
||||
margin: 1em 0;
|
||||
padding: 1em;
|
||||
overflow: auto;
|
||||
font-size: 0.85rem;
|
||||
font-family: monospace, monospace;
|
||||
border: 1px dashed rgba(250, 100, 50, 0.5);
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 2.5em;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-weight: normal;
|
||||
font-size: 0.75em;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.tags {
|
||||
margin-top: -1.5rem;
|
||||
padding-bottom: 1.5em;
|
||||
}
|
||||
.tags li {
|
||||
display: inline;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 1em 0;
|
||||
}
|
||||
figure figcaption {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 0.75em;
|
||||
text-align: center;
|
||||
color: grey;
|
||||
}
|
||||
|
||||
.footnote-definition sup {
|
||||
margin-left: -1.5em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.footnote-definition .footnote-body {
|
||||
margin: 1em 0;
|
||||
padding: 0 1em;
|
||||
border: 1px dashed rgba(250, 100, 50, 0.3);
|
||||
background-color: rgba(200, 200, 200, 0.2);
|
||||
}
|
||||
.footnote-definition .footnote-body p:only-child {
|
||||
margin: 0.2em 0;
|
||||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
header nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
header a + a {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.posts {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.posts .post a {
|
||||
display: block;
|
||||
padding: 0.5em 0;
|
||||
color: black;
|
||||
}
|
||||
.posts .post a:hover, .posts .post a:focus, .posts .post a:active {
|
||||
text-decoration: none;
|
||||
background: rgba(200, 200, 200, 0.2);
|
||||
}
|
||||
.posts .post date {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 0.8rem;
|
||||
vertical-align: middle;
|
||||
padding-right: 2rem;
|
||||
color: grey;
|
||||
}
|
||||
12
blorg/testdata/content/yet-another-post/index.org
vendored
Normal file
12
blorg/testdata/content/yet-another-post/index.org
vendored
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
#+TITLE: yet another post
|
||||
#+DATE: 2020-06-25
|
||||
#+TAGS[]: yet another
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||||
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
|
||||
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
|
||||
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
|
||||
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
||||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
|
||||
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||
sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
22
blorg/testdata/public/about.html
vendored
22
blorg/testdata/public/about.html
vendored
|
|
@ -3,16 +3,15 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="/style.css" type="text/css" />
|
||||
<link rel="stylesheet" href="/go-org/blorg/style.css" type="text/css" />
|
||||
<title>About</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class='header'>
|
||||
<a class="logo" href="/">home</a>
|
||||
<a class="logo" href="/go-org/blorg">home</a>
|
||||
<nav>
|
||||
<a href="https://www.github.com/niklasfasching">github</a>
|
||||
<a href="/about">about</a>
|
||||
<a href="https://www.github.com/niklasfasching/go-org">github</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
|
@ -23,11 +22,18 @@
|
|||
</h1>
|
||||
<ul class="tags">
|
||||
|
||||
<li><a href="/go-org/blorg/tags/static">static</a></li>
|
||||
|
||||
</ul>
|
||||
<h1 class="title"><p>About</p>
|
||||
</h1>
|
||||
<p>
|
||||
and some content</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||||
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
|
||||
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
|
||||
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
|
||||
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
||||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
|
||||
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||
sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
40
blorg/testdata/public/another-post.html
vendored
Normal file
40
blorg/testdata/public/another-post.html
vendored
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="/go-org/blorg/style.css" type="text/css" />
|
||||
<title>another post</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class='header'>
|
||||
<a class="logo" href="/go-org/blorg">home</a>
|
||||
<nav>
|
||||
<a href="https://www.github.com/niklasfasching/go-org">github</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
<h1 class="title">another post
|
||||
<br>
|
||||
<span class="subtitle"></span>
|
||||
</h1>
|
||||
<ul class="tags">
|
||||
|
||||
<li><a href="/go-org/blorg/tags/another">another</a></li>
|
||||
|
||||
</ul>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||||
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
|
||||
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
|
||||
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
|
||||
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
||||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
|
||||
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||
sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
42
blorg/testdata/public/index.html
vendored
42
blorg/testdata/public/index.html
vendored
|
|
@ -3,22 +3,46 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="/style.css" type="text/css" />
|
||||
<title>blog</title>
|
||||
<link rel="stylesheet" href="/go-org/blorg/style.css" type="text/css" />
|
||||
<title>blorg</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class='header'>
|
||||
<a class="logo" href="/">home</a>
|
||||
<a class="logo" href="/go-org/blorg">home</a>
|
||||
<nav>
|
||||
<a href="https://www.github.com/niklasfasching">github</a>
|
||||
<a href="/about">about</a>
|
||||
<a href="https://www.github.com/niklasfasching/go-org">github</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<h1 class="title">blog</h1>
|
||||
<ul class="posts">
|
||||
|
||||
</ul>
|
||||
<div class="container">
|
||||
<h1 class="title">blorg</h1>
|
||||
<p>Only pages that have a date will be listed here - e.g. not <a href="about.html">about.html</a>
|
||||
<ul class="posts">
|
||||
|
||||
<li class="post">
|
||||
<a href="/go-org/blorg/yet-another-post/index.html">
|
||||
<date>25.06.2020</date>
|
||||
<span>yet another post</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<a href="/go-org/blorg/another-post.html">
|
||||
<date>24.06.2020</date>
|
||||
<span>another post</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<a href="/go-org/blorg/some-post.html">
|
||||
<date>23.06.2020</date>
|
||||
<span>some post</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
32
blorg/testdata/public/post.html
vendored
32
blorg/testdata/public/post.html
vendored
|
|
@ -1,32 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="/style.css" type="text/css" />
|
||||
<title>some post</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class='header'>
|
||||
<a class="logo" href="/">home</a>
|
||||
<nav>
|
||||
<a href="https://www.github.com/niklasfasching">github</a>
|
||||
<a href="/about">about</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
<h1 class="title">some post
|
||||
<br>
|
||||
<span class="subtitle"></span>
|
||||
</h1>
|
||||
<ul class="tags">
|
||||
|
||||
</ul>
|
||||
<h1 class="title"><p>some post</p>
|
||||
</h1>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
40
blorg/testdata/public/some-post.html
vendored
Normal file
40
blorg/testdata/public/some-post.html
vendored
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="/go-org/blorg/style.css" type="text/css" />
|
||||
<title>some post</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class='header'>
|
||||
<a class="logo" href="/go-org/blorg">home</a>
|
||||
<nav>
|
||||
<a href="https://www.github.com/niklasfasching/go-org">github</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
<h1 class="title">some post
|
||||
<br>
|
||||
<span class="subtitle"></span>
|
||||
</h1>
|
||||
<ul class="tags">
|
||||
|
||||
<li><a href="/go-org/blorg/tags/some">some</a></li>
|
||||
|
||||
</ul>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||||
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
|
||||
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
|
||||
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
|
||||
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
||||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
|
||||
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||
sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
191
blorg/testdata/public/style.css
vendored
Normal file
191
blorg/testdata/public/style.css
vendored
Normal file
|
|
@ -0,0 +1,191 @@
|
|||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
overflow-y: scroll;
|
||||
height: 100%;
|
||||
font: 100%/1.5 sans-serif;
|
||||
word-wrap: break-word;
|
||||
margin: 0 auto;
|
||||
padding: 1.5em;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
html {
|
||||
font-size: 125%;
|
||||
max-width: 42em;
|
||||
} }
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
margin: 2.5rem 0 1.5rem 0;
|
||||
line-height: 1.25;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #fa6432;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover, a:focus, a:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 1em 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
p code {
|
||||
background-color: #eee;
|
||||
padding: 0.05em 0.2em;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
margin: 1em;
|
||||
}
|
||||
ol li ol, ol li ul, ul li ol, ul li ul {
|
||||
margin: 0 2em;
|
||||
}
|
||||
ol li p, ul li p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
dl {
|
||||
font-family: monospace, monospace;
|
||||
}
|
||||
dl dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
dl dd {
|
||||
margin: -1em 0 1em 1em;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding-left: 1em;
|
||||
font-style: italic;
|
||||
border-left: solid 1px #fa6432;
|
||||
}
|
||||
|
||||
table {
|
||||
font-size: 1rem;
|
||||
text-align: left;
|
||||
caption-side: bottom;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
table * {
|
||||
border: none;
|
||||
}
|
||||
table thead, table tr {
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
table tr:nth-child(even) {
|
||||
background-color: rgba(200, 200, 200, 0.2);
|
||||
}
|
||||
table tbody {
|
||||
display: block;
|
||||
max-height: 70vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
table td, table th {
|
||||
padding: 0.25em;
|
||||
}
|
||||
|
||||
table, .highlight > pre, pre.example {
|
||||
max-height: 70vh;
|
||||
margin: 1em 0;
|
||||
padding: 1em;
|
||||
overflow: auto;
|
||||
font-size: 0.85rem;
|
||||
font-family: monospace, monospace;
|
||||
border: 1px dashed rgba(250, 100, 50, 0.5);
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 2.5em;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-weight: normal;
|
||||
font-size: 0.75em;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.tags {
|
||||
margin-top: -1.5rem;
|
||||
padding-bottom: 1.5em;
|
||||
}
|
||||
.tags li {
|
||||
display: inline;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 1em 0;
|
||||
}
|
||||
figure figcaption {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 0.75em;
|
||||
text-align: center;
|
||||
color: grey;
|
||||
}
|
||||
|
||||
.footnote-definition sup {
|
||||
margin-left: -1.5em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.footnote-definition .footnote-body {
|
||||
margin: 1em 0;
|
||||
padding: 0 1em;
|
||||
border: 1px dashed rgba(250, 100, 50, 0.3);
|
||||
background-color: rgba(200, 200, 200, 0.2);
|
||||
}
|
||||
.footnote-definition .footnote-body p:only-child {
|
||||
margin: 0.2em 0;
|
||||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
header nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
header a + a {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.posts {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.posts .post a {
|
||||
display: block;
|
||||
padding: 0.5em 0;
|
||||
color: black;
|
||||
}
|
||||
.posts .post a:hover, .posts .post a:focus, .posts .post a:active {
|
||||
text-decoration: none;
|
||||
background: rgba(200, 200, 200, 0.2);
|
||||
}
|
||||
.posts .post date {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 0.8rem;
|
||||
vertical-align: middle;
|
||||
padding-right: 2rem;
|
||||
color: grey;
|
||||
}
|
||||
40
blorg/testdata/public/tags/another/index.html
vendored
Normal file
40
blorg/testdata/public/tags/another/index.html
vendored
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="/go-org/blorg/style.css" type="text/css" />
|
||||
<title>Another</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class='header'>
|
||||
<a class="logo" href="/go-org/blorg">home</a>
|
||||
<nav>
|
||||
<a href="https://www.github.com/niklasfasching/go-org">github</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
<h1 class="title">Another</h1>
|
||||
<ul class="posts">
|
||||
|
||||
<li class="post">
|
||||
<a href="/go-org/blorg/yet-another-post/index.html">
|
||||
<date>25.06.2020</date>
|
||||
<span>yet another post</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<a href="/go-org/blorg/another-post.html">
|
||||
<date>24.06.2020</date>
|
||||
<span>another post</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -3,26 +3,25 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="/style.css" type="text/css" />
|
||||
<title>Post</title>
|
||||
<link rel="stylesheet" href="/go-org/blorg/style.css" type="text/css" />
|
||||
<title>Some</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class='header'>
|
||||
<a class="logo" href="/">home</a>
|
||||
<a class="logo" href="/go-org/blorg">home</a>
|
||||
<nav>
|
||||
<a href="https://www.github.com/niklasfasching">github</a>
|
||||
<a href="/about">about</a>
|
||||
<a href="https://www.github.com/niklasfasching/go-org">github</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
<h1 class="title">Post</h1>
|
||||
<h1 class="title">Some</h1>
|
||||
<ul class="posts">
|
||||
|
||||
<li class="post">
|
||||
<a href="/post.html">
|
||||
<date>01.01.1970</date>
|
||||
<a href="/go-org/blorg/some-post.html">
|
||||
<date>23.06.2020</date>
|
||||
<span>some post</span>
|
||||
</a>
|
||||
</li>
|
||||
|
|
@ -3,16 +3,15 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="/style.css" type="text/css" />
|
||||
<link rel="stylesheet" href="/go-org/blorg/style.css" type="text/css" />
|
||||
<title>Static</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class='header'>
|
||||
<a class="logo" href="/">home</a>
|
||||
<a class="logo" href="/go-org/blorg">home</a>
|
||||
<nav>
|
||||
<a href="https://www.github.com/niklasfasching">github</a>
|
||||
<a href="/about">about</a>
|
||||
<a href="https://www.github.com/niklasfasching/go-org">github</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
|
@ -21,7 +20,7 @@
|
|||
<ul class="posts">
|
||||
|
||||
<li class="post">
|
||||
<a href="/about.html">
|
||||
<a href="/go-org/blorg/about.html">
|
||||
<date>01.01.1970</date>
|
||||
<span>About</span>
|
||||
</a>
|
||||
33
blorg/testdata/public/tags/yet/index.html
vendored
Normal file
33
blorg/testdata/public/tags/yet/index.html
vendored
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="/go-org/blorg/style.css" type="text/css" />
|
||||
<title>Yet</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class='header'>
|
||||
<a class="logo" href="/go-org/blorg">home</a>
|
||||
<nav>
|
||||
<a href="https://www.github.com/niklasfasching/go-org">github</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
<h1 class="title">Yet</h1>
|
||||
<ul class="posts">
|
||||
|
||||
<li class="post">
|
||||
<a href="/go-org/blorg/yet-another-post/index.html">
|
||||
<date>25.06.2020</date>
|
||||
<span>yet another post</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
42
blorg/testdata/public/yet-another-post/index.html
vendored
Normal file
42
blorg/testdata/public/yet-another-post/index.html
vendored
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="/go-org/blorg/style.css" type="text/css" />
|
||||
<title>yet another post</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class='header'>
|
||||
<a class="logo" href="/go-org/blorg">home</a>
|
||||
<nav>
|
||||
<a href="https://www.github.com/niklasfasching/go-org">github</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
<h1 class="title">yet another post
|
||||
<br>
|
||||
<span class="subtitle"></span>
|
||||
</h1>
|
||||
<ul class="tags">
|
||||
|
||||
<li><a href="/go-org/blorg/tags/yet">yet</a></li>
|
||||
|
||||
<li><a href="/go-org/blorg/tags/another">another</a></li>
|
||||
|
||||
</ul>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||||
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
|
||||
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
|
||||
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
|
||||
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
||||
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
|
||||
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||
sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue