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"> <style type="text/css">
body { body {
font-family: Roboto,Helvetica,sans-serif; font-family: Roboto,Helvetica,sans-serif;
background: #e7e7e7; background: #ddd;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-top: 20px; margin-top: 20px;
@ -23,14 +23,14 @@
} }
h1 { h1 {
font-size: 25px; font-size: 25px;
color: #eee; color: #efefef;
width: 80%; width: 80%;
float: left; float: left;
} }
ul { ul {
border-radius: 10px; border-radius: 10px;
border:1px solid #c0c0c0; border:1px solid #c0c0c0;
background:white; background: #efefef;
box-shadow: 2px 2px 5px #bbb; box-shadow: 2px 2px 5px #bbb;
} }
ul.a { ul.a {
@ -62,45 +62,6 @@
.other { .other {
color: #666; 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 { #footer {
text-align: center; text-align: center;
line-height: 20px; line-height: 20px;
@ -122,12 +83,6 @@
.menu-item { .menu-item {
padding-bottom: 5px; padding-bottom: 5px;
} }
#openaccess-logo {
float: right;
height: 4em;
vertical-align: middle;
padding-right: 20px;
}
.url { .url {
font-family: monospace; font-family: monospace;
font-size: 12px; font-size: 12px;
@ -135,58 +90,131 @@
:target { :target {
background-color: #f6ba81; 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> </style>
</head> </head>
<body> <body>
<div id="header"> <div class="flex-row">
<div id="header-top"> <div id="left-header" class="flex-column" class="round-shadow">
<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"> <div id="title-box">
<p> <h1>Selected Research Papers<br>in Internet Censorship</h1>
CensorBib is an online archive of selected research papers in the field </div>
of Internet censorship. Most papers on CensorBib approach the topic
from a technical angle, by proposing designs that circumvent censorship <div class="flex-row">
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 <div id="censorbib-description">
I missed a paper, CensorBib is an online archive of selected research papers in the field
<a href="https://nymity.ch/contact.txt">let me know</a>. of Internet censorship. Most papers on CensorBib approach the topic
You can sort papers by from a technical angle, by proposing designs that circumvent censorship
<a href="year.html">year</a>, systems, or by measuring how censorship works. The icons next to each
<a href="year_reverse.html">reverse year</a> (default), paper make it easy to download, cite, and link to papers. If you think
<a href="author.html">author</a>, and I missed a paper,
<a href="author_reverse.html">reverse author</a>. <a href="https://nymity.ch/contact.txt">let me know</a>.
Finally, the You can sort papers by
<a href="https://github.com/net4people/bbs/issues">net4people/bbs forum</a> <a href="year.html">year</a>,
has reading groups for many of the papers listed below. <a href="year_reverse.html">reverse year</a> (default),
</p> <a href="author.html">author</a>, and
</div> <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>
<div class="menu-item">
<img class="top-icon" src="img/code-icon.svg" alt="source code icon"/> </div> <!-- left-header -->
<a href="https://github.com/NullHypothesis/censorbib">CensorBib code</a>
<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>
<div class="menu-item">
<img class="top-icon" src="img/update-icon.svg" alt="update icon"/> </div> <!-- right-header -->
<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> </div>
<body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB