i2p.itoopie/www-itoopie.i2p/index.html

<!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="#news">News</a></li>
                        <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="news"> <!-- The new article tag. The id is supplied so it can be scrolled into view. -->
                    <h2>News</h2>
                    <div class="line"></div>
                    <div class="articleBody clear">
                        
                        <p>This site launched today (21/7 -11). I'll be needing help with a few things. That's where you the early testers come in.</p>
						<p>Windows testing: Does the installer produce working shortcuts? Is the layout of the itoopie window ok (XP? Vista? 7?).</p>
						<p>General testing: Make it break! (I'll regret that one), report wanted features (keep in mind that this a simple application by choice) and test weird/exotic platforms (Non-Gnome Linux/OsX/*BSD).</p>
						<p>Any feedback is welcome <a href="http://forum.i2p2.de/viewtopic.php?p=34357">on the I2P forums</a> I'm also reachable on the I2P irc.</p>
						<p>// hottuna</p>
                    </div>
                </article>
            
            <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>Before running itoopie, <b>I2PControl needs to be installed</b>. Instruction can be found <a href="#installation">below</a>.</p>
                        <p>itoopie can be downloaded from here, <a href="files/itoopieinstall.exe">itoopieinstall.exe</a></p>
						<p>The installer can be run by opening <tt>itoopieinstall.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 <br><tt>C:\Users\**username**\AppData\Roaming\I2P\plugins\I2PControl\</tt>
<br>
On Unix (Linux, Mac OSX and *BSD) the file will be found in <br><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>
Added itoopie.i2p website, a simple static non-js using site. I'll be setting up itoopie.i2p to sync with this mtn. 2011-07-21 12:54:32 +00:00			`<!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>`
Added a news section asking for feedback. 2011-07-21 13:45:09 +00:00			`<li><a href="#news">News</a></li>`
Added itoopie.i2p website, a simple static non-js using site. I'll be setting up itoopie.i2p to sync with this mtn. 2011-07-21 12:54:32 +00:00			`<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>`
Added a news section asking for feedback. 2011-07-21 13:45:09 +00:00
			`<section id="articles">`
			`<div class="line"></div>`

			`<article id="news"> <!-- The new article tag. The id is supplied so it can be scrolled into view. -->`
			`<h2>News</h2>`
			`<div class="line"></div>`
			`<div class="articleBody clear">`

			`<p>This site launched today (21/7 -11). I'll be needing help with a few things. That's where you the early testers come in.</p>`
			`<p>Windows testing: Does the installer produce working shortcuts? Is the layout of the itoopie window ok (XP? Vista? 7?).</p>`
Added more contact info to the news section. 2011-07-21 13:48:50 +00:00			`<p>General testing: Make it break! (I'll regret that one), report wanted features (keep in mind that this a simple application by choice) and test weird/exotic platforms (Non-Gnome Linux/OsX/*BSD).</p>`
			`<p>Any feedback is welcome <a href="http://forum.i2p2.de/viewtopic.php?p=34357">on the I2P forums</a> I'm also reachable on the I2P irc.</p>`
			`<p>// hottuna</p>`
Added a news section asking for feedback. 2011-07-21 13:45:09 +00:00			`</div>`
			`</article>`
Added itoopie.i2p website, a simple static non-js using site. I'll be setting up itoopie.i2p to sync with this mtn. 2011-07-21 12:54:32 +00:00
			`<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>`

Clarified that I2PControl is needed. 2011-07-21 14:31:34 +00:00			`<p>Before running itoopie, <b>I2PControl needs to be installed</b>. Instruction can be found <a href="#installation">below</a>.</p>`
Changed the misreferences to the installer to the correct filename. 2011-07-21 14:19:05 +00:00			`<p>itoopie can be downloaded from here, <a href="files/itoopieinstall.exe">itoopieinstall.exe</a></p>`
			`<p>The installer can be run by opening <tt>itoopieinstall.exe</tt> or running <tt>java -jar itoopieinstall.exe</tt> (yes, really).</p>`
Added itoopie.i2p website, a simple static non-js using site. I'll be setting up itoopie.i2p to sync with this mtn. 2011-07-21 12:54:32 +00:00			`<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>`
Clarified a few lines. 2011-07-21 13:30:47 +00:00			`On Windows the file can be found in <br><tt>C:\Users\username\AppData\Roaming\I2P\plugins\I2PControl\</tt>`
Added itoopie.i2p website, a simple static non-js using site. I'll be setting up itoopie.i2p to sync with this mtn. 2011-07-21 12:54:32 +00:00			`<br>`
Clarified a few lines. 2011-07-21 13:30:47 +00:00			`On Unix (Linux, Mac OSX and *BSD) the file will be found in <br><tt>~/.i2p/plugins/I2PControl/</tt>`
Added itoopie.i2p website, a simple static non-js using site. I'll be setting up itoopie.i2p to sync with this mtn. 2011-07-21 12:54:32 +00:00			`<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>`