From aafd483e2af13ec63d97f53d522f4d9e5fcd8e41 Mon Sep 17 00:00:00 2001
From: Raghavendra Kamath <raghu@raghukamath.com>
Date: Thu, 19 Apr 2018 15:30:03 +0530
Subject: [PATCH] Update macros and about page

---
 foundation/templates/includes/macros.html |  6 +--
 foundation/www/about.html                 | 49 +++++++++++++----------
 2 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/foundation/templates/includes/macros.html b/foundation/templates/includes/macros.html
index 49ea3afc..84cd052f 100644
--- a/foundation/templates/includes/macros.html
+++ b/foundation/templates/includes/macros.html
@@ -1,13 +1,13 @@
 {% macro media(title, content, image, link) %}
-	<div class="media my-5 bg-light p-4 {% if link %}clickable{% endif %}"
+	<div class="media my-3 bg-light p-4 {% if link %}clickable{% endif %}"
 		{% if link %}style="cursor: pointer;"{% endif %}
 		{% if link %}onclick="location.href='{{ link }}'"{% endif %}>
 			<a href="{{ link or "#" }}">
-				<img class="mr-3 p-4"
+				<img class="mr-3 media-img"
 					src="{% if image %}{% if not '/' in image %}/assets/foundation/img/{% endif %}{{ image }}{% else %}/assets/foundation/img/frappe-bird-grey.svg{% endif %}"
 					style="{% if image and not '/' in image %}opacity: 0.4{% endif %}">
 			</a>
-		<div class="media-body mt-0 lead p-4">
+		<div class="media-body mt-0">
 			{% if title %}<h4 class="media-heading">{{ title }}</h4>{% endif %}
 			{{ content }}
 		</div>
diff --git a/foundation/www/about.html b/foundation/www/about.html
index 288be5d7..4484ad69 100644
--- a/foundation/www/about.html
+++ b/foundation/www/about.html
@@ -5,26 +5,31 @@
 {% from "foundation/templates/includes/macros.html" import media %}
 
 {% block content%}
-	<div class="page">
-        <section class='text-center my-3'>
-            <div class="container">
-                <img class="rounded mw-100 my-5" src="/assets/foundation/img/community-colored.jpg">
-                <h1 class="display-4 my-4">ERPNext Foundation</h1>
-                <p class="lead w-75 m-auto p-2">We are a Non Profit Foundation representing a community of ERPNext Users, Developers and Service Providers. Our goal is to provide a platform for the ERPNext Community to
-                come together, join hands and build assets to help build and enhance ERPNext around the world.</p>
-                <p class="lead w-75 m-auto p-2"> ERPNext Foundation aims to be a community driven organization and run in a transparent manner. If you want to be more involved in the ERPNext Community, read the <a href="/faq" class="secondary-link" target="_blank">FAQ</a>.
-            </div>
-        </section>
-        <hr class="my-5">
-        <section class="my-3">
-            <div class="container">
-                <h1 class="font-weight-light my-4">{{ doc.team_members_heading }}</h1>
-				{% for member in doc.team_members  %}
-					{{ media(member.full_name, member.bio, member.image_link) }}
-				{% endfor %}
-			    <p class="lead p-2"><a href="/contact">Want to talk to someone in the foundation? Get in touch</a></p>
-			</section>
-		</div>
-	</div>
-{% endblock %}
+<div class="page">
+	<section class='my-3'>
+		<img class="rounded mw-100 my-5" src="/assets/foundation/img/community-colored.jpg">
+		<h1 class="font-weight-normal">ERPNext Foundation</h1>
+		<p class="lead w-75">We are a Non Profit
+			Foundation representing a community of ERPNext
+			Users, Developers and Service Providers. Our
+			goal is to provide a platform for the ERPNext
+			Community to
+			come together, join hands and build assets to help build and enhance ERPNext around the world.</p>
+		<p class="lead w-75"> ERPNext Foundation
+			aims to be a community driven organization and
+			run in a transparent manner. If you want to be
+			more involved in the ERPNext Community, read
+			the <a href="/faq" class="secondary-link" target="_blank">FAQ</a>.
+		</p>
+	</section>
+		<hr class="my-5">
+	<section class="my-3">
+			<h1 class="font-weight-normal">{{ doc.team_members_heading }}</h1>
+			{% for member in doc.team_members  %}
+			{{ media(member.full_name, member.bio, member.image_link) }}
+			{% endfor %}
+			<p class="p"><a href="/contact">Want to talk to someone in the foundation? Get in touch</a></p>
+	</section>
+</div>
+	{% endblock %}