juhhuuu versio 1.0 ready

1 files changed, 35 insertions, 4 deletions

diff --git a/index.html b/index.html
index 809e0e1..284a77e 100644
--- a/index.html
+++ b/index.html
@@ -1,22 +1,53 @@
 
 <link rel="stylesheet" type="text/css" href="static/style.css">
 <div id="the-list">
-	<input class="search" placeholder="Search" />
+	<div class='header'>
+		<h1 class='head'>Operation manuals</h1>
+		<h4>by <a href='http://joak.nospace.at'>JoaK</a></h4>
+		<input class="search" placeholder="Search" />
+	</div>
 	<ul class="list">
-		<li>
+		<li id='Korg Kaoss pad mini-KP '>
 			<h3 class="title">Korg Kaoss pad mini-KP </h3>
 			<a href='manuals/miniKP_OM_EFG1.pdf'><img src='manuals/miniKP_OM_EFG1.jpg'></a>
+			<span><a href='manuals/miniKP_OM_EFG1.pdf'>pdf-link</a></span><span class="anchorlink"><a href='#Korg Kaoss pad mini-KP '>anchor-link</a></span>
 			<p class="description">Operation manual for the KAOSS PAD miniKP Dynamic Effect Processor!</p>
+			<div class="tags"><span>Tags: </span><marquee behavior="scroll" direction="left">sound, music, effects, effect, korg, kaoss pad, device</marquee></div>
 		</li>
-		<li>
+		<li id='ATmega48A 48PA 88A 88PA 168A 168PA 328 328P'>
 			<h3 class="title">ATmega48A 48PA 88A 88PA 168A 168PA 328 328P</h3>
 			<a href='manuals/Atmel-8271-8-bit-AVR-Microcontroller-ATmega48A-48PA-88A-88PA-168A-168PA-328-328P_datasheet_Complete.pdf'><img src='manuals/Atmel-8271-8-bit-AVR-Microcontroller-ATmega48A-48PA-88A-88PA-168A-168PA-328-328P_datasheet_Complete.jpg'></a>
+			<span><a href='manuals/Atmel-8271-8-bit-AVR-Microcontroller-ATmega48A-48PA-88A-88PA-168A-168PA-328-328P_datasheet_Complete.pdf'>pdf-link</a></span><span class="anchorlink"><a href='#ATmega48A 48PA 88A 88PA 168A 168PA 328 328P'>anchor-link</a></span>
 			<p class="description">High Performance, Low Power Atmel AVR 8-Bit Microcontroller Family</p>
+			<div class="tags"><span>Tags: </span><marquee behavior="scroll" direction="left">ic, microcontroller, atmega, atmel, 328, 328p, 168, 8-bit, arduino, AVR</marquee></div>
 		</li>
-		<li>
+		<li id='xerox alto_'>
+			<h3 class="title">xerox alto_</h3>
+			<a href='manuals/Alto_Hardware_Manual_Aug76.pdf'><img src='manuals/Alto_Hardware_Manual_Aug76.jpg'></a>
+			<span><a href='manuals/Alto_Hardware_Manual_Aug76.pdf'>pdf-link</a></span><span class="anchorlink"><a href='#xerox alto_'>anchor-link</a></span>
+			<p class="description"> It includes a complete description of the Alto I and Alto II hardware and of the standard microcode</p>
+			<div class="tags"><span>Tags: </span><marquee behavior="scroll" direction="left">Alto, PC, palo alto, xerox </marquee></div>
+		</li>
+		<li id='Philips CM8833 Color Monitor'>
+			<h3 class="title">Philips CM8833 Color Monitor</h3>
+			<a href='manuals/PhilipsCM8833.pdf'><img src='manuals/PhilipsCM8833.jpg'></a>
+			<span><a href='manuals/PhilipsCM8833.pdf'>pdf-link</a></span><span class="anchorlink"><a href='#Philips CM8833 Color Monitor'>anchor-link</a></span>
+			<p class="description"> Service manual of the Philips CM8833 Color Monitor. Plus: it includes the technical circuits!</p>
+			<div class="tags"><span>Tags: </span><marquee behavior="scroll" direction="left">philips, monitor, screen, CM8833</marquee></div>
+		</li>
+		<li id='LM555'>
 			<h3 class="title">LM555</h3>
 			<a href='manuals/lm555.pdf'><img src='manuals/lm555.jpg'></a>
+			<span><a href='manuals/lm555.pdf'>pdf-link</a></span><span class="anchorlink"><a href='#LM555'>anchor-link</a></span>
 			<p class="description">The LM555 is a highly stable device for generating accurate time delays or oscillation.</p>
+			<div class="tags"><span>Tags: </span><marquee behavior="scroll" direction="left">ic, timer, 555, lm555, osc, trigger, fun</marquee></div>
+		</li>
+		<li id='Philips N4504'>
+			<h3 class="title">Philips N4504</h3>
+			<a href='manuals/PhilipsN4504.pdf'><img src='manuals/PhilipsN4504.jpg'></a>
+			<span><a href='manuals/PhilipsN4504.pdf'>pdf-link</a></span><span class="anchorlink"><a href='#Philips N4504'>anchor-link</a></span>
+			<p class="description"> Service manual of the Philips N4504 reel-to-reel in German. Plus: it includes the technical circuits!</p>
+			<div class="tags"><span>Tags: </span><marquee behavior="scroll" direction="left">philips, 1/4 inch, reel-to-reel, magnetic tape, N4505</marquee></div>
 		</li>
 	</ul>
 </div>