Cleanup classes

- clean footer
- add container to body
This commit is contained in:
Raghavendra Kamath
2018-03-28 19:45:56 +05:30
parent 81fcef5797
commit 9c34f84d72
6 changed files with 161 additions and 184 deletions

View File

@@ -1,5 +1,5 @@
@import "/assets/css/frappe-css.css";
@import "reset.css"; @import "reset.css";
@import "/assets/css/frappe-css.css";
.indicator, .indicator,
.indicator-right { .indicator-right {
background: none; background: none;
@@ -74,3 +74,6 @@
.logo-img { .logo-img {
width: var(--unit-3); width: var(--unit-3);
} }
.page-shadow {
box-shadow: 0 0 30px -5px var(--light-grey);
}

View File

@@ -6,3 +6,7 @@
.logo-img { .logo-img {
width: var(--unit-3); width: var(--unit-3);
} }
.page-shadow {
box-shadow: 0 0 30px -5px var(--light-grey);
}

View File

@@ -16,7 +16,7 @@
{% endblock %} {% endblock %}
{% block body %} {% block body %}
<body data-path="{{ path }}"> <body class="container m0auto page-shadow" data-path="{{ path }}">
{%- block navbar -%}{% include "templates/includes/navbar/navbar.html" %}{%- endblock -%} {%- block navbar -%}{% include "templates/includes/navbar/navbar.html" %}{%- endblock -%}
{% block content %} {% block content %}
{{ content }} {{ content }}

View File

@@ -1,167 +1,152 @@
<footer class=" section-padding dark-bg"> <footer>
<div class="container"> <div class="border-top flex space-between p4">
<div class="columns text-left clearfix"> <div >
<div class="column footer-brand"> <h3>Industries</h3>
<div class="bottom-spacer"> <ul class="list-unstyled">
<img class="footer-icon bottom-spacer" src="/assets/foundation/img/erpnext-logo.svg" alt="ERPnext Logo"> <li>
<p class="copyright text-muted">&copy; <span id="year"></span> ERPNext Open Source Software Foundation.</br> <a href="/docs/user/manual/en/manufacturing">Manufacturing</a>
Content licensed under <a class="footer-link" href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank"> CC-BY-SA 3.0</a> | <a href="/terms" class="footer-link">Terms of use</a>.</p> </li>
</div> <li>
<div class="bottom-spacer"> <a href="/docs/user/manual/en/stock">Distribution</a>
<div class="inline-block"> </li>
<form class="js-subscribe-form"> <li>
<label class="footer-email"> <a href="/docs/user/manual/en/projects">Services</a>
<input class="footer-email-input dark-bg" </li>
name="email" type="email" placeholder="Your email address"> <li>
</label> <a href="/docs/user/manual/en/accounts/point-of-sale-pos-invoice">Retail</a>
<button type="submit" class="button button-dark">Subscribe</button> </li>
</form> <li>
</div> <a href="/docs/user/manual/en/education">Education</a>
</div> </li>
</div> <li>
<div class="column"> <a href="/docs/user/manual/en/healthcare">Healthcare</a>
<h3 class="footer-title text-white">Industries</h3> </li>
<ul class="list-unstyled footer-list"> <li>
<li> <a href="/docs/user/manual/en/agriculture">Agriculture</a>
<a class="footer-link" href="/docs/user/manual/en/manufacturing">Manufacturing</a> </li>
</li> <li>
<li> <a href="/docs/user/manual/en/non_profit">Non Profit</a>
<a class="footer-link" href="/docs/user/manual/en/stock">Distribution</a> </li>
</li> </ul>
<li> </div>
<a class="footer-link" href="/docs/user/manual/en/projects">Services</a> <div >
</li> <h3>Foundation</h3>
<li> <ul class="list-unstyled">
<a class="footer-link" href="/docs/user/manual/en/accounts/point-of-sale-pos-invoice">Retail</a> <li>
</li> <a href="/about">About</a>
<li> </li>
<a class="footer-link" href="/docs/user/manual/en/education">Education</a> <li>
</li> <a href="/blog">Blog</a>
<li> </li>
<a class="footer-link" href="/docs/user/manual/en/healthcare">Healthcare</a> <li>
</li> <a href="/members">Memberships</a>
<li> </li>
<a class="footer-link" href="/docs/user/manual/en/agriculture">Agriculture</a> <li>
</li> <a href="/foundation-fellow">Fellow</a>
<li> </li>
<a class="footer-link" href="/docs/user/manual/en/non_profit">Non Profit</a> <li>
</li> <a href="/bounties">Bounties</a>
</ul> </li>
</div> <li>
<div class="column"> <a href="/conf">Conferences</a>
<h3 class="footer-title text-white">Foundation</h3> </li>
<ul class="list-unstyled footer-list"> <li>
<li> <a href="/contact">Contact</a>
<a class="footer-link" href="/about">About</a> </li>
</li> <li>
<li> <a href="/login">Member Login</a>
<a class="footer-link" href="/blog">Blog</a> </li>
</li> </ul>
<li> </div>
<a class="footer-link" href="/members">Memberships</a> <div >
</li> <h3>Community</h3>
<li> <ul class="list-unstyled">
<a class="footer-link" href="/foundation-fellow">Fellow</a> <li>
</li> <a href="/chapters">Chapters</a>
<li> </li>
<a class="footer-link" href="/bounties">Bounties</a> <li>
</li> <a href="https://discuss.erpnext.com" target="_blank" >Forum</a>
<li> </li>
<a class="footer-link" href="/conf">Conferences</a> <li>
</li> <a href="/service-providers">Service Providers</a>
<li> </li>
<a class="footer-link" href="/contact">Contact</a> <li>
</li> <a href="/erpnext-jobs">ERPNext Jobs</a>
<li> </li>
<a class="footer-link" href="/login">Member Login</a> <li>
</li> <a href="/apps">Apps</a>
</ul> </li>
</div> <li>
<div class="column"> <a href="https://gitter.im/frappe/erpnext" target="_blank" >Chat (Gitter)</a>
<h3 class="footer-title text-white">Community</h3> </li>
<ul class="list-unstyled footer-list"> <li>
<li> <a href="https://github.com/frappe/erpnext" target="_blank" >GitHub</a>
<a class="footer-link" href="/chapters">Chapters</a> </li>
</li> <li>
<li> <a href="https://erpnext.com" target="_blank" >ERPNext.com</a>
<a class="footer-link" href="https://discuss.erpnext.com" target="_blank" >Forum</a> </li>
</li> </ul>
<li> </div>
<a class="footer-link" href="/service-providers">Service Providers</a> <div >
</li> <h3>Documentation</h3>
<li> <ul class="list-unstyled">
<a class="footer-link" href="/erpnext-jobs">ERPNext Jobs</a> <li>
</li> <a href="/docs/user/manual">Manual</a>
<li> </li>
<a class="footer-link" href="/apps">Apps</a> <li>
</li> <a href="https://www.youtube.com/c/erpnext" target="_blank" >Video Tutorials</a>
<li> </li>
<a class="footer-link" href="https://gitter.im/frappe/erpnext" target="_blank" >Chat (Gitter)</a> <li>
</li> <a href="/docs/current">ERPNext Model & API</a>
<li> </li>
<a class="footer-link" href="https://github.com/frappe/erpnext" target="_blank" >GitHub</a> </ul>
</li> <h3>Find Us On</h3>
<li> <ul class="list-unstyled">
<a class="footer-link" href="https://erpnext.com" target="_blank" >ERPNext.com</a> <li>
</li> <a href="https://twitter.com/erpnext" target="_blank">Twitter</a>,
</ul> </li>
</div> <li>
<div class="column"> <a href="https://www.facebook.com/ERPNext/" target="_blank">Facebook</a>
<h3 class="footer-title text-white">Documentation</h3> </li>
<ul class="list-unstyled footer-list"> <li>
<li> <a href="https://medium.com/frappé-thoughts/" target="_blank">Medium</a>
<a class="footer-link" href="/docs/user/manual">Manual</a> </li>
</li> </ul>
<li>
<a class="footer-link" href="https://www.youtube.com/c/erpnext" target="_blank" >Video Tutorials</a>
</li>
<li>
<a class="footer-link" href="/docs/current">ERPNext Model & API</a>
</li>
</ul>
<h3 class="footer-title text-white top-spacer">Find Us On</h3>
<ul class="list-unstyled footer-list">
<li>
<a class="footer-link" href="https://twitter.com/erpnext" target="_blank">Twitter</a>,
</li>
<li>
<a class="footer-link" href="https://www.facebook.com/ERPNext/" target="_blank">Facebook</a>
</li>
<li>
<a class="footer-link" href="https://medium.com/frappé-thoughts/" target="_blank">Medium</a>
</li>
</ul>
</div>
</div> </div>
<script type="text/javascript">
frappe.ready(function() {
var d = new Date();
var currentYear = d.getFullYear();
$("#year").text(currentYear);
$('.js-subscribe-form').on('submit', function(e) {
e.preventDefault();
const form = this;
const formdata = new FormData(this);
const email = formdata.get('email');
const input = $(form).find('input');
const button = $(form).find('button');
erpnext.subscribe_to_newsletter({
email,
callback(r) {
if (!r.exc) {
form.reset();
button.text('Added');
setTimeout(() => {
button.text('Subscribe');
}, 3000);
}
}
})
});
});
</script>
</div> </div>
<div class="p4 border-top">
<div class="bottom-spacer">
<span>&copy; <span id="year"></span> ERPNext Open Source Software Foundation. Content licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank"> CC-BY-SA 3.0</a> | <a href="/terms" >Terms of use</a>.</span>
</div>
</div>
<script type="text/javascript">
frappe.ready(function() {
var d = new Date();
var currentYear = d.getFullYear();
$("#year").text(currentYear);
$('.js-subscribe-form').on('submit', function(e) {
e.preventDefault();
const form = this;
const formdata = new FormData(this);
const email = formdata.get('email');
const input = $(form).find('input');
const button = $(form).find('button');
erpnext.subscribe_to_newsletter({
email,
callback(r) {
if (!r.exc) {
form.reset();
button.text('Added');
setTimeout(() => {
button.text('Subscribe');
}, 3000);
}
}
})
});
});
</script>
</footer> </footer>

View File

@@ -1,5 +1,5 @@
<nav class="navbar" role="navigation"> <nav class="navbar" role="navigation">
<div class="container flex space-between align-item-center border ph4 pv1"> <div class="flex space-between align-item-center border-bottom ph4 pv1">
<div class="left"> <div class="left">
<a class="logo flex align-item-center" href="{{ url_prefix }}{{ home_page or "/"}}"> <a class="logo flex align-item-center" href="{{ url_prefix }}{{ home_page or "/"}}">
<img class="logo-img mr1" src="/assets/foundation/img/erpnext-logo.svg" alt="Open Source ERP Software"> <img class="logo-img mr1" src="/assets/foundation/img/erpnext-logo.svg" alt="Open Source ERP Software">
@@ -7,22 +7,7 @@
</a> </a>
</div> </div>
<div class="right"> <div class="right">
<ul class="flex list-unstyled m0"> {% include 'templates/includes/search_box.html' %}
<li class="p1">
<a href="/service-providers" class="menu-links">Services</a>
</li>
<li class="p1">
<a href="/blog" class="menu-links">Blog</a>
</li>
<li class="p1">
<a href="/about" class="menu-links">About</a>
</li>
<!--
<li class="menu-item">
<a class="button get-started button-primary-small" href="/get-started">Get Started</a>
</li>
-->
</ul>
</div> </div>
</div> </div>
</nav> </nav>

View File

@@ -2,7 +2,7 @@
{% block hero %}{% endblock %} {% block hero %}{% endblock %}
{% block content %} {% block content %}
<main class="page"> <main class="page">
<div class="page-container flex" id="page-{{ name or route }}" <div class="flex" id="page-{{ name or route }}"
data-path="{{ pathname }}" {%- if page_or_generator=="Generator" %} data-doctype="{{ doctype }}"{% endif %}> data-path="{{ pathname }}" {%- if page_or_generator=="Generator" %} data-doctype="{{ doctype }}"{% endif %}>
<div class="page-sidebar flex-1 border-right"> <div class="page-sidebar flex-1 border-right">
{% include "foundation/templates/includes/sidebar/sidebar.html" %} {% include "foundation/templates/includes/sidebar/sidebar.html" %}