Added itoopie.i2p website, a simple static non-js using site. I'll be setting up itoopie.i2p to sync with this mtn.
This commit is contained in:
dev
155
www-itoopie.i2p/css/styles.css
Normal file
155
www-itoopie.i2p/css/styles.css
Normal file
@ -0,0 +1,155 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
header, footer, article, section, hgroup, nav, figure {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
background-color: #DDDDDD;
|
||||
color: #666666;
|
||||
font-family: Arial,Helvetica,sans-serif;
|
||||
font-size: 0.825em;
|
||||
}
|
||||
a, a:visited {
|
||||
color: #385894;
|
||||
outline: medium none;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
a img {
|
||||
border: medium none;
|
||||
}
|
||||
h1, h2, h3 {
|
||||
font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
|
||||
text-shadow: 0 1px 1px black;
|
||||
}
|
||||
h1 {
|
||||
font-size: 3.5em;
|
||||
padding: 0.5em 0 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
h3 {
|
||||
font-family: forte,"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
|
||||
font-size: 2em;
|
||||
font-weight: normal;
|
||||
margin: 0 0 1em;
|
||||
}
|
||||
h2 {
|
||||
font-size: 2.2em;
|
||||
font-weight: normal;
|
||||
letter-spacing: 0.01em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
p {
|
||||
line-height: 1.5em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
.line {
|
||||
background-color: #DDDDDD;
|
||||
border-bottom: 1px solid #999999;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
article .line {
|
||||
background-color: #AAAAAA;
|
||||
border-bottom-color: #CCCCCC;
|
||||
margin: 1.3em 0;
|
||||
}
|
||||
footer .line {
|
||||
margin: 2em 0;
|
||||
}
|
||||
nav {
|
||||
background: url("img/gradient_light.jpg") repeat-x scroll 50% 50% #F8F8F8;
|
||||
border: 1px solid #FCFCFC;
|
||||
box-shadow: 0 1px 1px #333333;
|
||||
padding: 0 5px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 4em;
|
||||
}
|
||||
.clear:after {
|
||||
clear: both;
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
nav ul li {
|
||||
display: inline;
|
||||
}
|
||||
nav ul li a, nav ul li a:visited {
|
||||
color: #565656;
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 1.25em;
|
||||
font-weight: bold;
|
||||
margin: 5px 2px;
|
||||
padding: 7px 10px 4px;
|
||||
text-shadow: 0 1px 1px white;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
nav ul li a:hover {
|
||||
background-color: #F0F0F0;
|
||||
text-decoration: none;
|
||||
}
|
||||
nav, article, nav ul li a, figure {
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
}
|
||||
#page {
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
width: 960px;
|
||||
}
|
||||
article {
|
||||
background-color: #EEEEEE;
|
||||
border: 1px solid #AAAAAA;
|
||||
margin: 3em 0;
|
||||
padding: 20px;
|
||||
text-shadow: 0 2px 0 white;
|
||||
}
|
||||
figure {
|
||||
border: 3px solid #E0E0E0;
|
||||
float: right;
|
||||
height: 300px;
|
||||
margin-left: 15px;
|
||||
overflow: hidden;
|
||||
width: 550px;
|
||||
}
|
||||
figure:hover {
|
||||
box-shadow: 0 0 2px #4D7788;
|
||||
}
|
||||
figure img {
|
||||
margin-left: 0;
|
||||
}
|
||||
footer {
|
||||
font-size: 0.825em;
|
||||
margin-bottom: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
footer p {
|
||||
margin-bottom: -2.5em;
|
||||
position: relative;
|
||||
}
|
||||
footer a, footer a:visited {
|
||||
background-color: #213E4A;
|
||||
color: #CCCCCC;
|
||||
display: block;
|
||||
padding: 2px 4px;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
}
|
||||
footer a:hover {
|
||||
background-color: #142830;
|
||||
text-decoration: none;
|
||||
}
|
||||
footer a.by {
|
||||
float: left;
|
||||
}
|
||||
footer a.up {
|
||||
float: right;
|
||||
}
|
||||
|
||||
BIN
www-itoopie.i2p/files/I2PControl-update.xpi2p
Normal file
BIN
www-itoopie.i2p/files/I2PControl-update.xpi2p
Normal file
Binary file not shown.
BIN
www-itoopie.i2p/files/I2PControl.xpi2p
Normal file
BIN
www-itoopie.i2p/files/I2PControl.xpi2p
Normal file
Binary file not shown.
BIN
www-itoopie.i2p/files/itoopieinstall.exe
Executable file
BIN
www-itoopie.i2p/files/itoopieinstall.exe
Executable file
Binary file not shown.
BIN
www-itoopie.i2p/images/favicon.png
Normal file
BIN
www-itoopie.i2p/images/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
www-itoopie.i2p/images/itoopie-configuration.png
Normal file
BIN
www-itoopie.i2p/images/itoopie-configuration.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
www-itoopie.i2p/images/itoopie-main.png
Normal file
BIN
www-itoopie.i2p/images/itoopie-main.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
www-itoopie.i2p/images/itoopie-opaque25-512.png
Normal file
BIN
www-itoopie.i2p/images/itoopie-opaque25-512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
www-itoopie.i2p/images/itoopie-settings.png
Normal file
BIN
www-itoopie.i2p/images/itoopie-settings.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
118
www-itoopie.i2p/index.html
Normal file
118
www-itoopie.i2p/index.html
Normal file
@ -0,0 +1,118 @@
|
||||
<!DOCTYPE html>
|
||||
<!-- The new doctype -->
|
||||
<html><head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>itoopie - the simple I2P UI</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/styles.css">
|
||||
<link rel="icon" href="images/favicon.png">
|
||||
</head>
|
||||
<body>
|
||||
<section id="page"> <!-- Defining the #page section with the section tag -->
|
||||
<header> <!-- Defining the header section of the page with the appropriate tag -->
|
||||
<hgroup>
|
||||
<h1 style="text-transform:lowercase">itoopie</h1>
|
||||
<h3>making I2P easy</h3>
|
||||
</hgroup>
|
||||
|
||||
<nav class="clear"> <!-- The nav link semantically marks your main site navigation -->
|
||||
<ul>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#download">Download</a></li>
|
||||
<li><a href="#installation">Installation</a></li>
|
||||
<li><a href="#changlog">Changelog</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<section id="articles">
|
||||
<div class="line"></div>
|
||||
|
||||
<article id="about"> <!-- The new article tag. The id is supplied so it can be scrolled into view. -->
|
||||
<h2>About</h2>
|
||||
<div class="line"></div>
|
||||
<div class="articleBody clear">
|
||||
<figure> <!-- The figure tag marks data (usually an image) that is part of the article -->
|
||||
<img src="images/itoopie-main.png">
|
||||
</figure>
|
||||
|
||||
<p>itoopie is a simple graphical user interface for <a href="http://i2p2.de">I2P</a>.</p>
|
||||
<p>itoopie connects to any <a href="http://i2p2.de">I2P</a> node running the I2PControl plugin.
|
||||
The I2PControl plugin allows itoopie to connect to a <a href="http://i2p2.de">I2P</a> node even if it is running on another machine
|
||||
and even if that machine is somewhere else on the internet.</p>
|
||||
<p>itoopie allows the user to set download and upload speed of <a href="http://i2p2.de">I2P</a> nodes.
|
||||
Other features include setting network ports and choosing how much bandwidth to share with others. itoopie also support graphing bandwidth usage of <a href="http://i2p2.de">I2P</a> as well as graphing how many tunnels in the <a href="http://i2p2.de">I2P</a> network we are participating in now.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<div class="line"></div>
|
||||
|
||||
<article id="download">
|
||||
<h2>Download</h2>
|
||||
<div class="line"></div>
|
||||
<div class="articleBody clear">
|
||||
<figure style="width:512px; height:255px;">
|
||||
<img style="margin-top:-45px;" src="images/itoopie-opaque25-512.png">
|
||||
</figure>
|
||||
|
||||
<p>itoopie can be downloaded from here, <a href="files/itoopieinstall.jar">itoopieinstall.jar</a></p>
|
||||
<p>Before running itoopie, I2PControl needs to be installed. Instruction can be found <a href="#installation">below</a>.</p>
|
||||
<p>The installer can be run by opening <tt>itoopieinstaller.exe</tt> or running <tt>java -jar itoopieinstall.exe</tt> (yes, really).</p>
|
||||
<p>The default port for I2PControl is <tt>7650</tt>, the default password is <tt>itoopie</tt>.
|
||||
These settings can easily be restored by shutting down <a href="http://i2p2.de">I2P</a> and deleting a file called I2PControl.conf.
|
||||
<br>
|
||||
On Windows the file can be found in <tt>C:\Users\**username**\AppData\Roaming\I2P\plugins\I2PControl\</tt>.
|
||||
<br>
|
||||
On Unix (Linux, Mac OSX and *BSD) the file will be found in <tt>~/.i2p/plugins/I2PControl/</tt>.
|
||||
<br>
|
||||
After <a href="http://i2p2.de">I2P</a> has been started again settings will be restored to their defaults.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Article 3 start -->
|
||||
|
||||
<div class="line"></div>
|
||||
<article id="installation">
|
||||
<h2>Installation</h2>
|
||||
<div class="line"></div>
|
||||
<div class="articleBody clear">
|
||||
<figure>
|
||||
<img src="images/itoopie-configuration.png">
|
||||
</figure>
|
||||
|
||||
<p>itoopie requires I2PControl to be installed on the <a href="http://i2p2.de">I2P</a> node you whish to connect to. The installation steps required are as follows.</p>
|
||||
<p>Install I2PControl by visiting <a href="http://localhost:7657/configclients">http://localhost:7657/configclients</a> and
|
||||
entering <tt>http://itoopie.i2p/files/I2PControl.xpi2p</tt> in the 'Plugin Installation' field. Click 'Install Plugin' and wait for the plugin to be downloaded, installed and started (usually less than 1 minute).</p>
|
||||
|
||||
<p>When I2PControl has been installed itoopie is ready to be installed, instructions can be found <a href="#download">above</a>.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Article 2 end -->
|
||||
|
||||
<!-- Article 3 start -->
|
||||
|
||||
<div class="line"></div>
|
||||
|
||||
<article id="changlog">
|
||||
<h2>Changelog</h2>
|
||||
|
||||
<div class="line"></div>
|
||||
|
||||
<div class="articleBody clear">
|
||||
<figure style="width:450px; height:260px;">
|
||||
<img src="images/itoopie-settings.png">
|
||||
</figure>
|
||||
|
||||
<p>Version 0.1</p>
|
||||
<tt>Added graphs.</tt>
|
||||
<tt>Added support for changing the port of I2PControl</tt>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Article 3 end -->
|
||||
|
||||
|
||||
</section>
|
||||
</section> <!-- Closing the #page section -->
|
||||
|
||||
</body></html>
|
||||
Reference in New Issue
Block a user