libreblog
Version:
An in-browser Static Site Generator focused on content-rich blogs and news websites
137 lines (132 loc) • 7.64 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><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 class="active"><a href="sources.html"><img class="icon" src="images/sources.svg"/>Sources</a><div class="triangle"></div></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>Sources</span>
<input id="import-ris-input" type="file" hidden multiple />
<span id="import-ris-button" class="button">Import from RIS File</span>
</div>
<div class="details-header">
<details class="extrainfo">
<summary>Support notes</summary>
<div class="infocontent">
<code>On this page, you can import and delete references. Please note that it is not possible to edit the content of imported references. There are several reference management softwares that are very useful for this task (<a href="https://www.zotero.org/" target="_blank">Zotero</a>, <a href="https://www.jabref.org/" target="_blank">JabRef</a>, etc.). <br/><br/> You can import the same references several times and they will not be inserted twice (as long as they have the same ID or the same type, title, author and year of publication).<br/><br/> <i>P.S. 1</i>: <b>RIS</b> is one of the file formats most commonly used by citation managers
such as Mendeley and Zotero to export and import references.<br/><br/> <i>P.S. 2</i>: The <i>"Enable Twig inside articles?"</i> checkbox must be active in <a href="settings.html#twig-inside-articles">Settings</a> for you to be able to insert references into articles.
</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="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="sources-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>
</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>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3" 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="3" 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>
<div id="source-modal" class="modal">
<div class="modal-content">
<div id="source-modal-header">
<span id="close-source-modal" class="close"><a href="#">×</a></span>
<span class="form-title">Info about the source</span>
</div>
<div id="form-div-wrapper">
<div id="source-form" class="form-div">
</div>
</div>
</div>
</div>
<script type="module" src="js/script.js"></script>
</body>
</html>