BookStack Code Mirror - website/blob - public/index.html

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4         <meta charset="UTF-8">
 5         <title>BookStack</title>
 6         <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,300,300italic,500,500italic,700,700italic' rel='stylesheet' type='text/css'>
 7         <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
 8               rel="stylesheet">
 9         <link rel="stylesheet" href="/dist/styles.css">
 10 </head>
 11 <body>
 12 <header id="header">
 13         <div class="container">
 14                 <div class="row">
 15                         <div class="col-sm-12">
 16                                 <div class="logo">
 17                                         <img src="/logo.svg" alt="BookStack">
 18                                         <h1>BookStack</h1>
 19                                 </div>
 20                         </div>
 21                 </div>
 22                 <div class="row">
 23                         <div class="col-md-4 spaced">
 24                                 <h2 class="wow fadeIn long">Simple &amp; Free Documentation</h2>
 25                                 <p class="wow fadeIn long" data-wow-delay="120ms">BookStack is a simple, self-hosted, easy-to-use platform for organising and storing information.</p>
 26                                 <a href="https://github.com/ssddanbrown/BookStack" class="button pos wow fadeIn long" data-wow-delay="240ms">View on GitHub</a>
 27                         </div>
 28                         <div class="col-md-8 screenshot-container">
 29                                 <img class="wow screenshot" src="/bookstack-screenshot.png" alt="BookStack ScreenShot">
 30                         </div>
 31                 </div>
 32
 33         </div>
 34 </header>
 35         <div class="container md-margin-top">
 36                 <div class="row">
 37                         <div class="col-md-12">
 38                                 <h2>Features</h2>
 39                         </div>
 40                 </div>
 41                 <div class="row">
 42
 43                         <div class="col-sm-4 wow fadeIn">
 44                                 <h3><i class="material-icons">code</i>Free &amp; Open Source</h3>
 45                                 <p>BookStack is fully free and open, MIT licensed. The source is available on GitHub. There is no cost to downloading and installing your own instance of bookstack.
 46                                 </p>
 47                                 <p>
 48                                         <a href="https://github.com/ssddanbrown/BookStack">View the source here &raquo;</a>
 49                                 </p>
 50                         </div>
 51
 52                         <div class="col-sm-4 wow fadeIn" data-wow-delay="240ms">
 53                                 <h3><i class="material-icons">laptop_chromebook</i>Easy, Simple Interface</h3>
 54                                 <p>
 55                                         Simplicity has been the top priority when building BookStack. The page editor has a simple WYSIWYG interface and all content is broken into three simple real world groups:
 56                                 </p>
 57                                 <p>
 58                                         <i class="material-icons text-book">book</i> Books &nbsp;&nbsp;<i class="material-icons text-chapter">collections_bookmark</i> Chapters&nbsp;&nbsp; <i class="material-icons text-page">description</i> Pages
 59                                 </p>
 60                         </div>
 61
 62                         <div class="col-sm-4 wow fadeIn" data-wow-delay="480ms">
 63                                 <h3><i class="material-icons">search</i>Searchable and Connected</h3>
 64                                 <p>
 65                                         The content in BookStack is fully searchable. You are able to search at book level or across all books, chapters &amp; pages. The ability to link directly to any paragraph allows you to keeps your documentation connected.
 66                                 </p>
 67                         </div>
 68
 69                 </div>
 70
 71                 <p>
 72                         <br>
 73                 </p>
 74
 75                 <div class="row">
 76
 77                         <div class="col-sm-4 wow fadeIn">
 78                                 <h3><i class="material-icons">build</i>Configurable</h3>
 79                                 <p>
 80                                         Configuration options allow you to set-up BookStack to suit your use case. You can change the name, Logo and registration options. You can also change whether the whole system is publicly viewable or not.
 81                                 </p>
 82                         </div>
 83
 84                         <div class="col-sm-4 wow fadeIn" data-wow-delay="240ms">
 85                                 <h3><i class="material-icons">storage</i>Simple Requirements</h3>
 86                                 <p>
 87                                         BookStack is built using PHP, on top of the Laravel framework and it uses MySQL to store data. Performance has been kept in mind and BookStack can run happily on a $5 Digital Ocean VPS.
 88                                 </p>
 89                         </div>
 90
 91                         <div class="col-sm-4 wow fadeIn" data-wow-delay="480ms">
 92                                 <h3><i class="material-icons">directions_boat</i>Powerful Features</h3>
 93                                 <p>
 94                                         On top of the powerful search and linking there is also cross-book sorting, Page revisions, Image managment. Some more mega-features are planned such as static-site generation and quick exporting.
 95                                 </p>
 96                         </div>
 97
 98                 </div>
 99
 100                 <div class="row">
 101                         <div class="col-md-12">
 102                                 <h3 class="text-center text-muted">
 103                                         Demo Page Coming Soon
 104                                 </h3>
 105                         </div>
 106                 </div>
 107         </div>
 108         <footer>
 109                 <hr>
 110                 <div class="container">
 111                         <p class="text-muted">
 112                                 BookStack - Created By <a href="http://danb.me" title="danb.me">Dan Brown</a>
 113                         </p>
 114                 </div>
 115         </footer>
 116         <script src="libs/wow.min.js"></script>
 117         <script src="dist/main.js"></script>
 118 </body>
 119 </html>