tweak service providers and sponsers in conference

foundation/erpnext_foundation/doctype/service_provider/templates/service_provider.html

@@ -9,14 +9,12 @@
 {% endif %}
 <section>
 	<div class="media">
-		{% if image %}
 		<div class="media-left">
 			<a href="#">
 				<img class="media-object"
 					src="{{ image }}">
 			</a>
 		</div>
-		{% endif %}
 		<div class="media-body">
 			{{ introduction }}
 			<table class='table table-bordered small'>

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

@@ -109,40 +109,29 @@ a:hover {
 .list-items:hover {
   box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.05);
 }
-.list.grid-of-four,
+.grid-of-four,
 .grid-of-three {
   grid-gap: 2.5rem;
-}
-.grid-of-four {
   display: grid;
-  grid-template-columns: repeat(1, 1fr);
-}
-@media screen and (min-width: 500px) {
-  .grid-of-four {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-@media screen and (min-width: 767px) {
-  .grid-of-four {
-    grid-template-columns: repeat(3, 1fr);
-  }
 }
 @media screen and (min-width: 991px) {
   .grid-of-four {
     grid-template-columns: repeat(4, 1fr);
   }
 }
-.grid-of-three {
+.grid-of-three,
-  display: grid;
+.grid-of-four {
   grid-template-columns: repeat(1, 1fr);
 }
 @media screen and (min-width: 500px) {
-  .grid-of-three {
+  .grid-of-three,
+  .grid-of-four {
     grid-template-columns: repeat(2, 1fr);
   }
 }
 @media screen and (min-width: 767px) {
-  .grid-of-three {
+  .grid-of-three,
+  .grid-of-four {
     grid-template-columns: repeat(3, 1fr);
   }
 }
@@ -151,6 +140,11 @@ a:hover {
   padding-left: 0;
 }
 /*utilities*/
+.hide,
+.hidden {
+  display: none;
+  visibility: hidden;
+}
 .top-zero {
   margin-top: 0;
 }
@@ -289,7 +283,7 @@ a:hover {
   line-height: 3;
 }
 .button-secondary:hover {
-  background: #cad5df;
+  background: #ffffff;
   color: #2E3338;
 }
 .secondary-link {
@@ -316,12 +310,18 @@ a:hover {
 .page_content li,
 .sidebar-item,
 .footer-list li {
-  margin-bottom: 1em;
+  margin-bottom: 1rem;
 }
 .page-container {
   display: flex;
   max-width: 1199px;
   margin: 0 auto;
+  flex-direction: column-reverse;
+}
+@media screen and (min-width: 767px) {
+  .page-container {
+    flex-direction: row;
+  }
 }
 .page-content {
   width: 100%;
@@ -357,9 +357,13 @@ a:hover {
 }
 .sidebar-block {
   padding: 4rem 0;
-  border-right: 1px solid black;
   min-width: 200px;
+  border-top: 1px solid #EBEFF2;
+}
+@media screen and (min-width: 767px) {
+  .sidebar-block {
     border-right: 1px solid #EBEFF2;
+  }
 }
 .blog-page {
   padding: 4rem 0;
@@ -367,7 +371,12 @@ a:hover {
   margin: 0 auto;
 }
 .page-content.with-sidebar {
+  padding: 1rem;
+}
+@media screen and (min-width: 767px) {
+  .page-content.with-sidebar {
     padding: 4rem 0 4rem 2.5rem;
+  }
 }
 hr {
   margin-top: 20px;
@@ -391,12 +400,39 @@ hr {
   margin-right: .5em;
 }
 /* loaned from bootstrap*/
-.fade.in {
+/*progress bar*/
-  opacity: 1;
+.progress {
+  height: 1.5rem;
+  margin-bottom: 1.5rem;
+  overflow: hidden;
+  background-color: #f5f5f5;
+  border-radius: .25rem;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 }
+.progress-bar-success {
+  background-color: #98d85b;
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+/*progress bar*/
 .clickable a {
   color: #36414C;
 }
+.clickable a:focus {
+  outline: 0;
+}
+.fade.in {
+  opacity: 1;
+}
 caption {
   padding-top: 8px;
   padding-bottom: 8px;
@@ -569,6 +605,9 @@ code {
   font-size: .85em;
 }
 /*loaned from frappe*/
+.comment-view {
+  padding-bottom: 2.5rem;
+}
 .no-results {
   text-align: center;
   padding: 10rem 0px;
@@ -759,13 +798,13 @@ img.blog-cover-image,
 .gold-member:hover {
   background-color: #fafbfc;
 }
-.silver-member {
+.box {
   padding: 1.5rem;
   border: 1px solid #d1d8dd;
   border-radius: .25em;
   transition: background-color 0.3s ease-out;
 }
-.silver-member:hover {
+.box:hover {
   background-color: #fafbfc;
 }
 .domain-links {

foundation/public/img/conf/sponsors/mnt.svg

@@ -1,125 +0,0 @@
-<?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="199.90601mm"
-   height="25.419046mm"
-   viewBox="0 0 708.32837 90.067487"
-   id="svg4241"
-   version="1.1"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="mnt_logo.svg">
-  <defs
-     id="defs4243" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="0.7"
-     inkscape:cx="230.22122"
-     inkscape:cy="-255.58374"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     fit-margin-top="-0.8"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     inkscape:window-width="1317"
-     inkscape:window-height="744"
-     inkscape:window-x="49"
-     inkscape:window-y="24"
-     inkscape:window-maximized="1" />
-  <metadata
-     id="metadata4246">
-    <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:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-17.264423,-11.603008)">
-    <g
-       transform="matrix(2.1678617,0,0,2.1678617,-199.24183,-1037.6959)"
-       id="g4221-3"
-       inkscape:export-xdpi="90"
-       inkscape:export-ydpi="90">
-      <g
-         id="g4813"
-         transform="matrix(0.95383105,0,0,0.95383105,12.153569,23.275819)">
-        <text
-           xml:space="preserve"
-           style="font-style:normal;font-weight:normal;font-size:31.10012436px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#00cb6f;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-           x="190.9724"
-           y="516.14307"
-           id="text4237-3-6"
-           sodipodi:linespacing="125%"><tspan
-             sodipodi:role="line"
-             id="tspan4239-6-7"
-             x="190.9724"
-             y="516.14307"
-             style="font-weight:bold;fill:#00cb6f;fill-opacity:1">MN Technique</tspan></text>
-        <path
-           style="fill:#00cb6f;fill-opacity:1;fill-rule:evenodd;stroke:#00cb6f;stroke-width:1.55500627;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           d="m 113.60466,482.79083 -8.60807,0 11.38486,43.04035 8.60807,0 z"
-           id="rect3336-3-6-7-3-2-5"
-           inkscape:connector-curvature="0"
-           sodipodi:nodetypes="ccccc" />
-        <path
-           style="fill:#ffffff;fill-rule:evenodd;stroke:#00cb6f;stroke-width:1.55500627;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           d="m 104.35793,482.45761 8.60807,0 -11.38487,43.04034 -8.608072,0 z"
-           id="rect3336-3-5-5-6-3"
-           inkscape:connector-curvature="0"
-           sodipodi:nodetypes="ccccc" />
-        <path
-           style="fill:#00cb6f;fill-opacity:1;fill-rule:evenodd;stroke:#00cb6f;stroke-width:1.55500627;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           d="m 136.92975,482.79083 -8.60807,0 11.38487,43.04035 8.60807,0 z"
-           id="rect3336-3-6-3-6-1-5"
-           inkscape:connector-curvature="0"
-           sodipodi:nodetypes="ccccc" />
-        <path
-           style="fill:#ffffff;fill-rule:evenodd;stroke:#00cb6f;stroke-width:1.55500627;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           d="m 127.68302,482.45761 8.60807,0 -11.38487,43.04034 -8.60807,0 z"
-           id="rect3336-3-56-2-8-6"
-           inkscape:connector-curvature="0"
-           sodipodi:nodetypes="ccccc" />
-        <path
-           style="fill:#00cb6f;fill-opacity:1;fill-rule:evenodd;stroke:#00cb6f;stroke-width:1.55500627;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           d="m 160.25484,482.79083 -8.60806,0 11.38486,43.04035 8.60807,0 z"
-           id="rect3336-3-6-2-9-7-2"
-           inkscape:connector-curvature="0"
-           sodipodi:nodetypes="ccccc" />
-        <path
-           style="fill:#ffffff;fill-rule:evenodd;stroke:#00cb6f;stroke-width:1.55500627;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           d="m 151.00811,482.45761 8.60807,0 -11.38487,43.04034 -8.60806,0 z"
-           id="rect3336-3-9-1-9-9"
-           inkscape:connector-curvature="0"
-           sodipodi:nodetypes="ccccc" />
-        <path
-           style="fill:#ffffff;fill-rule:evenodd;stroke:#00cb6f;stroke-width:1.55500627;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           d="m 174.45816,482.56868 8.60807,0 -11.38487,43.04035 -8.60807,0 z"
-           id="rect3336-3-5-1-2-2-1"
-           inkscape:connector-curvature="0"
-           sodipodi:nodetypes="ccccc" />
-      </g>
-    </g>
-  </g>
-</svg>

foundation/public/img/frappe-bird-black.svg

@@ -1,16 +1,45 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="222px" height="168px" viewBox="0 0 222 168" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg
-    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
-    <title>Group</title>
+   xmlns:cc="http://creativecommons.org/ns#"
-    <desc>Created with Sketch.</desc>
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-    <defs></defs>
+   xmlns:svg="http://www.w3.org/2000/svg"
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+   xmlns="http://www.w3.org/2000/svg"
-        <g id="Group" fill-rule="nonzero">
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-            <path d="M39.838,4.703 L85.685,50.55" id="Shape" fill="#FF783D"></path>
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-            <path d="M116.07,167.331 C114.972,167.331 113.892,166.904 113.083,166.099 L37.699,91.15 C36.899,90.355 36.45,89.273 36.45,88.145 L36.45,4.703 C36.45,2.364 38.346,0.468 40.683,0.468 C43.023,0.468 44.919,2.364 44.919,4.703 L44.919,86.385 L111.833,152.913 L111.833,102.073 C111.833,99.735 113.729,97.839 116.067,97.839 C118.407,97.839 120.303,99.735 120.303,102.073 L120.303,163.095 C120.303,164.806 119.274,166.349 117.694,167.006 C117.17,167.225 116.617,167.331 116.07,167.331 Z" id="Shape" fill="#000000"></path>
+   width="233.10893"
-            <path d="M40.684,46.206 L5.109,46.206 C3.423,46.206 1.897,45.208 1.225,43.662 C0.552,42.115 0.862,40.317 2.01,39.085 L27.506,11.723 L36.738,1.816 C38.333,0.105 41.013,0.009 42.724,1.604 C44.435,3.199 44.529,5.878 42.935,7.59 L14.844,37.736 L40.684,37.736 C43.024,37.736 44.92,39.632 44.92,41.972 C44.92,44.311 43.023,46.206 40.684,46.206 Z" id="Shape" fill="#000000"></path>
+   height="184.52928"
-            <path d="M85.685,54.784 C84.588,54.784 83.492,54.362 82.663,53.516 L37.663,7.669 C36.024,5.999 36.05,3.317 37.719,1.68 C39.389,0.041 42.07,0.067 43.708,1.736 L88.708,47.584 C90.347,49.253 90.321,51.934 88.652,53.572 C87.826,54.381 86.756,54.784 85.685,54.784 Z" id="Shape" fill="#000000"></path>
+   viewBox="0 0 233.10893 184.52928"
-            <path d="M82.015,133.274 C80.802,133.274 79.599,132.756 78.761,131.752 C77.262,129.956 77.504,127.285 79.299,125.787 L205.176,20.796 L127.873,20.796 L43.229,91.397 C41.433,92.895 38.762,92.655 37.263,90.857 C35.765,89.062 36.007,86.39 37.803,84.892 L123.626,13.309 C124.388,12.675 125.347,12.327 126.338,12.327 L216.863,12.327 C218.645,12.327 220.238,13.444 220.844,15.12 C221.451,16.796 220.944,18.673 219.574,19.814 L84.726,132.292 C83.934,132.953 82.971,133.274 82.015,133.274 Z" id="Shape" fill="#000000"></path>
+   version="1.1"
-        </g>
+   xml:space="preserve"
-    </g>
+   style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41420996"
-</svg>
+   id="svg16"
+   sodipodi:docname="frappe-bird-grey.svg"
+   inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
+     id="metadata22"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs20" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1149"
+     id="namedview18"
+     showgrid="false"
+     inkscape:zoom="1.8153846"
+     inkscape:cx="135.31524"
+     inkscape:cy="86.252338"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg16" /><path
+     inkscape:connector-curvature="0"
+     id="path846"
+     d="M 32.996565,1.9352345e-4 C 32.920595,-0.00190648 32.848004,0.01370352 32.773387,0.01707352 c -0.17861,-0.01013 -0.360732,-0.0068 -0.544372,0.02026 -0.613757,0.08981 -1.242875,0.401518 -1.814563,1.00325498 L 30.016615,1.5709865 0.53497063,40.895016 c -1.327318,1.789981 -0.08137,4.651792 2.59622497,4.349742 L 35.168988,40.67518 42.012044,88.660303 c 0.131003,0.97745 0.647283,1.71644 1.331268,2.17401 0.05571,0.52506 0.274499,1.05866 0.718863,1.53193 l 49.558917,50.417347 c 0.32211,0.31941 0.69614,0.52989 1.08699,0.65779 l 39.526398,40.21036 c 2.00898,1.88759 5.24535,0.54029 5.24485,-2.23509 l 0.65951,-80.71558 92.10383,-90.694028 c 1.85795,-1.7675625 0.48302,-4.6583425 -1.81807,-4.5835565 l -99.81928,-0.807829 c -1.05771,-0.0068 -1.66614,0.53897 -1.90703,0.76944 L 61.387877,71.666093 84.005562,41.49695 c 1.20682,-1.653272 0.51345,-3.515475 -0.6281,-4.375909 L 34.753728,0.60263852 c -0.587859,-0.401348 -1.188043,-0.585901 -1.756994,-0.60193899655 z"
+     style="fill:#29344a;fill-opacity:1;stroke:none;stroke-width:0.99999988px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /></svg>

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

@@ -5,7 +5,7 @@
 a {
     color: @brand-primary;
     text-decoration: none;
-    transition: @transition-color;
+    transition: color @transition;
     &:hover{
     color: @text-dark;
     text-decoration: underline;
@@ -91,7 +91,7 @@ a {
     padding: 8rem 2.5rem;
 	}
 }
-.page{
+.page {
     padding: 0 1rem;
     border-top: 1px solid @light-border-color;
 }
@@ -111,34 +111,24 @@ a {
     border-radius: .5rem;
     background-color: #fff;
     min-width:200px;
-    transition: @transition-all;
+    transition: all @transition;
     &:hover{
         box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.05);
     }
 }
 
-.list.grid-of-four, .grid-of-three {
+.grid-of-four, .grid-of-three {
     grid-gap: 2.5rem;
+	display: grid;
 }
 
 .grid-of-four {
-    display: grid;
-    grid-template-columns: repeat(1, 1fr);
-	@media screen and (min-width: @screen-palm) {
-	grid-template-columns: repeat(2, 1fr);
-	}
-    @media screen and (min-width: @screen-xs) {
-	grid-template-columns: repeat(3, 1fr);
-	}
 	@media screen and (min-width: @screen-sm) {
 	grid-template-columns: repeat(4, 1fr);
 	}
 }
 
-
+.grid-of-three, .grid-of-four{
-
-.grid-of-three{
-	display: grid;
     grid-template-columns: repeat(1, 1fr);
 	@media screen and (min-width: @screen-palm) {
 	grid-template-columns: repeat(2, 1fr);
@@ -158,6 +148,11 @@ a {
 @spacer-2: @spacer-1 * 2;
 
 /*utilities*/
+.hide, .hidden {
+    display: none;
+	visibility: hidden;
+}
+
 .top-zero {
     margin-top: 0;
 }
@@ -182,7 +177,7 @@ a {
     text-align: right;
 }
 
-.text-center{
+.text-center {
     text-align: center;
 }
 
@@ -198,11 +193,11 @@ a {
     color:#fff;
 }
 
-.centered{
+.centered {
 	margin: 0 auto;
 }
 
-.bold{
+.bold {
 	font-weight: bold;
 }
 
@@ -263,7 +258,7 @@ a {
 
 .primary-links {
     color: @text-light;
-    transition: @transition-color;
+    transition: color @transition;
     &:hover{
         color: @text-dark;
         text-decoration: none;
@@ -274,7 +269,7 @@ a {
     padding: 1rem 1.5rem;
     border-radius:.25em;
     cursor: pointer;
-    transition: @transition-all;
+    transition: all @transition;
     border-bottom: 3px solid rgba(0, 0, 0, 0.2);
     text-decoration: none;
     &:hover{
@@ -312,7 +307,7 @@ a {
 
 .secondary-link {
     color:@text-light;
-    transition: @transition-color;
+    transition: color @transition;
     &:hover{
         color: @text-dark;
     }
@@ -337,7 +332,7 @@ a {
     padding: ;
 }
 .page_content li, .sidebar-item, .footer-list li{
-    margin-bottom: 1em;
+    margin-bottom: 1rem;
 
 }
 
@@ -345,9 +340,14 @@ a {
     display: flex;
     max-width: @screen-md;
     margin: 0 auto;
+    flex-direction: column-reverse;
+    @media screen and (min-width: @screen-xs) {
+		flex-direction: row
+	}
+
 }
 
-.page-content{
+.page-content {
     width:100%;
     padding: 4rem 0;
 
@@ -370,7 +370,7 @@ a {
         }
         &:hover{
             color: @text-dark;
-            transition: @transition-color;
+            transition: color @transition;
         }
     }
 
@@ -387,19 +387,27 @@ a {
 
 .sidebar-block {
     padding: 4rem 0;
-    border-right: 1px solid black;
     min-width: 200px;
+    border-top: 1px solid @light-border-color;
+	@media screen and (min-width: @screen-xs) {
 		border-right: 1px solid @light-border-color;
+    }
+
 }
 
-.blog-page{
+.blog-page {
     padding: 4rem 0;
     max-width: 700px;
     margin: 0 auto;
 }
 
 .page-content.with-sidebar {
+
+	@media screen and (min-width: @screen-xs) {
 		 padding: 4rem 0 4rem 2.5rem;
+    }
+    padding: 1rem;
+
 }
 
 hr {
@@ -415,9 +423,9 @@ hr {
     font-size: 0.75rem;
 }
 
-.footer-end a{
+.footer-end a {
     color: @text-muted;
-    &:hover{
+    &:hover {
     color: #fff;
     }
 }
@@ -428,13 +436,47 @@ hr {
 }
 
 /* loaned from bootstrap*/
+
+
+
+/*progress bar*/
+.progress {
+    height: 1.5rem;
+    margin-bottom: 1.5rem;
+    overflow: hidden;
+    background-color: #f5f5f5;
+    border-radius: .25rem;
+    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
+}
+
+.progress-bar-success {
+    background-color: @indicator-green;
+}
+
+.sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    border: 0;
+}
+/*progress bar*/
+
+.clickable a {
+    color: @text-color;
+	&:focus {
+		outline:0;
+	}
+}
+
 .fade.in {
   opacity: 1;
 }
 
-.clickable a {
-    color: @text-color;
-}
 caption {
   padding-top: 8px;
   padding-bottom: 8px;
@@ -614,6 +656,10 @@ code {
 }
 
 /*loaned from frappe*/
+.comment-view {
+    padding-bottom: 2.5rem;
+}
+
 .no-results {
     text-align: center;
     padding: 10rem 0px;
@@ -754,7 +800,7 @@ img.blog-cover-image, .blog-text img, .screenshot {
 	margin-top: .25em;
     font-weight: normal;
     font-size: 1rem;
-    a{
+    a {
     color: @text-color;
     }
 }
@@ -830,7 +876,7 @@ img.blog-cover-image, .blog-text img, .screenshot {
     }
 }
 
-.silver-member{
+.box {
 	padding: 1.5rem;
 	border: 1px solid @border-color;
 	border-radius: .25em;
@@ -865,6 +911,6 @@ img.blog-cover-image, .blog-text img, .screenshot {
   background-attachment: fixed;
 }
 
-.community-bg .intro-copy, .about .intro-copy{
+.community-bg .intro-copy, .about .intro-copy {
 	max-width:800px;
 }

foundation/public/less/variables.less

@@ -4,10 +4,8 @@
 @screen-sm-min:             768px;
 @screen-xs-max:             (@screen-sm-min - 1);
 @button-primary-hover:      darken(desaturate(@brand-primary, 50%), 15%);
-@button-secondary-hover:    darken(@light-bg, 15%);
+@button-secondary-hover:    lighten(@light-bg, 15%);
 @primary-link-color:        lighten(@brand-primary, 5%);
-@transition-color:          color .3s ease-out;
-@transition-all:            all .3s ease-out;
 @border:                    1px solid @border-color;
 @transition:				.3s ease-out;
 @screen-palm:				500px;

foundation/templates/includes/footer/footer.html

@@ -44,7 +44,7 @@
 					<a class="secondary-link" href="/members">Memberships</a>
 				</li>
 				<li>
-					<a class="secondary-link" href="/foundation-felow">Fellow</a>
+					<a class="secondary-link" href="/foundation-fellow">Fellow</a>
 				</li>
 				<li>
 					<a class="secondary-link" href="/bounties">Bounties</a>
@@ -103,7 +103,7 @@
 					<a class="secondary-link" href="/docs/current">ERPNext Model & API</a>
 				</li>
 			</ul>
-            <h3 class="footer-title top-spacer">Localisation</h3>
+            <!--<h3 class="footer-title top-spacer">Localisation</h3>
             <ul class="list-unstyled footer-list">
                 <li>
                     <a class="secondary-link" href="https://erpnext.com/uae-ksa-vat" target="_blank">UAE/KSA VAT</a>
@@ -111,7 +111,7 @@
                 <li>
                     <a class="secondary-link" href="https://erpnext.com/india-gst" target="_blank">GST For India</a>
                 </li>
-            </ul>
+            </ul>-->
         </div>
     </div>
     </div>

foundation/templates/includes/sponsors.html

@@ -1,63 +1,35 @@
-<section>
+<section class="sponsor">
-<div>
+	<div class="grid-of-three">
-	<div class='row'>
+		<div class="box text-center top-spacer" >
-
-		<div class="col-sm-4">
-			<div class='sponsor' >
 			<a href="https://frappe.io/" class="no-decoration" target="_blank">
-					<img src="/assets/foundation/img/frappe-bird-thin.png" alt="Frappé"
+				<img src="/assets/foundation/img/frappe-bird-black.svg" alt="Frappe"/>
-						style="margin-top: 20px;"/>
 			</a>
 		</div>
-		</div>
+		<div class="box text-center top-spacer" >
-
-		<div class="col-sm-4">
-			<div class='sponsor' >
 			<a href="https://mntechnique.com/" class="no-decoration" target="_blank">
-					<img src="/assets/foundation/img/conf/sponsors/mnt-logo.png" alt="MNT"
+				<img src="/assets/foundation/img/conf/sponsors/mnt-logo.png" alt="MNT"/>
-						style="margin-top: 30px;"/>
 			</a>
 		</div>
-		</div>
+		<div class="box text-center top-spacer" >
-
-		<div class="col-sm-4">
-			<div class='sponsor' >
 			<a href="http://fogliasana.com/" class="no-decoration" target="_blank">
-					<img src="/assets/foundation/img/conf/sponsors/shs-logo.png" alt="SHS"
+				<img src="/assets/foundation/img/conf/sponsors/shs-logo.png" alt="SHS"/>
-						style="margin-top: 36px;"/>
 			</a>
 		</div>
-		</div>
+		<div class="box text-center top-spacer" >
-
-		<div class="col-sm-4">
-			<div class='sponsor' >
 			<a href="https://www.cloude8.com/" class="no-decoration" target="_blank">
-					<img src="/assets/foundation/img/conf/sponsors/cloude8.webp" alt="Cloude8"
+				<img src="/assets/foundation/img/conf/sponsors/cloude8.png" alt="Cloude8"/>
-						style="margin-top: 33px;"/>
 			</a>
 		</div>
-		</div>
+		<div class="box text-center top-spacer" >
-
-		<div class="col-sm-4">
-			<div class='sponsor' >
 			<a href="https://digithinkit.com/" class="no-decoration" target="_blank">
-					<img src="/assets/foundation/img/conf/sponsors/digithinkit.png" alt="DigiThinkIT"
+				<img src="/assets/foundation/img/conf/sponsors/digithinkit.png" alt="DigiThinkIT"/>
-						style="margin-top: 60px;"/>
 			</a>
 		</div>
-		</div>
+		<div class="box text-center top-spacer" >
-
-		<div class="col-sm-4">
-			<div class='sponsor' >
 			<a href="http://www.indictranstech.com/" class="no-decoration" target="_blank">
-					<img src="/assets/foundation/img/conf/sponsors/indictrans.jpg" alt="Indictrans"
+				<img src="/assets/foundation/img/conf/sponsors/indictrans.png">
-						style="margin-top: 60px;"/>
-				</a>
 		</div>
 	</div>
-	</div>
-
-
 	<div class="row">
 		<div class="col-sm-12">
 			<div style="margin-top: 40px;">
@@ -67,6 +39,4 @@
 			</div>
 		</div>
 	</div>
-
-</div>
 </section>

foundation/www/service-providers.html

@@ -4,13 +4,11 @@
 
 {% macro gold_member(m) %}
 <div class="media {{ 'text-muted' if m.placeholder else '' }}" style="cursor: pointer;" onclick="location.href='{{ m.route }}'">
-		{% if m.image %}
 		<div class="media-left">
 			<a href="{{ m.route }}">
 				<img class="thumb-small media-object" src="{{ m.image or '/assets/foundation/img/gold.png' }}">
 			</a>
 		</div>
-		{% endif %}
 		<div class="media-body">
 			<h4 class="media-heading">{{ m.title }}</h4>
 			{{ m.introduction }}
@@ -19,7 +17,7 @@
 {% endmacro %}
 
 {% macro silver_member(m) %}
-	<div class="silver-member clickable {{ 'text-muted' if m.placeholder else '' }}"
+	<div class="box clickable {{ 'text-muted' if m.placeholder else '' }}"
 		 style="cursor: pointer;" onclick="location.href='{{ m.route }}'">
 		<h4>{{ m.title }}</h4>
 		<p>{{ m.introduction | truncate(140) }}</p>

foundation/www/service_providers.py

@@ -26,6 +26,7 @@ def get_context(context):
 		context.gold_members.append(dict(
 			title='Your Company',
 			introduction='Become a Gold Member today and get your company featured here',
+			image='/assets/foundation/img/gold.png',
 			route='/members',
 			placeholder=True
 		))
@@ -43,6 +44,7 @@ def get_context(context):
 		context.silver_members.append(dict(
 			title='Your Company',
 			introduction='Become a silver Member today and get your company featured here',
+			image='/assets/foundation/img/silver.png',
 			route='/members',
 			placeholder=True
 		))