start about page styling

foundation/public/css/erpnext-org-theme.css

@@ -134,7 +134,7 @@ a:hover {
 .homepage-illustration {
   margin-bottom: 2.5rem;
   width: 100%;
-  max-width: 900px;
+  max-width: 800px;
 }
 .title {
   font-size: 2.5rem;
@@ -267,7 +267,8 @@ a:hover {
 .secondary-link:hover {
   color: #2E3338;
 }
-.three-column {
+.three-column,
+.two-column {
   display: flex;
   justify-content: space-between;
 }

foundation/public/img/foundation-image.svg

@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="330.00012"
+   height="330.00006"
+   viewBox="0 0 87.312531 87.312515"
+   version="1.1"
+   id="svg5271"
+   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
+   sodipodi:docname="foundation-image.svg">
+  <defs
+     id="defs5265" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="-8.3021998"
+     inkscape:cy="181.06016"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1149"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5268">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-50.081839,-105.93303)">
+    <g
+       id="g1446-4-5"
+       transform="translate(-1596.0827,-463.42076)"
+       inkscape:export-filename="/home/raghu/Desktop/logos-02.png"
+       inkscape:export-xdpi="23.536129"
+       inkscape:export-ydpi="23.536129"
+       style="fill:#cccccc">
+      <g
+         id="g1422-7-2"
+         transform="matrix(0.9999989,0,0,0.99999981,279.19167,438.7826)"
+         style="stroke-width:1.0000006;fill:#cccccc">
+        <g
+           transform="translate(-25.731002,-0.1322636)"
+           id="g1418-4-6"
+           style="stroke-width:1.0000006;fill:#cccccc">
+          <g
+             id="g1416-4-9"
+             transform="translate(-95.250002)"
+             style="stroke-width:1.0000006;fill:#cccccc">
+            <path
+               inkscape:connector-curvature="0"
+               id="path1414-3-4"
+               d="m 1501.1846,130.70348 h 60.8542 c 7.329,0 13.2292,5.9002 13.2292,13.22916 v 60.85419 c 0,7.32896 -5.9002,13.22917 -13.2292,13.22917 h -60.8542 c -7.3289,0 -13.2292,-5.90021 -13.2292,-13.22917 v -60.85419 c 0,-7.32896 5.9003,-13.22916 13.2292,-13.22916 z"
+               style="opacity:1;vector-effect:none;fill:#cccccc;fill-opacity:1;stroke:none;stroke-width:3.96875262;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+          </g>
+        </g>
+        <g
+           style="stroke-width:0.98702425;fill:#cccccc"
+           transform="matrix(1.0131472,0,0,1.0131472,-144.01349,-2.2905938)"
+           id="g1420-0-4" />
+      </g>
+      <path
+         style="opacity:1;vector-effect:none;fill:#cccccc;fill-opacity:1;stroke:none;stroke-width:15;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         clip-path="none"
+         d="M 164.92578 228.00977 A 412.60453 412.60453 0 0 0 0 262.94922 L 0 280 C 0 307.70001 22.30022 330 50 330 L 280 330 C 307.69978 330 330 307.70001 330 280 L 330 262.70508 A 412.60453 412.60453 0 0 0 164.92578 228.00977 z "
+         transform="matrix(0.26458333,0,0,0.26458333,1646.1645,569.35379)"
+         id="circle1424-7-6" />
+      <g
+         id="g1434-8-0"
+         transform="translate(2.8144523,0.84784259)"
+         style="fill:#cccccc;fill-opacity:1" />
+      <g
+         transform="translate(3.8727857,-0.32524952)"
+         id="g1444-6-7"
+         style="fill:#cccccc" />
+    </g>
+  </g>
+</svg>

foundation/public/less/erpnext-org-theme.less

@@ -71,7 +71,7 @@ a {
 .homepage-illustration {
     margin-bottom: 2.5rem;
     width: 100%;
-    max-width: 900px;
+    max-width: 800px;
 }
 
 .title{
@@ -227,7 +227,7 @@ a {
     }
 }
 
-.three-column {
+.three-column, .two-column {
     display: flex;
     justify-content: space-between;
 }

foundation/www/about.html

@@ -1,19 +1,29 @@
-{% extends "templates/web.html" %}
+{% extends "templates/base.html" %}
 
 {% block title %}About ERPNext Foundation{% endblock %}
 
 {% from "foundation/templates/includes/macros.html" import media %}
 
-{% block page_content %}
+{% block content%}
-<section>
+	<div class="page">
+		<div class="page-content">
+			<section class="two-column container">
+				<div class="left">
 					{{ doc.company_introduction }}
-</section>
+				</div>
-<section>
+				<div class="right">
-	<h3>People</h3>
+					<img src="/assets/foundation/img/foundation-image.svg">
+				</div>
+			</section>
+			<section class="container">
+				<hr>
+				{{ doc.team_members_heading }}
 				{% for member in doc.team_members  %}
 					{{ media(member.full_name, member.bio, member.image_link) }}
 				{% endfor %}
-<p><a href="/contact">Want to talk to someone in the foundation? Get in touch</a></p>
+			<p><a href="/contact">Want to talk to someone in the foundation? Get in touch</a></p>
-
+			</section>
-</section>
+		</div>
+	</div>
 {% endblock %}
+