libreblog
Version:
An in-browser Static Site Generator focused on content-rich blogs and news websites
130 lines (127 loc) • 7 kB
HTML
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="images/favicon.svg" type="image/svg+xml">
<title>LibreBlog - A tool for independent journalism</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="horizontal-bar">
<div id="horizontal-bar-contents">
<div id="horizontal-bar-logo">
<a href="https://libreblog.org"><img src="images/logo.svg" alt="Logo" height="24px" /></a>
</div>
<div id="dropdown-menu">
<img id="dropdown-menu-icon" class="icon" src="images/menu.svg"/>
<ul id="dropdown-menu-list">
<li><a href="/index.html"><img class="icon" src="images/dashboard.svg"/>Dashboard</a></li>
<li><a href="/articles.html"><img class="icon" src="images/articles.svg"/>Articles</a></li>
<li><a href="/series.html"><img class="icon" src="images/series.svg"/>Series</a></li>
<li><a href="/sections.html"><img class="icon" src="images/sections.svg"/>Sections</a></li>
<li><a href="/relations.html"><img class="icon" src="images/relations.svg"/>Relations</a></li>
<li><a href="/sources.html"><img class="icon" src="images/sources.svg"/>Sources</a></li>
<li><a href="/navbar.html"><img class="icon" src="images/navbar.svg"/>Navigation</a></li>
<li><a href="/media.html"><img class="icon" src="images/media.svg"/>Media</a></li>
<li><a href="/authors.html"><img class="icon" src="images/authors.svg"/>Authors</a></li>
<li><a href="/appearance.html"><img class="icon" src="images/appearance.svg"/>Appearance</a></li>
<li><a href="/templates.html"><img class="icon" src="images/templates.svg"/>Templates</a></li>
<li><a href="/settings.html"><img class="icon" src="images/settings.svg"/>Settings</a></li>
</ul>
</div>
</div>
</div>
<div id="vertical-navbar">
<ul>
<li><a href="/index.html"><img class="icon" src="images/dashboard.svg"/>Dashboard</a></li>
<li class="active"><a href="/articles.html"><img class="icon" src="images/articles.svg"/>Articles</a><div class="triangle"></div></li>
<li><a href="/series.html"><img class="icon" src="images/series.svg"/>Series</a></li>
<li><a href="/sections.html"><img class="icon" src="images/sections.svg"/>Sections</a></li>
<li><a href="/relations.html"><img class="icon" src="images/relations.svg" />Relations</a></li>
<li><a href="/sources.html"><img class="icon" src="images/sources.svg"/>Sources</a></li>
<li><a href="/navbar.html"><img class="icon" src="images/navbar.svg"/>Navigation</a></li>
<li><a href="/media.html"><img class="icon" src="images/media.svg"/>Media</a></li>
<li><a href="/authors.html"><img class="icon" src="images/authors.svg"/>Authors</a></li>
<li><a href="/appearance.html"><img class="icon" src="images/appearance.svg"/>Appearance</a></li>
<li><a href="/templates.html"><img class="icon" src="images/templates.svg"/>Templates</a></li>
<li><a href="/settings.html"><img class="icon" src="images/settings.svg"/>Settings</a></li>
</ul>
<div id="logo-bottom">
<a href="https://libreblog.org" target="_blank"><img src="images/logo.svg" alt="Logo" width="110px" /></a>
</div>
</div>
<div id="content">
<div class="title-div">
<span>Articles</span>
<a class="button" href="/article-edit.html">Create New Article</a>
</div>
<div class="details-header">
<details class="extrainfo">
<summary>Support notes</summary>
<div class="infocontent"><code>Articles are a unit of content in your website. They can be of various types, each with a different layout, as defined in the theme you have chosen.<br/><br/>Articles can be linked to other articles using <a href="/relations.html">Relations</a>, which can be displayed on the pages of the articles themselves, again as defined in the theme.</code></div>
</details>
</div>
<div id="actions-div">
<form id="action-form">
<div id="select-action-div">
<select id="select-action">
<option value="none">Bulk actions</option>
<option value="publish">Publish</option>
<option value="unpublish">Unpublish</option>
<option value="delete">Delete</option>
</select>
<input id="action-form-button" type="submit" class="button" form="action-form" value="Apply" >
</div>
<div id="select-filter-div">
<select id="select-filter">
<option value="none">Filter by...</option>
</select>
<input id="filter" type="text" />
</div>
</form>
</div>
<table id="articles-table" class="data-table">
<thead>
<tr>
<th><div> </div></th>
<th><div> </div></th>
<th><div> </div></th>
<th><div> </div></th>
<th><div> </div></th>
<th><div> </div></th>
<th><div> </div></th>
<th><div> </div></th>
<th><div> </div></th>
<th><div> </div></th>
</tr>
</thead>
<tbody>
<tr>
<td><div> </div></td>
<td><div> </div></td>
<td><div> </div></td>
<td><div> </div></td>
<td><div> </div></td>
<td><div> </div></td>
<td><div> </div></td>
<td><div> </div></td>
<td><div> </div></td>
<td><div> </div></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="5" id="tfoot-left-td">Showing <span id="data-table-from">0</span> to <span id="data-table-to">0</span> of <span id="data-table-of">0</span> <span id="entries-label-span">entries</span></td>
<td colspan="5" id="tfoot-right-td">
<span id="data-pagination-span"><span id="go-to-first-page"> « </span><span id="go-to-previous-page"> ‹ </span><span id="current-page-span"> <input type="number" id="current-page" min="1" /> </span><span id="go-to-next-page"> › </span><span id="go-to-last-page"> » </span></span>
<span id="entries-per-page-span">Entries/page <select id="entries-per-page"><option value="10">10</option><option value="20">20</option><option value="50">50</option><option value="100">100</option></select></span>
</td>
</tr>
</tfoot>
</table>
</div>
<script type="module" src="js/script.js"></script>
</body>
</html>