Merge pull request #84 from qstokkink/upd_howto_page

Updated the howto page to Tribler 8.0

howto.html

@@ -93,7 +93,7 @@
 	<div id="wrap"><br>	
 		<section id="content">
 			<div class="howto">
-				<h1>Get started and Screenshots</h1>		
+				<h1>Get started</h1>
 				<div class="image">
 					<img src="img/howto1.png" />
 				</div>
@@ -124,18 +124,19 @@ <h3><img src="img/balloon1.png" />Search for content</h3>
 			<div class="howto">
 				<div class="text">
 					<h3><img src="img/balloon2.png" />Download content</h3>
-					<p>Download by double-clicking on any search result. Single-click to see details such as size and included files.</p>
+					<p>Download by double-clicking on any search result.</p>
 				</div>
 				<div class="spacer"></div>
 				<div class="image">
 					<img class="shadow" src="img/howto3.png" />
 				</div>
 			</div>
 
-			<div class="howto">				
+			<div class="howto">
 				<div class="text">
-					<h3><img src="img/balloon3.png" />Consume content</h3>
-					<p>When you click on search results you can also select "Stream". This activates the integrated video and audio player. No need to wait for downloads to complete, with streaming you can use Bittorrent in Youtube-style.</p>
+					<h3><img src="img/balloon3.png" />Customize</h3>
+					<p>Tired of the depressing dark theme? Try the light theme!</p>
+					<p>Don't speak English very well? Customize your language!</p>
 				</div>
 				<div class="spacer"></div>
 				<div class="image">
@@ -145,42 +146,15 @@ <h3><img src="img/balloon3.png" />Consume content</h3>
 
 			<div class="howto">
 				<div class="text">
-					<h3><img src="img/balloon4.png" />Your reputation</h3>
-					<p>By clicking on the trust icon, you can see your standing in the network. Tribler uses a
-						tamper-proof blockchain to keep track of what you give to and take from the network.
-						You can increase your reputation by uploading content to others.</p>
+					<h3><img src="img/balloon4.png" />Stay Online</h3>
+					<p>Tribler closes to tray when you close your browser tab: you can open it back up by pressing "Open" at any time.</p>
 				</div>
 				<div class="spacer"></div>
 				<div class="image">
-					<img class="shadow" src="img/image2.png" />
+					<img class="shadow" src="img/howto5.png" />
 				</div>
 			</div>
 
-			<div class="howto">
-				<h1>Extra options</h1>
-				<h2>Magnet links</h2>
-				<p>Use the "plus" icon in the upper right corner to quickly stream or download magnet links.</p>
-
-				<h2>Channels</h2>
-				<p>Channels are a bunch of torrents managed by a user like you.
-				Use "mark as favorite" to keep up to date with all content of a channel. 
-				This also signals others automatically that this is a cool legit channel and prevents spam.</p>
-
-				<h2>Your own channel</h2>
-				<p>Everybody can start their own channel from within Tribler. Share dozens to 12,000 torrents with the whole world. Freshly added torrent spread to all subscribers in minutes.</p>
-			</div>
-
-			<div class="howto">
-				<h1>Screenshots</h1><br/>
-				<div class=screenshots align="center">
-					<a href="img/image0.png" data-lightbox="screenshots" title="Start screen | You can immediately search for content and see what is currently popular."><img src="img/image0.png" /></a>
-					<a href="img/image3.png" data-lightbox="screenshots" title="Torrent content | When you select a result, the torrent details and included files are visible."><img src="img/image3.png" /></a>
-					<a href="img/image4.png" data-lightbox="screenshots" title="Magnet links | If you have an external URL, you can import the link into Tribler to download the content."><img src="img/image4.png" /></a>
-					<a href="img/image9.png" data-lightbox="screenshots" title="Channels | Tribler users create channels, which makes it easier for you to find related content."><img src="img/image9.png" /></a>
-					<a href="img/image10.png" data-lightbox="screenshots" title="My channel | You can also create your own channel, combining content you like."><img src="img/image10.png" /></a>
-                    <a href="img/image1.png" data-lightbox="screenshots" title="Network Explorer | Explore contributions of others."><img src="img/image1.png" /></a>
-				</div>
-			</div>
 		</section>
 	</div>