<div class="row">
<div class="col-sm-4 col-sm-offset-0 col-xs-8 col-xs-offset-2">
<h4>Page View</h4>
+ <p>How core content is viewed in BookStack</p>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
- <a href="images/screenshots/page-view.png" data-size="1920x1080">
+ <a href="images/screenshots/page-view.png" data-size="1666x910">
<img src="images/screenshots/thumb_page-view.png" alt="Page View">
</a>
</figure>
</div>
<div class="col-sm-4 col-sm-offset-0 col-xs-8 col-xs-offset-2">
<h4>Page Editor</h4>
+ <p>The WYSIWYG interface for editing pages</p>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
- <a href="images/screenshots/page-edit.png" data-size="1920x1080">
+ <a href="images/screenshots/page-edit.png" data-size="1666x910">
<img src="images/screenshots/thumb_page-edit.png" alt="Page Editing">
</a>
</figure>
</div>
<div class="col-sm-4 col-sm-offset-0 col-xs-8 col-xs-offset-2">
<h4>Image Manager</h4>
+ <p>How images are uploaded and managed</p>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
- <a href="images/screenshots/image-manager.png" data-size="1920x1080">
+ <a href="images/screenshots/image-manager.png" data-size="1666x910">
<img src="images/screenshots/thumb_image-manager.png" alt="Image Manager">
</a>
</figure>
</div>
</div>
+ <br>
+
<div class="row">
<div class="col-sm-4 col-sm-offset-0 col-xs-8 col-xs-offset-2">
<h4>All Books Overview</h4>
+ <p>An overview of the top-level categorisation</p>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
- <a href="images/screenshots/books-view.png" data-size="1920x1080">
+ <a href="images/screenshots/books-view.png" data-size="1666x910">
<img src="images/screenshots/thumb_books-view.png" alt="View of all books">
</a>
</figure>
</div>
<div class="col-sm-4 col-sm-offset-0 col-xs-8 col-xs-offset-2">
<h4>Book Overview</h4>
+ <p>A view of the main content container: A book</p>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
- <a href="images/screenshots/book-overview.png" data-size="1920x1080">
+ <a href="images/screenshots/book-overview.png" data-size="1666x910">
<img src="images/screenshots/thumb_book-overview.png" alt="Book Overview">
</a>
</figure>
</div>
<div class="col-sm-4 col-sm-offset-0 col-xs-8 col-xs-offset-2">
<h4>Book Sorting</h4>
+ <p>How created content can be sorted within a book</p>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
- <a href="images/screenshots/book-sorting.png" data-size="1920x1080">
+ <a href="images/screenshots/book-sorting.png" data-size="1666x910">
<img src="images/screenshots/thumb_book-sorting.png" alt="Book Content Sorting View">
</a>
</figure>
</div>
</div>
+ <br>
+
<div class="row">
<div class="col-sm-4 col-sm-offset-0 col-xs-8 col-xs-offset-2">
<h4>Global Search</h4>
+ <p>The main interface for searching created content</p>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
- <a href="images/screenshots/search.png" data-size="1920x1080">
+ <a href="images/screenshots/search.png" data-size="1666x910">
<img src="images/screenshots/thumb_search.png" alt="Searching all content">
</a>
</figure>
</div>
<div class="col-sm-4 col-sm-offset-0 col-xs-8 col-xs-offset-2">
<h4>App Settings</h4>
+ <p>A view the of application system settings</p>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
- <a href="images/screenshots/settings-view.png" data-size="1920x1080">
+ <a href="images/screenshots/settings-view.png" data-size="1666x910">
<img src="images/screenshots/thumb_settings-view.png" alt="Settings View">
</a>
</figure>
</div>
<div class="col-sm-4 col-sm-offset-0 col-xs-8 col-xs-offset-2">
- <h4>Profile Update Page</h4>
+ <h4>Profile Page</h4>
+ <p>A user profile page, showing their activity and content</p>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
- <a href="images/screenshots/profile-edit-view.png" data-size="1920x1080">
- <img src="images/screenshots/thumb_profile-edit-view.png" alt="Profile Editing Screen">
+ <a href="images/screenshots/profile-page.png" data-size="1666x910">
+ <img src="images/screenshots/thumb_profile-page.png" alt="Profile Editing Screen">
</a>
</figure>
</div>