censorbib/header.tpl
2019-12-15 13:55:49 -08:00

186 lines
4.2 KiB
Smarty

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Internet censorship bibliography</title>
<style type="text/css">
body {
font-family: Roboto,Helvetica,sans-serif;
background: #e7e7e7;
margin-left: 40px;
margin-top: 20px;
margin-right: 40px;
}
li {
margin-top: 1em;
margin-bottom: 1em;
margin-right: 1em;
}
h1 {
font-size: 25px;
color: #eee;
width: 80%;
float: left;
}
ul {
border-radius: 10px;
border:1px solid #c0c0c0;
background:white;
box-shadow: 2px 2px 5px #bbb;
}
ul.a {
list-style-image: url('donate-icon.svg');
}
a:link {
color:#0b61a4;
text-decoration:none;
}
a:visited {
color:#033e6b;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
p {
margin: 0px;
}
.author {
color: #666;
}
.venue {
font-style: italic;
}
.paper {
font-weight: bold;
}
.other {
color: #666;
}
#header {
background: white;
border-radius: 10px;
border: 1px solid #c0c0c0;
text-align: justify;
overflow: hidden;
box-shadow: 2px 2px 5px #bbb;
}
#header-top {
text-align: center;
background: #333;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #c0c0c0;
overflow: auto;
}
#header-left {
float: left;
width: 70%;
padding: 20px;
}
#header-right {
float: left;
padding: 20px;
font-size: 14px;
}
.header-right img {
height: 100%;
}
#header-bottom {
text-align: center;
padding-bottom: 20px;
}
#oalogo {
float: left;
padding-left: 20px;
height: 100px;
}
#footer {
text-align: center;
line-height: 20px;
}
.icon {
height: 1em;
margin-right: 0.5em;
}
.icons {
float: right;
}
.top-icon {
height: 1em;
width: 1em;
position: relative;
vertical-align: middle;
margin-left: 1em;
}
.menu-item {
padding-bottom: 5px;
}
#openaccess-logo {
float: left;
height: 4em;
vertical-align: middle;
padding-right: 10px;
}
.url {
font-family: monospace;
font-size: 12px;
}
:target {
background-color: #f6ba81;
}
</style>
</head>
<body>
<div id="header">
<div id="header-top">
<h1>Selected Research Papers in Internet Censorship</h1>
<a href="https://en.wikipedia.org/wiki/Open_access">
<img id="openaccess-logo" src="open-access.svg" alt="open access logo"/>
</a>
</div>
<div id="header-left">
<p>
CensorBib is an online archive of selected research papers in the field
of Internet censorship. Most papers on CensorBib approach the topic
from a technical angle, by proposing designs that circumvent censorship
systems, or by measuring how censorship works. The icons next to each
paper make it easy to download, cite, and link to papers. If you think
I missed a paper,
<a href="https://nymity.ch/contact.txt">let me know</a>.
Finally, you can sort papers by
<a href="year.html">year</a>,
<a href="year_reverse.html">reverse year</a> (default),
<a href="author.html">author</a>, and
<a href="author_reverse.html">reverse author</a>.
</p>
</div>
<div id="header-right">
<div class="menu-item">
<img class="top-icon" src="img/lock-icon.svg" alt="onion service icon"/>
<a href="http://3wcwjjnuvjyazeza.onion">Onion service mirror</a>
</div>
<div class="menu-item">
<img class="top-icon" src="img/code-icon.svg" alt="source code icon"/>
<a href="https://github.com/NullHypothesis/censorbib">CensorBib code</a>
</div>
<div class="menu-item">
<img class="top-icon" src="img/update-icon.svg" alt="update icon"/>
<a href="https://github.com/NullHypothesis/censorbib/commits/master">Last update: 2019-12-14</a>
</div>
<div class="menu-item">
<img class="top-icon" src="img/donate-icon.svg" alt="donate icon"/>
<a href="https://nymity.ch/donate.html">Donate</a>
</div>
</div>
</div>