github.com/slspeek/camlistore_namedsearch@v0.0.0-20140519202248-ed6f70f7721a/website/static/mock.html (about) 1 <html> 2 <head> 3 <link href='http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold' rel='stylesheet' type='text/css'> 4 <style> 5 6 body { 7 margin-top: 0; 8 font-family: 'Droid Sans', arial, serif; 9 } 10 11 #header { 12 text-align: center; 13 } 14 15 div.bar { 16 height: 43px; 17 width: 788; 18 text-align: center; 19 background: url(camli-bar-background.png); 20 margin-left: auto; 21 margin-right: auto; 22 margin-top: 1em; 23 margin-bottom: 1em; 24 } 25 26 div.bar div.hatecss { 27 display: table-cell; 28 vertical-align: middle; 29 text-align: center; 30 width: 788px; 31 height: 43px; 32 /* border: 1px solid red; */ 33 margin: 0; 34 font-weight: bold; 35 font-size: 18px; 36 color: #fff; 37 font-family: 'Droid Sans', arial, serif; 38 text-transform: uppercase; 39 } 40 41 div.bar div.hatecss a { 42 color: #fff; 43 margin-left: 0.4em; 44 margin-right: 0.4em; 45 } 46 47 div.content { 48 width: 788px; 49 margin-left: auto; 50 margin-right: auto; 51 margin-top: 1em; 52 margin-bottom: 1em; 53 line-height: 140%; 54 } 55 56 #props { 57 margin-top:2em; 58 text-align: center; 59 font-size: small; 60 } 61 62 </style> 63 </head> 64 <body> 65 66 <div id='header'> 67 <a href="/"><img width='788' height='161' src='camli-header.jpg' title="Camlistore" border='0' /></a> 68 </div> 69 70 <div class='bar'><div class='hatecss'> 71 <a href='/'>About</a> 72 <a href='/code'>Code</a> 73 <a href='http://groups.google.com/group/camlistore/'>Mailing List</a> 74 <a href='http://code.google.com/p/camlistore/w/list'>Wiki</a> 75 <a href='http://code.google.com/p/camlistore/issues/list'>Bugs</a> 76 </div></div> 77 78 <div class='content'> 79 <p>Camlistore is:</p> 80 <ul> 81 <li>a way to store, sync, share, model and back up content</li> 82 <li>a work in progress</li> 83 <li>Open Source (Apache licensed)</li> 84 <li>an acronym for <i>"Content-Addressable Multi-Layer Indexed Storage"</i>, hinting that Camlistore is about: 85 <ul> 86 <li>content-addressable storage</li> 87 <li>separate interoperable parts (storage, sync, sharing, 88 modeling), with well-defined protocols and roles</li> 89 </ul></li> 90 <li>your "home directory for the web"</li> 91 <li>pro-JSON (yet aggressively format agnostic)</li> 92 <li>pro-GnuPG (for signing claims)</li> 93 <li>pro-paranoia and privacy</li> 94 <li>ambitious, but ...</li> 95 <li>simple!</li> 96 <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> 97 <li>neither "Cloud" nor "Local". happily both.</li> 98 <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> 99 <li>not yet ready for users</li> 100 <li>ready for developers (at least those without strong color preferences)</li> 101 </ul> 102 103 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam 104 elementum auctor faucibus. Morbi nec nulla a magna semper ultricies ut 105 ut neque. Maecenas eros sapien, commodo sit amet auctor in, ultricies 106 quis enim. Aliquam vel nisi lectus, at consectetur sapien. Donec in 107 nulla ac tellus tempus auctor imperdiet vitae velit. Morbi tempor, 108 tortor sit amet gravida facilisis, nulla ipsum ultrices ipsum, in 109 volutpat sapien felis sit amet quam. Proin sagittis consequat nisi non 110 dignissim. Aliquam eget erat arcu, id hendrerit quam. Nam eget nisl et 111 risus volutpat consequat. Nulla ac blandit massa. Morbi sed dui 112 mauris. Nulla risus mi, sodales et volutpat non, convallis ut 113 odio. Quisque convallis metus sit amet enim molestie ut convallis odio 114 posuere.</p> 115 116 </div> 117 118 <div class='bar'><div class='hatecss'> 119 Got a question? 120 </div></div> 121 122 <div class='content'> 123 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. 124 </div> 125 126 <div id='props'> 127 Website design inspired by <a href="http://git-scm.com/">git</a> and <a href="http://memcached.org/">memcached</a>. 128 </div> 129 130 </body> 131 </html>