erpnext/foundation
1
0
Fork 0
mirror of https://github.com/erpnext/foundation.git synced 2026-10-16 18:00:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add navbar

Browse Source
This commit is contained in:
Raghavendra Kamath
2018-02-13 00:50:49 +05:30
parent 3f8b8bb4f8
commit 5eded58ae7
7 changed files with 129 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
foundation/public/css/erpnext-org-theme.css
View File

@@ -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;

BIN
foundation/public/img/community.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 576 KiB

73
foundation/public/less/erpnext-org-theme.less
View File

@@ -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;
justify-content: space-between;
display: flex;
justify-content: space-between;
}
.bulleted-list {
margin: 0;
list-style: circle;
padding-left: 1em;
margin: 0;
list-style: circle;
padding-left: 1em;
}
.bulleted-list li {
@@ -120,21 +165,21 @@ text-align:center;
}
.row {
display: flex;
text-align: left;
justify-content: space-between;
margin-bottom: 8rem;
display: flex;
text-align: left;
justify-content: space-between;
margin-bottom: 8rem;
}
.footer-list {
padding-left: 0;
padding: ;
padding-left: 0;
padding: ;
}
.list-unstyled li {
list-style: none;
margin: 1em 0;
list-style: none;
margin: 1em 0;
}
.top-spacer {
margin-top: 3rem;
margin-top: 3rem;
}

1
foundation/templates/base.html
View File

@@ -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 %}

3
foundation/templates/includes/footer/footer.html
View File

@@ -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>

20
foundation/templates/includes/navbar/navbar.html Normal file
View File

@@ -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>

15
foundation/www/index.html
View File

@@ -50,15 +50,10 @@
</section>
<section class="feature community-bg">
<div class="container">
<div class="two-column">
<div class="left-column">
<h1 class="subtitle">Amazing Community</h1>
<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 class="secondary-links">Become a Member</a>
</div>
<div class="right-column">
<img src="community.png">
</div>
<div class="centered-text">
<h1 class="subtitle">ERPNext Foundation</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>
<a href="" class="secondary-link">Become a Member</a>
</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>