try two at screenshots

MrBitBucket · Oct 19, 2018 · 4a881c2 · 4a881c2
1 parent f192fc2
commit 4a881c2
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 26 deletions.
diff --git a/_data/footer-nav.yml b/_data/footer-nav.yml
@@ -27,6 +27,8 @@
     #  url: /philosophy/opensource.html
     - title: Style Guide
       url: /style-guide.html
+    - title: Screenshot Gallery
+      url: /screenshots.html
 
 - title: Federation sites
   pages:

diff --git a/screenshots/1.introduction.md b/screenshots/1.introduction.md
@@ -1,8 +1,6 @@
 ## __1__ Introduction
 
-This website is built with [Jekyll](https://jekyllrb.com) using [Bootstrap 4](https://getbootstrap.com/docs/4.0/getting-started/introduction/). Design patterns and components from these libraries should be understood when the website is being updated so that they can be effectively implemented when needed.
-
-Wherever feasible we have allowed content to be written in [Markdown](https://kramdown.gettalong.org/quickref.html), especially for content such as documentation and news, that we hope will be team supported. There are pages requiring complex formatting however where we have used HTML markup.
-
-This website is hosted on [Github pages](https://pages.github.com), the [master repository can be viewed here](https://github.com/openath/openath.github.io). 
+This page shows screen shots from parts of our application.
 
+It's mostly to help us prepare presentations and other teaching materials quickly,
+but a scroll through gives you a good idea what Opentrack is about.
diff --git a/screenshots/2.federations.md b/screenshots/2.federations.md
@@ -5,28 +5,10 @@
   </figure>
 </div>
 <div markdown="1" data-aos="fade-up">		
-## __5__ Images 
+## __2__ Federation Management
 
-### 5.1 Screenshots
+### 2.1 subsection
 
-There is built in support to show screens within a pre-styled device frame, here is an example of a tablet. 
-
-Find out about size and markup requirements in the [devices](#devices) section below.
-
-### 5.2 Regular images
-
-Wrapping the `<img>` within a `<figure>` tag will automatically make that image responsive and bordered.
-
-</div>
-<figure data-aos="fade-up">
-  <img src="../assets/img/gallery/podium_kids.jpg" alt="podium kids" width="1500" height="718" />
-  <figcaption>Fig.1 - Competitors on a podium.</figcaption>
-</figure>
-
-<div markdown="1" data-aos="fade-up">
-        
-### 5.3 Captions
-
-Use the `<figcaption>` tag within the `<figure>` tag, at the end just before the closing `</figure>`, to label your images.
+Add images here
 
 </div>