Update macros and about page

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>

foundation/www/about.html

@@ -6,25 +6,30 @@
 
 {% block content%}
 <div class="page">
-        <section class='text-center my-3'>
+	<section class='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>
+		<h1 class="font-weight-normal">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
+		<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 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>.
+		<p class="lead w-75"> ERPNext Foundation
-            </div>
+			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">
-            <div class="container">
+			<h1 class="font-weight-normal">{{ doc.team_members_heading }}</h1>
-                <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>
+			<p class="p"><a href="/contact">Want to talk to someone in the foundation? Get in touch</a></p>
 	</section>
 </div>
-	</div>
 	{% endblock %}