Add navbar

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

@@ -2,6 +2,31 @@
 .wrapper {
   text-align: center;
 }
+.navbar {
+  padding: 1rem 2.5rem;
+}
+.navbar-header {
+  display: flex;
+  justify-content: space-between;
+}
+.navbar-icon {
+  width: 25px;
+  margin-right: .5rem;
+  padding-bottom: 0.07rem;
+}
+.navbar-brand {
+  font-size: 1rem;
+  font-weight: bold;
+  text-decoration: none;
+  color: #36414C;
+}
+.navbar-brand:hover {
+  text-decoration: none;
+  color: #2E3338;
+}
+.navbar-brand:visited {
+  color: #36414C;
+}
 .container {
   max-width: 1366px;
   margin: 0 auto;
@@ -26,6 +51,14 @@
 .domain-links {
   font-size: 1.5rem;
 }
+.centered-text {
+  max-width: 300px;
+  text-align: center;
+  margin: 0 auto;
+}
+.info {
+  line-height: 2;
+}
 .list.grid-of-four {
   grid-gap: 4rem;
 }
@@ -81,6 +114,14 @@
 .gray-bg {
   background-color: #fafbfc;
 }
+.community-bg {
+  background-image: linear-gradient(to bottom, rgba(117, 116, 254, 0.52), #7574fe), url("/assets/foundation/img/community.jpg");
+  background-size: cover;
+  background-repeat: no-repeat;
+  color: #fff;
+  background-position: center;
+  background-attachment: fixed;
+}
 .secondary-link {
   color: #6c7680;
   transition: color 0.5s ease-in;

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

@@ -4,6 +4,32 @@
 .wrapper {
 text-align:center;
 }
+.navbar{
+    padding: 1rem 2.5rem;
+}
+.navbar-header {
+    display: flex;
+    justify-content: space-between;
+}
+.navbar-icon {
+    width: 25px;
+    margin-right: .5rem;
+    padding-bottom: 0.07rem;
+}
+.navbar-brand {
+    font-size: 1rem;
+    font-weight: bold;
+    text-decoration: none;
+    color: @text-color;
+
+    &:hover{
+    text-decoration:none;
+    color: @text-dark;
+    }
+}
+.navbar-brand:visited{
+    color: @text-color;
+}
 
 .container {
     max-width: 1366px;
@@ -33,6 +59,17 @@ text-align:center;
 .domain-links{
     font-size: 1.5rem;
 }
+
+.centered-text{
+    max-width: 300px;
+    text-align:center;
+    margin: 0 auto;
+}
+.info {
+  line-height: 2;
+}
+
+
 .list.grid-of-four{
     grid-gap: 4rem;
 }
@@ -95,6 +132,14 @@ text-align:center;
     background-color: @light-bg;
 }
 
+.community-bg {
+  background-image: linear-gradient(to bottom, rgba(117, 116, 254, 0.52), rgb(117, 116, 254)), url("/assets/foundation/img/community.jpg");
+  background-size: cover;
+  background-repeat: no-repeat;
+  color: #fff;
+  background-position: center;
+  background-attachment: fixed;
+}
 
 .secondary-link{
     color:@text-light;
@@ -105,14 +150,14 @@ text-align:center;
 }
 
 .three-column {
-  display: flex;
+    display: flex;
-  justify-content: space-between;
+    justify-content: space-between;
 }
 
 .bulleted-list {
-  margin: 0;
+    margin: 0;
-  list-style: circle;
+    list-style: circle;
-  padding-left: 1em;
+    padding-left: 1em;
 }
 
 .bulleted-list li {
@@ -120,21 +165,21 @@ text-align:center;
 }
 
 .row {
-  display: flex;
+    display: flex;
-  text-align: left;
+    text-align: left;
-  justify-content: space-between;
+    justify-content: space-between;
-  margin-bottom: 8rem;
+    margin-bottom: 8rem;
 }
 
 .footer-list {
-  padding-left: 0;
+    padding-left: 0;
-  padding: ;
+    padding: ;
 }
 .list-unstyled li {
-  list-style: none;
+    list-style: none;
-  margin: 1em 0;
+    margin: 1em 0;
 }
 
 .top-spacer {
-margin-top: 3rem;
+    margin-top: 3rem;
 }

foundation/templates/base.html

@@ -21,6 +21,7 @@
 </head>
 <body data-path="{{ path }}">
     <div class="wrapper">
+        {%- block navbar -%}{% include "foundation/templates/includes/navbar/navbar.html" %}{%- endblock -%}
         {% block content %}
             {{ content }}
         {% endblock %}

foundation/templates/includes/footer/footer.html

@@ -42,6 +42,9 @@
 				<li>
 					<a class="secondary-link" href="/members">Memberships</a>
 				</li>
+				<li>
+					<a class="secondary-link" href="/foundation-felow">Fellow</a>
+				</li>
 				<li>
 					<a class="secondary-link" href="bounties">Bounties</a>
 				</li>

foundation/templates/includes/navbar/navbar.html

@@ -0,0 +1,20 @@
+<nav class="navbar navbar-default navbar-main" role="navigation">
+    <div class="container">
+        <div class="navbar-header">
+            <div class="left">
+                <a class="navbar-brand"
+                        href="{{ url_prefix }}{{ home_page or "/"}}">
+                    <span>{{ brand_html or (frappe.get_hooks("brand_html") or ["Home"])[0] }}</span>
+                </a>
+            </div>
+            <div class="right">
+                <ul class="menu">
+                    <li class="menu-items">
+                        <a class="menu-links">
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</nav>

foundation/www/index.html

@@ -50,15 +50,10 @@
 </section>
 <section class="feature community-bg">
     <div class="container">
-        <div class="two-column">
+        <div class="centered-text">
-            <div class="left-column">
+            <h1 class="subtitle">ERPNext Foundation</h1>
-                <h1 class="subtitle">Amazing Community</h1>
+            <p class="info">ERPNext Foundation is a community of ERPNext Users, Developers and Service Providers. The goal of the ERPNext Foundation 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="info">The forum is the hub of activity related to ERPNext. You can ask a question, find developers or hire service providers.</p>
+            <a href="" class="secondary-link">Become a Member</a>
-                <a class="secondary-links">Become a Member</a>
-            </div>
-            <div class="right-column">
-                <img src="community.png">
-            </div>
         </div>
     </div>
 </section>
@@ -75,7 +70,7 @@
                         <a href="" class="secondary-link">2nd Indonesian Meetup</a>
                     </li>
                     <li>
-                        <a href="" class="secondary-link">2nd Indonesian Meetup</a>
+                        <a href="/members" class="secondary-link">2nd Indonesian Meetup</a>
                     </li>
                 </ul>
             </div>