diff --git a/index.html b/index.html
index 9146acb..7eaccf8 100644
--- a/index.html
+++ b/index.html
@@ -2,12 +2,17 @@
samhuri.net
-
-
-
+
+
-samhuri.net
-
-
+samhuri.net
+
+
+
+
diff --git a/proj/index.html b/proj/index.html
index e69de29..392e0ed 100644
--- a/proj/index.html
+++ b/proj/index.html
@@ -0,0 +1,19 @@
+
+
+
+ samhuri.net
+
+
+
+← samhuri.net
+projects
+
+
+ 
+
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..24a61cf
--- /dev/null
+++ b/style.css
@@ -0,0 +1,88 @@
+body { background-color: #f7f7f7
+ ; color: #222
+ ; font-family: 'hoefler text', georgia, serif
+ }
+
+h1 { text-align: center
+ ; vertical-align: center
+ ; font-size: 4em
+ ; font-weight: normal
+ ; height: 100%
+ ; margin: 0.6em 0 0.4em
+ ; padding: 0
+ }
+
+ul { text-align: center
+ ; margin: 0 auto
+ ; padding: 1em
+ ; border: solid 1px #ccc
+ ; width: 90%
+ ; max-width: 950px
+ ; background-color: #fff
+ ; border-radius: 20px
+ ; -webkit-border-radius: 20px
+ ; -moz-border-radius: 20px
+ }
+
+li { display: inline
+ ; font-size: 2em
+ ; margin: 0
+ ; padding: 0
+ }
+li:after { content: ' •' }
+li:last-child:after { content: '' }
+
+li a { color: #22a
+ ; text-decoration: none
+ ; border-bottom: dashed 1px #22a
+ ; padding: 5px
+ ; text-shadow: #999 5px 5px 5px
+ }
+li a:visited { color: #227 }
+li a:active { color: #000
+ ; text-shadow: #aa7 5px 5px 5px
+ ; border-bottom: dashed 1px #000
+ }
+
+a { border: none }
+
+a.up { font-size: 1.5em
+ ; text-shadow: none
+ ; color: #222
+ ; border: none
+ ; text-decoration: underline
+ }
+
+p#promoteJS { margin-top: 3em
+ ; text-align: center
+ }
+
+
+/* iPad (landscape) */
+
+@media only screen and (orientation:landscape) and (device-height:1024px) {
+ h1 { font-size: 2em }
+ li { font-size: 1.5em }
+ a.up { font-size: 1.2em }
+}
+
+/* iPhone and iPad */
+
+@media only screen and (orientation:portrait) and (device-height:1024px),
+ only screen and (max-device-width:480px)
+{
+ h1 { font-size: 2em }
+
+ a.up { font-size: 1.2em }
+
+ ul { padding: 0.5em
+ ; width: 70%
+ ; max-width: 900px
+ }
+
+ li { display: block
+ ; margin: 0.7em
+ ; font-size: 1.5em
+ }
+ li:after { content: '' }
+}