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>