Clean up front page

_includes/carousel_img.html

@@ -11,5 +11,5 @@
 {% endif %}
 
 <div class='item{% if active %} active{% endif %}'>
-    <img class='center' src='{{ img_url }}' alt='{{ alt }}' style='{% if max_height %}max-height: {{ max_height }}; {% endif %}'>
+    <img class='center' src='{{ img_url }}' alt='{{ alt }}' style='{% if min_height %}min-height: {{ min_height }}; {% endif %}{% if max_height %}max-height: {{ max_height }}; {% endif %}'>
 </div>

_includes/index_carousel.html

@@ -2,47 +2,47 @@
 {% include "carousel_start.html" %}
 {% endwith %}
 
-{% with src="index/part_category.png", alt="Part Categories", active=True %}
+{% with src="index/part_category.png", min_height="400px", max_height="400px", alt="Part Categories", active=True %}
 {% include "carousel_img.html" %}
 {% endwith %}
 
-{% with src="index/part_stock.png", alt="Part Stock" %}
+{% with src="index/part_stock.png", min_height="400px", max_height="400px", alt="Part Stock" %}
 {% include "carousel_img.html" %}
 {% endwith %}
 
-{% with src="index/part_suppliers.png", alt="Part Suppliers" %}
+{% with src="index/part_suppliers.png", min_height="400px", max_height="400px", alt="Part Suppliers" %}
 {% include "carousel_img.html" %}
 {% endwith %}
 
-{% with src="index/stock_item.png", alt="Stock Item" %}
+{% with src="index/stock_item.png", min_height="400px", max_height="400px", alt="Stock Item" %}
 {% include "carousel_img.html" %}
 {% endwith %}
 
-{% with src="index/stock_location.png", alt="Stock Location" %}
+{% with src="index/stock_location.png", min_height="400px", max_height="400px", alt="Stock Location" %}
 {% include "carousel_img.html" %}
 {% endwith %}
 
-{% with src="index/stock_location_2.png", alt="Stock Location" %}
+{% with src="index/stock_location_2.png", min_height="400px", max_height="400px", alt="Stock Location" %}
 {% include "carousel_img.html" %}
 {% endwith %}
 
-{% with src="index/suppliers.png", alt="Suppliers" %}
+{% with src="index/suppliers.png", min_height="400px", max_height="400px", alt="Suppliers" %}
 {% include "carousel_img.html" %}
 {% endwith %}
 
-{% with src="index/part_admin.png", alt="Admin Interface" %}
+{% with src="index/part_admin.png", min_height="400px", max_height="400px", alt="Admin Interface" %}
 {% include "carousel_img.html" %}
 {% endwith %}
 
-{% with src="index/category_params.png", alt="Part Parameters" %}
+{% with src="index/category_params.png", min_height="400px", max_height="400px", alt="Part Parameters" %}
 {% include "carousel_img.html" %}
 {% endwith %}
 
-{% with src="index/build_outputs.png", alt="Build Orders" %}
+{% with src="index/build_outputs.png", min_height="400px", max_height="400px", alt="Build Orders" %}
 {% include "carousel_img.html" %}
 {% endwith %}
 
-{% with src="index/bom_add_item.png", alt="Bill of Materials" %}
+{% with src="index/bom_add_item.png", min_height="400px", max_height="400px", alt="Bill of Materials" %}
 {% include "carousel_img.html" %}
 {% endwith %}
 

_includes/overrides/home.html

@@ -0,0 +1,45 @@
+{% extends "base.html" %}
+
+{% block tabs %}
+{{ super() }}
+
+{% endblock %}
+
+{% block content %}
+
+{{ page.content }}
+
+<style>
+    h1 {
+        font-family: Arial, Helvetica, sans-serif;
+    }
+</style>
+
+<!-- Hero for landing page -->
+<section class="mdx-container">
+    <div class="md-grid md-typeset">
+      <div class="mdx-hero">
+            
+        <!-- Hero content -->
+        <div class="mdx-hero__content">
+          <a href="features" title="InvenTree features" class="md-button md-button">
+            Features
+          </a>
+          <a href="start/intro" title="Install InvenTree" class="md-button md-button">
+            Install
+          </a>
+          <a href="https://github.com/inventree/inventree" title="Explore InvenTree source code" class="md-button md-button">
+            <span class='fab fa-github'></span> Source Code
+          </a>
+          <a href="app/app" title="InvenTree mobile app" class="md-button">
+            <span class='fas fa-mobile-alt'></span> Get the App
+          </a>
+          <a href="https://crowdin.com/project/inventree" title="Help translate InvenTree" class="md-button">
+            <span class='fas fa-language'></span> Translate
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+{% endblock %}

docs/app/app.md

@@ -2,7 +2,9 @@
 title: InvenTree Mobile App
 ---
 
-## InvenTree Mobile App
+{% include "app_carousel.html" %}
+
+-----
 
 The InvenTree Mobile App brings stock control to your pocket. Integrating seamlessly with the [InvenTree API](../extend/api.md), the app provides immediate access to inventory data without requiring physical access to a computer.
 
@@ -18,5 +20,3 @@ The InvenTree App can be downloaded for Android devices via the [Play Store](htt
 
 !!! missing "Not Yet Available"
     The InvenTree app is not yet available for iOS devices
-
-{% include "app_carousel.html" %}

docs/features.md

@@ -2,6 +2,17 @@
 title: Features
 ---
 
+## InvenTree
+
+InvenTree is an open-source inventory management system which provides intuitive parts management and stock control. 
+
+InvenTree is designed to be lightweight and easy to use for SME or hobbyist applications, where many existing stock management solutions are bloated and cumbersome to use. However, powerful business logic works in the background to ensure that stock tracking history is maintained, and users have ready access to stock level information.
+
+InvenTree is a [Python](https://www.python.org/) and [Django](https://www.djangoproject.com/) application which stores data in a relational database, and serves this data to the user(s) via a web browser, and (optionally) can be integrated into custom applications via an API.
+
+InvenTree is designed to allow for a flexible installation. You could run the InvenTree server on Raspberry Pi SBC and have a simple single-user setup with a lightweight SQLite database. Or it can be run on the "cloud" using MySQL or PostgreSQL and support multiple simultaneous users.
+
+
 ## Organize Parts
 
 Parts are the fundamental element of any inventory. InvenTree groups parts into structured categories which allow you to arrange parts to meet your particular needs. 

docs/index.md

@@ -1,38 +1,17 @@
 ---
 title: InvenTree
+template: home.html
+hide:
+    - toc
+    - navigation
 ---
 
-## InvenTree 
+## Intuitive inventory management
 
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-[![GitHub Repo stars](https://img.shields.io/github/stars/inventree/inventree?label=View%20On%20GitHub&style=social)](https://github.com/inventree/inventree)
-[![Docker Pulls](https://img.shields.io/docker/pulls/inventree/inventree)](https://hub.docker.com/r/inventree/inventree)
+### *An open source inventory management suite that simply works*
 
-
-InvenTree is an open-source inventory management system which provides intuitive parts management and stock control. 
-
-InvenTree is designed to be lightweight and easy to use for SME or hobbyist applications, where many existing stock management solutions are bloated and cumbersome to use. However, powerful business logic works in the background to ensure that stock tracking history is maintained, and users have ready access to stock level information.
+--------------
 
 {% include "index_carousel.html" %}
 
-### How it Works
-
-InvenTree is a [Python](https://www.python.org/) and [Django](https://www.djangoproject.com/) application which stores data in a relational database, and serves this data to the user(s) via a web browser, and (optionally) can be integrated into custom applications via an API.
-
-InvenTree is designed to allow for a flexible installation. You could run the InvenTree server on Raspberry Pi SBC and have a simple single-user setup with a lightweight SQLite database. Or it can be run on the "cloud" using MySQL or PostgreSQL and support multiple simultaneous users.
-
-## Features
-
-Refer to the [features](./features.md) page for a rundown on the features that InvenTree provides out of the box.
-
-## Getting Started
-
-Refer to the [installation guide](./start/intro.md) for instructions on installing InvenTree. The server where InvenTree is to be installed will need to meet some basic package requirements, and a certain level of system administration understanding is assumed.
-
-## Get the App
-
-InvenTree is supported by a [companion mobile app](./app/app.md) which is tightly integrated with the InvenTree database. Lightning fast stock control, in your pocket!
-
-## Source Code
-
-InvenTree source code is available on [GitHub](https://github.com/inventree/inventree)
+--------------

mkdocs.yml

@@ -14,6 +14,7 @@ theme:
   custom_dir: _includes/overrides
   palette:
     scheme: default
+    accent: light blue
   logo: assets/logo.png
   favicon: assets/favicon.ico
   icon:
@@ -40,13 +41,12 @@ extra_javascript:
 # Navigation
 nav:
   - InvenTree:
-    - About InvenTree: index.md
     - Features: features.md
     - Release Notes: releases/release_notes.md
     - FAQ: faq.md
     - Contribute: contribute.md
     - Credits: credits.md
-  - Installation:
+  - Install:
     - Introduction: start/intro.md
     - Configuration: start/config.md
     - Docker Setup: start/docker.md