diff options
Diffstat (limited to 'template')
| -rw-r--r-- | template/error.template | 11 | ||||
| -rw-r--r-- | template/media-container.template | 3 | ||||
| -rw-r--r-- | template/media-image.template | 1 | ||||
| -rw-r--r-- | template/page.template | 77 | ||||
| -rw-r--r-- | template/pager.template | 5 | ||||
| -rw-r--r-- | template/post.template | 7 |
6 files changed, 104 insertions, 0 deletions
diff --git a/template/error.template b/template/error.template new file mode 100644 index 0000000..804d439 --- /dev/null +++ b/template/error.template @@ -0,0 +1,11 @@ +<!DOCTYPE HTML> +<html> +<head> +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width,initial-scale=1"> +<title>This is fine.</title> +</head> +<body> +<h1>@ERROR_STATUS@. This is fine.</h1> +</body> +</html> diff --git a/template/media-container.template b/template/media-container.template new file mode 100644 index 0000000..ff22e4d --- /dev/null +++ b/template/media-container.template @@ -0,0 +1,3 @@ + <div style="display:flex;flex-direction:row;flex-wrap:wrap;"> + @MEDIA@ + </div> diff --git a/template/media-image.template b/template/media-image.template new file mode 100644 index 0000000..d22447c --- /dev/null +++ b/template/media-image.template @@ -0,0 +1 @@ +<div class="imgc" style="background-image:url('@IMG_THUMB_URL@');"><a class="imgl" href="@IMG_ORIG_URL@"></a></div> diff --git a/template/page.template b/template/page.template new file mode 100644 index 0000000..e0f5e7c --- /dev/null +++ b/template/page.template @@ -0,0 +1,77 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width,initial-scale=1"> +<meta name="theme-color" content="#000000"> +<title>Notekins</title> +<meta name="description" content="[Chris' Notekins] @POST_CONTENT_PLAIN/64@"> +<meta name="author" content="Chris Xiong"> +<style> +#content .block { + margin: 1em 0; +} +#content .block { + display: none; + padding: 1em; +} +#content .block { + border: 1px solid; + border-color: #000; +} +span.left { + display: table-cell; + text-align: left; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} +span.right { + display: table-cell; + text-align: right; + white-space: nowrap; + min-width: 12em; +} +div.imgc { + background-size: cover; + background-position: 50% 50%; + flex: 200px; + height: 200px; + margin: 20px; + max-width: 400px; +} +a.imgl { + display: block; + height: 100%; + width: 100%; +} +img.emote { + max-width: 1.3em; + max-height: 1.3em; +} +span.date>a.anch { + padding-left: 0.5em; + opacity: 0; +} +span.date:hover>a.anch { + opacity: initial; +} +</style> +</head> +<body style="overflow-x:hidden;"> + <div id="content"> + <div id="postslist"> + @POSTS@ + </div> + <div id="insanch" style="height:5em;"></div> + <div id="footer"> + @PAGER@ + <div style="text-align:center;" class="TText"> + Proudly powered by Notekins @NOTEKINS_VERSION@ + <br> + Content licensed under CC BY-SA 4.0 unless otherwise stated. + </div> + </div> + </div> +</body> +</html> diff --git a/template/pager.template b/template/pager.template new file mode 100644 index 0000000..3a35cfd --- /dev/null +++ b/template/pager.template @@ -0,0 +1,5 @@ + <div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;"> + <span style="display:table-cell;"><a id="prepage" href="@CURRENT_PAGE_URL/-1/#@"><<</a></span> + <span style="text-align:center;display:table-cell;" id="page">@CURRENT_PAGE@/@MAX_PAGE@</span> + <span style="text-align:right;display:table-cell;"><a id="nexpage" href="@CURRENT_PAGE_URL/1/#@">>></a></span> + </div> diff --git a/template/post.template b/template/post.template new file mode 100644 index 0000000..64a10f4 --- /dev/null +++ b/template/post.template @@ -0,0 +1,7 @@ + <div class="block TText" style="display:block;"> + @POST_CONTENT@ + <br> + @MEDIA_CONTAINER@ + <div style="display:table;width:100%;table-layout:fixed;"><span class="left">@POST_TAGS@</span> + <span class="right date">@POST_DATE_FORMATTED@ <a class="anch" href="?post=@POST_DATE_TIMESTAMP@">ยง</a></span></div> + </div> |