BookStack Code Mirror - website/blob - themes/bookstack/layouts/section/docs.html

 1 {{ partial "header.html" . }}
 2
 3 <div class="primary shaded padded-vertical">
 4         <div class="container">
 5                 {{ if eq .Type "admin-doc" }}
 6                 <div class="docs-section-title">Admin Documentation</div>
 7                 {{ else if eq .Type "user-doc" }}
 8                 <div class="docs-section-title">User Documentation</div>
 9                 {{else}}
 10                 <div class="docs-section-title">Documentation</div>
 11                 {{end}}
 12         </div>
 13 </div>
 14
 15
 16 <div class="container docs-index">
 17         {{if ne .Page.Type "user-doc"}}
 18         <div class="padded-vertical margin-bottom">
 19                 {{if ne .Page.Type "admin-doc"}}
 20                 <h3>Admin Documentation</h3>
 21                 {{end}}
 22                 <div class="docs-index-row">
 23                         {{partial "menu_admin_docs"}}
 24                 </div>
 25         </div>
 26         <hr class="nomargin margin-bottom">
 27         {{end}}
 28
 29         {{if ne .Page.Type "admin-doc"}}
 30         <div class="padded-vertical margin-bottom">
 31                 {{if ne .Page.Type "user-doc"}}
 32                 <h3>User Documentation</h3>
 33                 {{end}}
 34                 <div class="docs-index-row">
 35                         {{partial "menu_user_docs"}}
 36                 </div>
 37         </div>
 38         {{end}}
 39 </div>
 40
 41 <div class="shaded shaded-border padded-vertical large">
 42         <div class="container">
 43                 <div class="row">
 44                         <div class="col-md-6">
 45                                 <h3>Video Guides</h3>
 46                                 <p>
 47                                         If you prefer videos to text, or need a bit of visual guidance,
 48                                         we're on both YouTube and PeerTube where we host a series of videos that cover installation,
 49                                         configuration, maintenance and usage.
 50                                 </p>
 51                                 <p>
 52                                         <a href="https://foss.video/c/bookstack/" target="_blank"
 53                                                 rel="noopener">Our PeerTube channel</a>
 54                                         <span class="text-muted">&nbsp;|&nbsp;</span>
 55                                         <a href="https://www.youtube.com/c/BookStackApp" target="_blank"
 56                                                 rel="noopener">Our YouTube channel</a>
 57                                 </p>
 58                         </div>
 59                         <div class="col-md-6">
 60                                 <div class="youtube-embed-wrap" style="max-width: 560px;">
 61                                         <a href="https://www.youtube.com/watch?v=tSaDVduc3uI" target="_blank" title="View Video" rel="noreferrer noopener">
 62                                                 <img src="/images/yt/tSaDVduc3uI.webp" alt="YouTube Video Thumbnail">
 63                                         </a>
 64                                 </div>
 65                         </div>
 66                 </div>
 67         </div>
 68 </div>
 69
 70 {{ partial "footer.html" . }}