mirror of
https://github.com/samsonjs/samhuri.net.git
synced 2026-03-25 09:05:47 +00:00
starting to look like a real website
This commit is contained in:
Sami Samhuri
parent
0ef77d82a2
commit
0629dd0c41
3 changed files with 120 additions and 8 deletions
21
index.html
21
index.html
|
|
@ -2,12 +2,17 @@
|
|||
<head>
|
||||
<meta charset=utf-8>
|
||||
<title>samhuri.net</title>
|
||||
<link rel=openid.server href=http://www.myopenid.com/server>
|
||||
<link rel=openid.delegate href=http://samsonjs.myopenid.com>
|
||||
<style>
|
||||
div{text-align:center;font-size:4em;vertical-align:center;height:100%;}
|
||||
</style>
|
||||
<link rel=stylesheet href=style.css>
|
||||
<meta name=viewport content=width=device-width>
|
||||
</head>
|
||||
<div>samhuri.net</div>
|
||||
|
||||
<p align=center><a href='https://developer.mozilla.org/en/JavaScript/Guide' title='JS Tutorial, JavaScript Tutorial, JavaScript Guide, Learn JavaScript JS, How To Learn JS, Learning JavaScript'><img src='http://static.jsconf.us/promotejshs.png' height='150' width='180' alt='JS Tutorial, JavaScript Tutorial, JavaScript Guide, Learn JavaScript JS, How To Learn JS, Learning JavaScript'/></a></p>
|
||||
<h1>samhuri.net</h1>
|
||||
<ul>
|
||||
<li><a href=proj>projects</a></li>
|
||||
<li><a href=riak-js>riak-js docs</a></li>
|
||||
<li><a href=json-diff>json-diff</a></li>
|
||||
<li><a href=Chalk>37signals' chalk</a></li>
|
||||
<li><a href=f>randoms</a></li>
|
||||
</ul>
|
||||
<p id=promoteJS>
|
||||
<a href=https://developer.mozilla.org/en/JavaScript/Guide title='JS Tutorial, JavaScript Tutorial, JavaScript Guide, Learn JavaScript JS, How To Learn JS, Learning JavaScript'><img src=http://static.jsconf.us/promotejshs.png height=150 width=180 alt='JS Tutorial, JavaScript Tutorial, JavaScript Guide, Learn JavaScript JS, How To Learn JS, Learning JavaScript'></a>
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,19 @@
|
|||
<!doctype html>
|
||||
<head>
|
||||
<meta charset=utf-8>
|
||||
<title>samhuri.net</title>
|
||||
<link rel=stylesheet href=../style.css>
|
||||
<meta name=viewport content=width=device-width>
|
||||
</head>
|
||||
<a class=up href=../>← samhuri.net</a>
|
||||
<h1>projects</h1>
|
||||
<ul>
|
||||
<li><a href=batteries>batteries</a></li>
|
||||
<li><a href=format>format</a></li>
|
||||
<li><a href=gitter>gitter</a></li>
|
||||
<li><a href=repl-edit>repl-edit</a></li>
|
||||
<li><a href=strftime>strftime</a></li>
|
||||
</ul>
|
||||
<p id=promoteJS>
|
||||
<a href=https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function title='JS Function arity'><img src=http://static.jsconf.us/promotejsh.gif height=150 width=180 alt='JS Function arity'/></a>
|
||||
</p>
|
||||
88
style.css
Normal file
88
style.css
Normal file
|
|
@ -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: '' }
|
||||
}
|
||||
Loading…
Reference in a new issue