diff options
Diffstat (limited to 'skin/main.phps')
| -rw-r--r-- | skin/main.phps | 241 |
1 files changed, 241 insertions, 0 deletions
diff --git a/skin/main.phps b/skin/main.phps new file mode 100644 index 0000000..3ce9985 --- /dev/null +++ b/skin/main.phps @@ -0,0 +1,241 @@ +<?php + +namespace skin\main; + +// index page +// ---------- + +function index($ctx, array $posts, array $tags) { + return empty($posts) ? $ctx->indexEmtpy() : $ctx->indexBlog($posts); +} + +function indexEmtpy($ctx): string { +return <<<HTML +<div class="empty"> + {$ctx->lang('blog_no')} + {$ctx->if_admin('<a href="/blog/write/">'.$ctx->lang('write').'</a>')} +</div> +HTML; +} + +function indexBlog($ctx, array $posts): string { +return <<<HTML +<div class="blog-list"> + <div class="blog-list-title"> + all posts + {$ctx->if_admin( + '<span> + <a href="/write/">new</a> + <a href="/uploads/">uploads</a> + </span>' + )} + </div> + {$ctx->indexPostsTable($posts)} +</div> +HTML; +} + +function indexPostsTable($ctx, array $posts): string { +$ctx->year = 3000; +return <<<HTML +<div class="blog-list-table-wrap"> + <table class="blog-list-table" width="100%" cellspacing="0" cellpadding="0"> + {$ctx->for_each($posts, fn($post) => $ctx->indexPostRow( + $post->getYear(), + $post->visible, + $post->getDate(), + $post->getUrl(), + $post->title + ))} + </table> +</div> +HTML; +} + +function indexPostRow($ctx, $year, $is_visible, $date, $url, $title): string { +return <<<HTML +{$ctx->if_true($ctx->year > $year, $ctx->indexYearLine, $year)} +<tr class="blog-item-row{$ctx->if_not($is_visible, ' ishidden')}"> + <td class="blog-item-date-cell"> + <span class="blog-item-date">{$date}</span> + </td> + <td class="blog-item-title-cell"> + <a class="blog-item-title" href="{$url}">{$title}</a> + </td> +</tr> +HTML; +} + +function indexYearLine($ctx, $year): string { +$ctx->year = $year; +return <<<HTML +<tr class="blog-item-row-year"> + <td class="blog-item-date-cell"><span>{$year}</span></td> + <td></td> +</tr> +HTML; +} + + +// contacts page +// ------------- + +function contacts($ctx, $email) { +return <<<HTML +<table class="contacts" cellpadding="0" cellspacing="0"> + <tr> + <td colspan="2" style="line-height: 170%; padding-bottom: 18px;"> + <div>Feel free to contact me by any of the following means:</div> + </td> + </tr> + <tr> + <td class="label">Email:</td> + <td class="value"> + <a href="mailto:{$email}">{$email}</a> + <div class="note">Please use <a href="/openpgp-pubkey.txt?1">PGP</a>.</div> + </td> + </tr> + <tr> + <td class="label">Tox ID:</td> + <td class="value"><span>4F6E82D285B342CAE83687FA63F1B083A9FD053C8BE08C709E25491C74E6016CB52C987692C3</span></td> + </tr> + <tr> + <td class="label">Libera.Chat:</td> + <td class="value"><span>ch1p</span></td> + </tr> +</table> +HTML; + +} + + +// any page +// -------- + +function page($ctx, $page_url, $short_name, $unsafe_html) { +$html = <<<HTML +<div class="page"> + {$ctx->if_admin($ctx->pageAdminLinks, $page_url, $short_name)} + <div class="blog-post-text">{$unsafe_html}</div> +</div> +HTML; + +return [$html, markdownThemeChangeListener()]; +} + +function pageAdminLinks($ctx, $url, $short_name) { +return <<<HTML +<div class="page-edit-links"> + <a href="{$url}edit/">{$ctx->lang('edit')}</a> + <a href="{$url}delete/?token={$ctx->csrf('delpage'.$short_name)}" onclick="return confirm('{$ctx->lang('pages_page_delete_confirmation')}')">{$ctx->lang('delete')}</a> +</div> +HTML; + +} + + +// post page +// --------- + +function post($ctx, $id, $title, $unsafe_html, $unsafe_toc_html, $date, $visible, $url, $tags, $email, $urlencoded_reply_subject) { +$html = <<<HTML +<div class="blog-post-wrap2"> + <div class="blog-post-wrap1"> + <div class="blog-post"> + <div class="blog-post-title"> + <h1>{$title}</h1> + <div class="blog-post-date"> + {$ctx->if_not($visible, '<b>'.$ctx->lang('blog_post_hidden').'</b> |')} + {$date} + {$ctx->if_admin($ctx->postAdminLinks, $url, $id)} + </div> + <div class="blog-post-tags clearfix"> + {$ctx->for_each($tags, fn($tag) => $ctx->postTag($tag->getUrl(), $tag->tag))} + </div> + </div> + <div class="blog-post-text">{$unsafe_html}</div> + </div> + {$ctx->if_true($unsafe_toc_html, $ctx->postToc, $unsafe_toc_html)} + </div> +</div> + +<div class="blog-post-comments"> + {$ctx->langRaw('blog_comments_text', $email, $urlencoded_reply_subject)} +</div> +HTML; + +return [$html, markdownThemeChangeListener()]; +} + +function postToc($ctx, $unsafe_toc_html) { +return <<<HTML +<div class="blog-post-toc"> + <div class="blog-post-toc-wrap"> + <div class="blog-post-toc-inner-wrap"> + <div class="blog-post-toc-title">{$ctx->lang('toc')}</div> + {$unsafe_toc_html} + </div> + </div> +</div> +HTML; + +} + +function postAdminLinks($ctx, $url, $id) { +return <<<HTML +<a href="{$url}edit/">{$ctx->lang('edit')}</a> +<a href="{$url}delete/?token={$ctx->csrf('delpost'.$id)}" onclick="return confirm('{$ctx->lang('blog_post_delete_confirmation')}')">{$ctx->lang('delete')}</a> +HTML; +} + +function postTag($ctx, $url, $name) { +return <<<HTML +<a href="{$url}"><span>#</span>{$name}</a> +HTML; +} + +function markdownThemeChangeListener() { +return <<<JS +ThemeSwitcher.addOnChangeListener(function(isDark) { + var nodes = document.querySelectorAll('.md-image-wrap'); + for (var i = 0; i < nodes.length; i++) { + var node = nodes[i]; + var alpha = parseInt(node.getAttribute('data-alpha'), 10); + if (!alpha) + continue; + var div = node.querySelector('a > div'); + if (!div) { + console.warn('could not found a>div on this node:', node); + continue; + } + var style = div.getAttribute('style'); + if (isDark) { + style = style.replace(/(a[\d]+x[\d]+)\.jpg/, '$1_dark.jpg'); + } else { + style = style.replace(/(a[\d]+x[\d]+)_dark\.jpg/, '$1.jpg'); + } + div.setAttribute('style', style); + } +}); +JS; +} + + +// tag page +// -------- + +function tag($ctx, $count, $posts, $tag) { +if (!$count) + return <<<HTML + <div class="empty"> + {$ctx->lang('blog_tag_not_found')} + </div> +HTML; + +return <<<HTML +<div class="blog-list"> + <div class="blog-list-title">#{$tag}</div> + {$ctx->indexPostsTable($posts)} +</div> +HTML; +} |