now more content and atmega manual

10 files changed, 123 insertions, 1 deletions

diff --git a/index.html b/index.html
new file mode 100644
index 0000000..8732d9b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,23 @@
+<input class="search" placeholder="Search" />
+<link rel="stylesheet" type="text/css" href="static/style.css">
+<div id="the-list">
+	<ul class="list">
+		<li>
+			<h3 class="title">LM555</h3>
+			<a href='manuals/lm555.pdf'><img src='manuals/lm555.jpg'></a>
+			<p class="description">The LM555 is a highly stable device for generating accurate time delays or oscillation.</p>
+		</li>
+		<li>
+			<h3 class="title">Korg Kaoss pad mini-KP </h3>
+			<a href='manuals/miniKP_OM_EFG1.pdf'><img src='manuals/miniKP_OM_EFG1.jpg'></a>
+			<p class="description">Operation manual for the KAOSS PAD miniKP Dynamic Effect Processor!</p>
+		</li>
+		<li>
+			<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>
+			<p class="description">High Performance, Low Power Atmel AVR 8-Bit Microcontroller Family</p>
+		</li>
+	</ul>
+</div>
+<script src="static/list.js"></script>
+<script src="static/script.js"></script>
\ No newline at end of file
diff --git a/manuals/Atmel-8271-8-bit-AVR-Microcontroller-ATmega48A-48PA-88A-88PA-168A-168PA-328-328P_datasheet_Complete.jpg b/manuals/Atmel-8271-8-bit-AVR-Microcontroller-ATmega48A-48PA-88A-88PA-168A-168PA-328-328P_datasheet_Complete.jpg
new file mode 100644
index 0000000..1db2afe
--- /dev/null
+++ b/manuals/Atmel-8271-8-bit-AVR-Microcontroller-ATmega48A-48PA-88A-88PA-168A-168PA-328-328P_datasheet_Complete.jpg
diff --git a/manuals/Atmel-8271-8-bit-AVR-Microcontroller-ATmega48A-48PA-88A-88PA-168A-168PA-328-328P_datasheet_Complete.pdf b/manuals/Atmel-8271-8-bit-AVR-Microcontroller-ATmega48A-48PA-88A-88PA-168A-168PA-328-328P_datasheet_Complete.pdf
new file mode 100644
index 0000000..0297b96
--- /dev/null
+++ b/manuals/Atmel-8271-8-bit-AVR-Microcontroller-ATmega48A-48PA-88A-88PA-168A-168PA-328-328P_datasheet_Complete.pdf
diff --git a/manuals/Atmel-8271-8-bit-AVR-Microcontroller-ATmega48A-48PA-88A-88PA-168A-168PA-328-328P_datasheet_Complete.txt b/manuals/Atmel-8271-8-bit-AVR-Microcontroller-ATmega48A-48PA-88A-88PA-168A-168PA-328-328P_datasheet_Complete.txt
new file mode 100644
index 0000000..b2c69b4
--- /dev/null
+++ b/manuals/Atmel-8271-8-bit-AVR-Microcontroller-ATmega48A-48PA-88A-88PA-168A-168PA-328-328P_datasheet_Complete.txt
@@ -0,0 +1,4 @@
+Title: ATmega48A 48PA 88A 88PA 168A 168PA 328 328P
+File: Atmel-8271-8-bit-AVR-Microcontroller-ATmega48A-48PA-88A-88PA-168A-168PA-328-328P_datasheet_Complete.pdf
+Tags: ic, microcontroller, atmega, atmel, 328, 328p, 168, 8-bit, arduino, AVR
+Description: High Performance, Low Power Atmel AVR 8-Bit Microcontroller Family
diff --git a/manuals/lm555.jpg b/manuals/lm555.jpg
new file mode 100644
index 0000000..c4e4ca1
--- /dev/null
+++ b/manuals/lm555.jpg
diff --git a/manuals/lm555.pdf b/manuals/lm555.pdf
new file mode 100644
index 0000000..075d1cd
--- /dev/null
+++ b/manuals/lm555.pdf
diff --git a/manuals/lm555.txt b/manuals/lm555.txt
new file mode 100644
index 0000000..3ecc0ee
--- /dev/null
+++ b/manuals/lm555.txt
@@ -0,0 +1,4 @@
+Title: LM555
+File: lm555.pdf
+Tags: ic, timer, 555, lm555, osc, trigger, fun
+Description: The LM555 is a highly stable device for generating accurate time delays or oscillation.
diff --git a/manuals/miniKP_OM_EFG1.jpg b/manuals/miniKP_OM_EFG1.jpg
new file mode 100644
index 0000000..d51e44e
--- /dev/null
+++ b/manuals/miniKP_OM_EFG1.jpg
diff --git a/site.py b/site.py
index 7f432c4..922878a 100644
--- a/site.py
+++ b/site.py
@@ -4,7 +4,8 @@
 import os
 
 folder = "manuals"
-header = """<input class="search" placeholder="Search" />"""
+header = """<input class="search" placeholder="Search" />
+<link rel="stylesheet" type="text/css" href="static/style.css">"""
 middlepart = """"""
 footer = """
 <script src="static/list.js"></script>
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..bc2c00c
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,90 @@
+h2 {
+  font-family:sans-serif;
+}
+.list {
+  font-family:sans-serif;
+  margin:0;
+  padding:20px 0 0;
+}
+.list > li {
+  display:block;
+  background-color: #eee;
+  padding:10px;
+  box-shadow: inset 0 1px 0 #fff;
+}
+.avatar {
+  max-width: 150px;
+}
+img {
+  max-width: 100%;
+}
+h3 {
+  font-size: 16px;
+  margin:0 0 0.3rem;
+  font-weight: normal;
+  font-weight:bold;
+}
+p {
+  margin:0;
+}
+
+input {
+  border:solid 1px #ccc;
+  border-radius: 5px;
+  padding:7px 14px;
+  margin-bottom:10px
+}
+input:focus {
+  outline:none;
+  border-color:#aaa;
+}
+.sort {
+  padding:8px 30px;
+  border-radius: 6px;
+  border:none;
+  display:inline-block;
+  color:#fff;
+  text-decoration: none;
+  background-color: #28a8e0;
+  height:30px;
+}
+.sort:hover {
+  text-decoration: none;
+  background-color:#1b8aba;
+}
+.sort:focus {
+  outline:none;
+}
+.sort:after {
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  content:"";
+  position: relative;
+  top:-10px;
+  right:-5px;
+}
+.sort.asc:after {
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid #fff;
+  content:"";
+  position: relative;
+  top:13px;
+  right:-5px;
+}
+.sort.desc:after {
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-bottom: 5px solid #fff;
+  content:"";
+  position: relative;
+  top:-10px;
+  right:-5px;
+}