Mention Research Power Tools.

This commit is contained in:
Philipp Winter 2023-04-15 18:05:07 -05:00
parent e6fdea08f5
commit f62ee96ac1
2 changed files with 119 additions and 91 deletions

View file

@ -10,7 +10,7 @@
<style type="text/css">
body {
font-family: Roboto,Helvetica,sans-serif;
background: #e7e7e7;
background: #ddd;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
@ -23,14 +23,14 @@
}
h1 {
font-size: 25px;
color: #eee;
color: #efefef;
width: 80%;
float: left;
}
ul {
border-radius: 10px;
border:1px solid #c0c0c0;
background:white;
background: #efefef;
box-shadow: 2px 2px 5px #bbb;
}
ul.a {
@ -62,45 +62,6 @@
.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: 75%;
padding: 20px;
}
#header-right {
float: right;
padding: 20px;
padding-left: 0px;
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;
@ -122,12 +83,6 @@
.menu-item {
padding-bottom: 5px;
}
#openaccess-logo {
float: right;
height: 4em;
vertical-align: middle;
padding-right: 20px;
}
.url {
font-family: monospace;
font-size: 12px;
@ -135,58 +90,131 @@
:target {
background-color: #f6ba81;
}
#left-header {
flex: 4;
background: #efefef;
margin-right: 0.5em;
border-radius: 10px;
border: 1px solid #c0c0c0;
box-shadow: 2px 2px 5px #bbb;
overflow: hidden; /* For child elements to inherit rounded corners. */
}
#right-header {
flex: 1;
background: #efefef;
margin-left: 0.5em;
background: #333 url('img/research-power-tools-cover.jpg') no-repeat;
background-size: 100%;
}
.round-shadow {
border-radius: 10px;
border: 1px solid #c0c0c0;
box-shadow: 2px 2px 5px #bbb;
overflow: hidden; /* For child elements to inherit rounded corners. */
}
.flex-row {
display: flex;
}
.flex-column {
display: flex;
flex-direction: column;
}
#title-box {
text-align: center;
background: #333 url('open-access.svg') right/25% no-repeat;
}
#censorbib-description {
padding: 1em;
flex: 5;
}
#censorbib-links {
padding: 1em;
flex: 2;
font-size: 0.9em;
}
#book-info {
text-align: center;
padding: 0.5em;
background: #333;
color: #efefef;
}
#book-info > a:link {
color: #d94b7b
}
#book-info > a:visited {
color: #d94b7b
}
</style>
</head>
<body>
<div id="header">
<div class="flex-row">
<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="left-header" class="flex-column" class="round-shadow">
<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>.
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>.
Finally, the
<a href="https://github.com/net4people/bbs/issues">net4people/bbs forum</a>
has reading groups for many of the papers listed below.
</p>
</div>
<div id="title-box">
<h1>Selected Research Papers<br>in Internet Censorship</h1>
</div>
<div class="flex-row">
<div id="censorbib-description">
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>.
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>.
Finally, the
<a href="https://github.com/net4people/bbs/issues">net4people/bbs forum</a>
has reading groups for many of the papers listed below.
</div> <!-- censorbib-description -->
<div id="censorbib-links">
<div class="menu-item">
<img class="top-icon" src="img/lock-icon.svg" alt="onion service icon"/>
<a href="http://putnst3yv7k6vvb3avdqgdutrz3kaufitaiwbjhjox7o3daakr43fhad.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: 2023-02-26</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> <!-- censorbib-links -->
<div id="header-right">
<div class="menu-item">
<img class="top-icon" src="img/lock-icon.svg" alt="onion service icon"/>
<a href="http://putnst3yv7k6vvb3avdqgdutrz3kaufitaiwbjhjox7o3daakr43fhad.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> <!-- left-header -->
<div id="right-header" class="round-shadow">
<div class="flex-column" style="height: 100%">
<div style="flex: 1 1 auto">
</div>
<div id="book-info" style="flex: 0 1 auto">
Are you a researcher? If so, you may like my book
<a href="http://research-power-tools.com">Research Power Tools</a>.
</div>
</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: 2023-02-26</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> <!-- right-header -->
</div>
<body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB