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,22 +90,76 @@
: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"> <div id="title-box">
<img id="openaccess-logo" src="open-access.svg" alt="open access logo"/> <h1>Selected Research Papers<br>in Internet Censorship</h1>
</a>
</div> </div>
<div id="header-left"> <div class="flex-row">
<p>
<div id="censorbib-description">
CensorBib is an online archive of selected research papers in the field CensorBib is an online archive of selected research papers in the field
of Internet censorship. Most papers on CensorBib approach the topic of Internet censorship. Most papers on CensorBib approach the topic
from a technical angle, by proposing designs that circumvent censorship from a technical angle, by proposing designs that circumvent censorship
@ -166,10 +175,9 @@
Finally, the Finally, the
<a href="https://github.com/net4people/bbs/issues">net4people/bbs forum</a> <a href="https://github.com/net4people/bbs/issues">net4people/bbs forum</a>
has reading groups for many of the papers listed below. has reading groups for many of the papers listed below.
</p> </div> <!-- censorbib-description -->
</div>
<div id="header-right"> <div id="censorbib-links">
<div class="menu-item"> <div class="menu-item">
<img class="top-icon" src="img/lock-icon.svg" alt="onion service icon"/> <img class="top-icon" src="img/lock-icon.svg" alt="onion service icon"/>
<a href="http://putnst3yv7k6vvb3avdqgdutrz3kaufitaiwbjhjox7o3daakr43fhad.onion">Onion service mirror</a> <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"/> <img class="top-icon" src="img/donate-icon.svg" alt="donate icon"/>
<a href="https://nymity.ch/donate.html">Donate</a> <a href="https://nymity.ch/donate.html">Donate</a>
</div> </div>
</div> </div> <!-- censorbib-links -->
</div> </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