Add screenshots to home page

Author: mottosso

pages/2.0/index.md

@@ -66,55 +66,26 @@ template: home.html
     	<a href="http://forums.getavalon.io" target="_blank">Forums</a> <p>|</p>
     	<a href="https://mindbender-studio.github.io/journal" target="_blank">Journal</a> <p>|</p>
     	<a href="https://github.com/getavalon/core/issues" target="_blank">Issue Tracker</a> <p>|</p>
-    	<a href="https://github.com/getavalon/core/projects/1" target="_blank">Priority Queue</a>
     </div>
 </div>
 
 <br>
- 
----
 
-<br>
-<br>
+<h3>Screenshots</h3>
 
+<p>To give you a sense of what's in store, here are some images from Avalon graphical user interfaces.</p>
 
-## Meet Avalon
-
-Avalon is a Python framework for the post-production Pipeline that encourages safety and automation. Built by developers and artists within the film industry, it takes care of much of the hassle of Pipeline development so that you can focus on tailoring the flow of information between the artists in your company. It's free and open source.
-
-<table id="home-features">
-	<tr>
-		<td>
-			<img src="https://user-images.githubusercontent.com/2152766/27373641-0581f7b8-5661-11e7-9cbd-a92c963aa9a4.png">
-		</td>
-		<td>
-			<h3>Safe</h3>
-			"Everytime we make an update to an asset, something breaks and we spend weeks troubleshooting.." Does this sound familiar? Avalon was designed to combat this syndrome so that you can spend precious resources elsewhere.
-		</td>
-	</tr>
-	<tr>
-		<td>
-			<img src="https://user-images.githubusercontent.com/2152766/27373644-0783499a-5661-11e7-96dc-7b1690aee5f1.png">
-		</td>
-		<td>
-			<h3>Automated</h3>
-			Amongst the thousands of production tasks spread across tens and sometimes hundreds of artists, a large fraction of labour is repetative. Tedious. Avalon is designed to automate needless tasks so as to let your creatives stay creative.
-		</td>
-	</tr>
-	<tr>
-		<td>
-			<img src="https://user-images.githubusercontent.com/2152766/27373642-0674784e-5661-11e7-9215-7a83af26bc10.png">
-		</td>
-		<td>
-			<h3>Scalable</h3>
-			Got an idea in mind for producing a film with your friends? Bidding on your next blockbuster venture with Marvel? Avalon builds on best practices from some of the largest visual effects organisations in the world and is designed to facilitate growth.
-		</td>
-	</tr>
-</table>
-
-<a href="overview/" class="button red">Learn more about Avalon</a>
+<div class="screenshots">
+	<img src=https://user-images.githubusercontent.com/2152766/50041734-7235f300-0051-11e9-9f42-ae43ef479dc9.jpg>
+	<img src=https://user-images.githubusercontent.com/2152766/50041735-72ce8980-0051-11e9-86fc-77316eaed453.jpg>
+	<img src=https://user-images.githubusercontent.com/2152766/50041736-72ce8980-0051-11e9-808f-d2601d4ddd57.jpg>
+	<img src=https://user-images.githubusercontent.com/2152766/50041737-72ce8980-0051-11e9-95e5-f2a8c018359e.jpg>
+	<img src=https://user-images.githubusercontent.com/2152766/50041738-72ce8980-0051-11e9-81e0-18659be72af4.jpg>
+	<img src=https://user-images.githubusercontent.com/2152766/50041739-72ce8980-0051-11e9-9e66-cadc35531375.jpg>
 </div>
 
+<br>
+
 <div class="mobile">
 
 <a href="overview/" class="button blue">Learn more</a>
@@ -125,115 +96,6 @@ Avalon is a Python framework for the post-production Pipeline that encourages sa
 
 <br>
 <br>
-
-<div style="display: none">
-TODO(marcus): Format this nicely.
-
----
-
-<br>
-
-## Built on
-
-!!! danger "Note to self"
-
-	Format this
-
-Open source software used in this open source software.
-
-- Pyblish
-- jsonschema
-- qtawesome
-- requests
-- six
-- Qt.py
-- toml
-- MongoDB
-- PyMongo
-- PyQt
-- Qt
-- QML
-
-<br>
-
----
-
-## Support
-
-!!! danger "Note to self"
-  
- 	Insert logos here.
-
-- ftrack
-- Shotgun
-- Perforce
-- Maya
-- Nuke
-- Houdini
-- Clarisse
-- Mudbox
-- Zbrush
-- Photoshop
-- After Effects
-- Flame
-
-<br>
-<br>
-
----
-
-<br>
-
-## Industries
-
-<div class="flex-container">
-	<a class="flex-item" href="overview/">
-		<div class="flex-translator">
-			<div class="image-container">
-				<img src="https://user-images.githubusercontent.com/2152766/27348772-159b0b4a-55ed-11e7-8e0e-f780fc47d0c8.png">
-			</div>
-			<h3>Animation & Graphic Design</h3>
-			<p>Track complex animation productions and communicate with your team of artists to ensure everyone is on the same page and on schedule.</p>
-		</div>
-	</a>
-
-	<a class="flex-item" href="https://getavalon.github.io/core/">
-		<div class="flex-translator">
-			<div class="image-container">
-				<img src="https://user-images.githubusercontent.com/2152766/27348723-ecc52d72-55ec-11e7-82b3-b1cc486fc423.png">
-			</div>
-			<h3>Episodic TV & Feature Film</h3>
-			<p>Let ftrack become the backbone of your VFX pipeline as its powerful API and integrations allow your studio to collaborate with production teams worldwide.</p>
-		</div>
-	</a>
-
-	<a class="flex-item" href="https://github.com/getavalon/core">
-		<div class="flex-translator">
-			<div class="image-container">
-				<img src="https://user-images.githubusercontent.com/2152766/27353545-483787ae-55fc-11e7-9d7f-242b3f038ada.png">
-			</div>
-			<h3>Marketing & Advertising</h3>
-			<p>Manage your shortform project team and assets to ensure a smooth production with tight deadlines. Review media with collaborators and clients to gain swift approval.</p>
-		</div>
-	</a>
-
-	<a class="flex-item" href="https://github.com/getavalon/core">
-		<div class="flex-translator">
-			<div class="image-container">
-				<img src="https://user-images.githubusercontent.com/2152766/27353545-483787ae-55fc-11e7-9d7f-242b3f038ada.png">
-			</div>
-			<h3>Virtual & Augmented Reality</h3>
-			<p>Create your next cutting edge VR/AR project with a production proven solution to ensure your team reaches the finish line on time and on budget.</p>
-		</div>
-	</a>
-</div>
-
-<br>
-
----
-
-</div>
-
 <br>
 <br>
 <br>