perkeep/website/static/mock.html

132 lines
3.9 KiB
HTML

<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold' rel='stylesheet' type='text/css'>
<style>
body {
margin-top: 0;
font-family: 'Droid Sans', arial, serif;
}
#header {
text-align: center;
}
div.bar {
height: 43px;
width: 788;
text-align: center;
background: url(camli-bar-background.png);
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
}
div.bar div.hatecss {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 788px;
height: 43px;
/* border: 1px solid red; */
margin: 0;
font-weight: bold;
font-size: 18px;
color: #fff;
font-family: 'Droid Sans', arial, serif;
text-transform: uppercase;
}
div.bar div.hatecss a {
color: #fff;
margin-left: 0.4em;
margin-right: 0.4em;
}
div.content {
width: 788px;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
line-height: 140%;
}
#props {
margin-top:2em;
text-align: center;
font-size: small;
}
</style>
</head>
<body>
<div id='header'>
<a href="/"><img width='788' height='161' src='camli-header.png' title="Camlistore" border='0' /></a>
</div>
<div class='bar'><div class='hatecss'>
<a href='/'>About</a>
<a href='/code'>Code</a>
<a href='http://groups.google.com/group/camlistore/'>Mailing List</a>
<a href='http://code.google.com/p/camlistore/w/list'>Wiki</a>
<a href='http://code.google.com/p/camlistore/issues/list'>Bugs</a>
</div></div>
<div class='content'>
<p>Camlistore is:</p>
<ul>
<li>a way to store, sync, share, model and back up content</li>
<li>a work in progress</li>
<li>Open Source (Apache licensed)</li>
<li>an acronym for <i>"Content-Addressable Multi-Layer Indexed Storage"</i>, hinting that Camlistore is about:
<ul>
<li>content-addressable storage</li>
<li>separate interoperable parts (storage, sync, sharing,
modeling), with well-defined protocols and roles</li>
</ul></li>
<li>your "home directory for the web"</li>
<li>pro-JSON (yet aggressively format agnostic)</li>
<li>pro-GnuPG (for signing claims)</li>
<li>pro-paranoia and privacy</li>
<li>ambitious, but ...</li>
<li>simple!</li>
<li>programning language-agnostic (parts and different implementations in <a href="http://golang.org/">Go</a>, Python, Java, Perl, Bash, ... the language doesn't matter.)</li>
<li>neither "Cloud" nor "Local". happily both.</li>
<li>a "20% project" from a few Google employees, but not Google-centric nor endorsed by Google (other than them letting us open source our side project)</li>
<li>not yet ready for users</li>
<li>ready for developers (at least those without strong color preferences)</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
elementum auctor faucibus. Morbi nec nulla a magna semper ultricies ut
ut neque. Maecenas eros sapien, commodo sit amet auctor in, ultricies
quis enim. Aliquam vel nisi lectus, at consectetur sapien. Donec in
nulla ac tellus tempus auctor imperdiet vitae velit. Morbi tempor,
tortor sit amet gravida facilisis, nulla ipsum ultrices ipsum, in
volutpat sapien felis sit amet quam. Proin sagittis consequat nisi non
dignissim. Aliquam eget erat arcu, id hendrerit quam. Nam eget nisl et
risus volutpat consequat. Nulla ac blandit massa. Morbi sed dui
mauris. Nulla risus mi, sodales et volutpat non, convallis ut
odio. Quisque convallis metus sit amet enim molestie ut convallis odio
posuere.</p>
</div>
<div class='bar'><div class='hatecss'>
Got a question?
</div></div>
<div class='content'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam elementum auctor faucibus. Morbi nec nulla a magna semper ultricies ut ut neque. Maecenas eros sapien, commodo sit amet auctor in, ultricies quis enim. Aliquam vel nisi lectus, at consectetur sapien.
</div>
<div id='props'>
Website design inspired by <a href="http://git-scm.com/">git</a> and <a href="http://memcached.org/">memcached</a>.
</div>
</body>
</html>