medium style

foundation/hooks.py

@@ -39,7 +39,7 @@ home_page = "index"
 template_apps = ['foundation', 'frappe_theme', 'erpnext', 'frappe']
 website_context = {
 	# "navbar_search": 1,
-	"brand_html": "<img class='mr-2 d-inline-block align-top' width='30px' height='30px' src='/assets/foundation/img/erpnext-logo-white.svg' alt='Oensource ERP Software'/>ERPNext.org",
+	"brand_html": "<img class='mr-2 d-inline-block align-top' width='30px' height='30px' src='/assets/foundation/img/erpnext-logo-black.svg' alt='Opensource ERP Software'/>ERPNext.org",
 	"top_bar_items": [
 			{"label": "ERPNext", "child_items":[
 				{"label": "User Stories", "url": "/stories"},

foundation/www/about.html

@@ -51,14 +51,15 @@
 
 ]%}
 
-<section class='top-section'>
+<section class='section-padding splash'
+	style='background-image: url(/assets/foundation/img/community-colored.jpg)'>
+</section>
+<section class='top-section after-splash'>
 	<div class='container'>
 	<h1>ERPNext Foundation</h1>
 	<p class="lead">We are a registered not-for-profit
 		entity representing a community of ERPNext
 		users, developers and service providers.<p>
-	<img class="rounded mw-100 my-5 greyscale"
-		 src="/assets/foundation/img/community-colored.jpg">
 	</div>
 </section>
 <section class='section-padding section-bg'>

foundation/www/chapter-list.html

@@ -58,19 +58,18 @@
 		'members': 20
 	},
 ] %}
+<section class='section-padding splash'
+	style='background-image: url(/assets/foundation/img/meetups/meetup.jpg)'>
+</section>
 
-<section class='top-section'>
+<section class='top-section after-splash'>
 	<div class='container'>
 		<h1>Chapters</h1>
 		<p class='lead'>
 			Become a part of your local ERPNext Community by joining a chapter near you.
 			If you can't find one, start your own!
 		</p>
-	</div>
-</section>
-<section class='section-padding section-bg'>
-	<div class='container'>
-	<div class='card-deck'>
+		<div class='card-deck mt-5'>
 	{% for item in chapters %}
 
 	<a href='{{ item['meetup-link' ]}}' target='_blank' class='card mb-4'>
@@ -85,16 +84,12 @@
 	{% endif %}
 	{% endfor %}
 	</div>
+	<div class='text-muted mt-4'>
+		To start your own chapter, start a group on <a href='https://meetup.com' target='_blank'>Meetup.com</a> and get in touch with us.
+	</div>
+	<div>
+	<a class='mt-4 btn-dark btn' href="/contact">Contact Us To Start a New Chapter</a>
 	</div>
-</section>
-<section class='section-padding'>
-	<div class='container text-center'>
-		<div class='text-muted'>
-			To start your own chapter, start a group on <a href='https://meetup.com' target='_blank'>Meetup.com</a> and get in touch with us.
-		</div>
-		<div>
-		<a class='mt-2 btn-dark btn' href="/contact">Contact Us To Start a New Chapter</a>
-		</div>
 	</div>
 <section>
 {% endblock %}

foundation/www/conf/2018/index.html

@@ -5,16 +5,18 @@
 {% from "templates/includes/media.html" import media %}
 
 {% block page_content %}
-<section class='top-section'>
+<section class='section-padding splash'
+	style='background-image: url(/assets/foundation/img/conf/conf-1.png)'>
+</section>
+<section class='top-section after-splash'>
 	<div class='container'>
 		<h1>ERPNext Conference 2018</h1>
 		<p class='lead'>The biggest gathering of ERPNext enthusiasts from all over the World.</p>
-		<img class='greyscale mt-4' src='/assets/foundation/img/conf/conf-1.png'>
 	</div>
 </section>
-<section class='section-padding text-center section-bg'>
+<section class='section-padding section-bg text-center'>
 	<div class='container'>
-		<h1>Propose a Talk</h1>
+		<h3 class='mt-5'>Propose a Talk</h3>
 		<p class='lead'>Talk about your experience in the using or developing for ERPNext. These talks are live streamed and watched by thousands online.</p>
 		<a href='mailto:foundation@erpnext.com' class='btn btn-dark btn-sm mt-4'>Send Your Proposal</a>
 	</div>
@@ -22,7 +24,7 @@
 <section class='section-padding'>
 	<div class='container'>
 		<div class='text-center'>
-			<h1>Dates and Venue</h1>
+			<h3>Dates and Venue</h3>
 			<p class='lead mb-5'>The ERPNext Conference will be held at the same venue as the previous four editions, in Mumbai.</p>
 		</div>
 		<div class='card w-400'>

foundation/www/index.html

@@ -1,9 +1,15 @@
 {% extends "templates/web.html" %}
 {% block title %}ERPNext Foundation - Open Source ERP Software{% endblock %}
 {% block page_content %}
-<section class='top-section'>
+<style>
+	.page-head { display: none; }
+</style>
+<section class='section-padding splash'
+	style='background-image: url(/assets/foundation/img/unsplash/digital-2.jpeg)'>
+</section>
+<section class='top-section after-splash'>
 	<div class='container'>
-	<img src='/assets/foundation/img/icons/microprocessor.svg' style='height: 100px; margin-bottom: 2rem; margin-top: -1rem'>
+	<!-- <img src='/assets/foundation/img/icons/microprocessor.svg' style='height: 100px; margin-bottom: 2rem; margin-top: -1rem'> -->
 	<h1>Enterprise System for the Digital Age</h1>
 	<p class='lead'>
 		ERPNext is the modern, easy-to-use, 100% open source, business management system used by thousands of enterprises worldwide.

foundation/www/open-source.html

@@ -1,9 +1,12 @@
 {% from "templates/includes/media.html" import media %}
 
-<section class='top-section'>
+<section class='section-padding splash'
+	style='background-image: url(/assets/foundation/img/unsplash/freedom.jpeg)'>
+</section>
+<section class='top-section after-splash'>
 	<div class='container'>
 		<h1>100% Open Source</h1>
-		<p class='lead'>Unlike other open source business platforms, ERPNext is categorically Open Source, because unlike them, we don't think sustainability and open source live at odds.</p>
+		<p class='lead'>Unlike other open source business platforms, ERPNext is fully Open Source, because unlike them, we don't think sustainability and open source live at odds.</p>
 	</div>
 </section>
 <section class='section-padding section-bg'>

foundation/www/stories/index.html

@@ -5,12 +5,14 @@
 {% from "templates/includes/media.html" import media %}
 
 {% block page_content %}
-<section class='top-section'>
+<section class='section-padding splash'
+	style='background-image: url(/assets/foundation/img/stories/zerodha.jpg)'>
+</section>
+
+<section class='top-section after-splash'>
 	<div class='container'>
 		<h1>Trailblazing Companies Use ERPNext</h1>
 		<p class='lead'>For every industry or size or domain, ERPNext has been driving growth and systems for innovative companies worldwide.</p>
-	</div>
-</section>
 
 {% set stories = [
 		{
@@ -96,9 +98,8 @@
 	]
 %}
 
-<section class='section-padding section-bg'>
-<div class='container'>
-	<div class='row'>
+
+	<div class='row mt-5'>
 	{% for item in stories %}
 		<div class='col-sm-4 mb-4'>
 		<div class='card h-100'>