Skip to content

Commit

Permalink
papis-html: update template to bootstrap 5
Browse files Browse the repository at this point in the history
  • Loading branch information
@alexfikl
alexfikl committed Jul 22, 2023
1 parent b8c0df4 commit 2194962
Showing 1 changed file with 78 additions and 79 deletions.
157 changes: 78 additions & 79 deletions papis-html/papis_html/data/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,48 +1,49 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<meta http-equiv="cache-control" content="no-cache" />
<title>
Publications
Papis Documents
</title>

<script src="js/jquery.min.js"></script>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bibtex_js.js" type="text/javascript" charset="utf-8"></script>
<bibtex src="papis-html-library.bib"></bibtex>

<script>
$(function() {
$("#Fontselector").on("change",function() {
var font = $("#Fontselector option:selected").text();
console.log(font);
$(function() {
$("#Fontselector").on("change",function() {
var font = $("#Fontselector option:selected").text();
console.log(font);

$('.title.fonters').each(function() {
$(this).css("font-family",font);
});
});
});
function reset() {
$("select").each(function () {
localStorage.setItem($(this).attr("id"),"");
$(this).val("");
});
$("#searchbar").val("");
$("#searchbar").trigger('change');
}
$('.title.fonters').each(function() {
$(this).css("font-family",font);
});
});
});
function reset() {
$("select").each(function () {
localStorage.setItem($(this).attr("id"),"");
$(this).val("");
});
$("#searchbar").val("");
$("#searchbar").trigger('change');
}
</script>

<style>
html,body,span,h1 {
font-family: "Times New Roman", Times, serif;
font-size: 17px;
}
bibtex { display: none; }
.searchbar { margin-left:0px;}
#bibtex_errors { margin-top:10px; color: red;}
h1.header {margin-left:8px;}
h1.YEAR { font-size: 17px; font-weight: bold; display: inline; margin-left:8px;}
html,body,span,h1 {
font-family: "Times New Roman", Times, serif;
font-size: 17px;
}
bibtex { display: none; }
.searchbar { margin-left:0px;}
#bibtex_errors { margin-top:10px; color: red;}
h1.header {margin-left:8px;}
h1.YEAR { font-size: 17px; font-weight: bold; display: inline; margin-left:8px;}
</style>

<!-- Latest compiled and minified CSS -->
Expand All @@ -51,83 +52,81 @@
</head>
<body>
<a name="top"></a>
<h1 class="header">Publications</h1>
<br>
<div class="container-fluid">
<div class="searchbar">
<div style="float:left;">
<button type="button" class="btn btn-default" onclick="reset()">Reset</button>
</div>
<div style="float:left;">
<select id="authorselectfirst" class="btn bibtex_search bibtex_author" style="border: 1px solid lightgrey;" extra="first" search="author">
<option value="">Search First Author</option>
</select>
</div>
<div style="float:left;">
<select id="authorselect" class="btn bibtex_search bibtex_author" style="border: 1px solid lightgrey;" search="author">
<option value="">Search Author</option>
</select>
</div>
<div style="float:left;">
<select id="topicselect" class="btn bibtex_search" style="border: 1px solid lightgrey;">
<option value="">Search Topic</option>
<!-- Add topic values here -->
<option value="Example topic">Example Topic</option>
</select>
<div class="btn-toolbar mb-2" role="group">
<button type="button" class="btn btn-warning btn-lg me-2" onclick="reset()">Reset</button>

<select id="authorselectfirst" class="form-select form-select-lg w-auto me-2 bibtex_search bibtex_author" extra="first" search="author">
<option value="">Search First Author</option>
</select>

<select id="authorselect" class="form-select form-select-lg w-auto me-2 bibtex_search bibtex_author" search="author">
<option value="">Search Author</option>
</select>

<select id="topicselect" class="form-select form-select-lg w-auto me-2 bibtex_search" search="topic">
<option value="">Search Topic</option>
<!-- Add topic values here -->
<option value="Example Topic">Example Topic</option>
</select>
</div>
<div style="float:left;">
<input type="text" class="bibtex_search form-control" id="searchbar" placeholder="Search publications">
<span class="help-block">Example: journal 2015 (finds the intersection of the two terms)</span>

<div class="w-50">
<input type="search" class="bibtex_search form-control form-control-lg" id="searchbar" placeholder="Search publications">
<span class="help-block">Example: author 2015 (finds the intersection of the two terms)</span>
</div>
</div>
</div>
<br>

<div class="bibtex_structure">
<div class="group year" extra="ASC number">
<a href="#top" style="display: inline"><em>(Top of the page)</em></a>
<div style="padding-bottom:10px;"></div>
<div class="sort journal" extra="DESC string">
<div class="templates"></div>
</div>
<div class="group year" extra="DESC number">
<a href="#top" style="display: inline"><em>(Top of the page)</em></a>
<div style="padding-bottom:10px;"></div>
<div class="sort journal" extra="DESC string">
<div class="templates"></div>
</div>
</div>
</div>

<div id="bibtex_display">

<div class="bibtex_template" style="display: none;">
<div class="if bibtex_template" style="display: none;">
<ul> <li>
<span class="if title">
<a class="bibtexVar" href="http://www.website.com/~demo/papers/+BIBTEXKEY+.pdf" extra="BIBTEXKEY">
<span style="text-decoration: underline;" class="title"></span>,
</a>
<span style="text-decoration: underline;" class="title"></span>,
</span>
<span class="if doi"><a href="https://doi.org/+doi+" extra="doi" class="bibtexVar doi">[DOI]</a>,</span>
<div class="if author">
<span class="author"></span>
</div>
<div>
<span class="if journal"><em><span class="journal"></span></em>,</span>
<span class="if publisher"><em><span class="publisher"></span></em>,</span>
<span class="if booktitle">In <em><span class="booktitle"></span></em>,</span>
<span class="if editor"><span class="editor"></span> (editors),</span>
<span class="if publisher"><em><span class="publisher"></span></em>,</span>
<span class="if institution"><span class="institution"></span>,</span>
<span class="if address"><span class="address"></span>,</span>
<span class="if volume"><span class="volume"></span>,</span>
<span class="if journal number">(<span class="number"></span>),</span>
<span class="if pages"> pages <span class="pages"></span>,</span>
<span class="if month"><span class="month"></span>,</span>
<span class="if year"><span class="year"></span>.</span>
<span class="if note"><span class="note"></span></span>
<span class="if url"><a href="+url+" extra="url" class="bibtexVar note">url</a></span>
<span class="if doi"><a href="https://doi.org/+doi+" extra="doi" class="bibtexVar doi">doi</a></span>
<a class="bibtexVar" role="button" data-toggle="collapse" href="#bib+BIBTEXKEY+" aria-expanded="false" aria-controls="bib+BIBTEXKEY+" extra="BIBTEXKEY">
[bib]
</a>
<span class="if note"><span class="note"></span>.</span>
<span class="if url"><a href="+url+" extra="url" class="bibtexVar note">url</a></span>
<a class="bibtexVar" role="button" data-bs-toggle="collapse" href="#bib+BIBTEXKEY+" aria-expanded="false" aria-controls="bib+BIBTEXKEY+" extra="BIBTEXKEY">
[bib]
</a>
</div>
<div class="bibtexVar collapse" id="bib+BIBTEXKEY+" extra="BIBTEXKEY">
<div class="well">
<pre><span class="bibtexraw noread"></span></pre>
</div>
</div>
<div style="display:none"><span class="bibtextype"></span></div>
<div class="card card-body">
<pre><span class="bibtexraw noread font-monospace"></span></pre>
</div>
</div>
<div style="display:none"><span class="bibtextype"></span></div>
<div style="display:none"><span class="if topic"><span class="topic"></span></span></div>
</li></ul>
</div>

</div>
<!-- Latest compiled and minified JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>

0 comments on commit 2194962

Please sign in to comment.