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,22 +90,76 @@
: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 id="left-header" class="flex-column" class="round-shadow">
<div id="title-box">
<h1>Selected Research Papers<br>in Internet Censorship</h1>
</div>
<div id="header-left">
<p>
<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
@ -166,10 +175,9 @@
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> <!-- censorbib-description -->
<div id="header-right">
<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>
@ -187,6 +195,26 @@
<img class="top-icon" src="img/donate-icon.svg" alt="donate icon"/>
<a href="https://nymity.ch/donate.html">Donate</a>
</div>
</div>
</div> <!-- censorbib-links -->
</div>
</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> <!-- right-header -->
</div>
<body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB