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

Change footer layout and add get started on header

Browse Source
This commit is contained in:
Raghavendra Kamath
2018-03-13 18:50:45 +05:30
parent 5f9bebf66c
commit 75c405c0b5
8 changed files with 148 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -36,7 +36,8 @@
.text-left { .text-left {
text-align: left; text-align: left;
} }
.right-aligned { .right-aligned,
.text-right {
text-align: right; text-align: right;
} }
.text-center { .text-center {
@@ -166,6 +167,9 @@
max-width: 33%; max-width: 33%;
} }
} }
.copyright {
font-size: 0.75rem;
}
.indicator, .indicator,
.indicator-right { .indicator-right {
background: none; background: none;
@@ -250,6 +254,9 @@ a:focus,
a:visited { a:visited {
outline: 0; outline: 0;
} }
[data-path=""] .get-started {
display: none;
}
.header-1, .header-1,
.header-2, .header-2,
.header-3 { .header-3 {
@@ -474,9 +481,19 @@ a:visited {
.bulleted-list li { .bulleted-list li {
padding-bottom: 1em; padding-bottom: 1em;
} }
.footer-title {
margin-bottom: 0.5rem;
}
.footer-list { .footer-list {
padding-left: 0; padding-left: 0;
} }
.footer-email-input {
border: 1px solid #8D99A6;
border-radius: 0.25rem;
padding: 0.25rem;
color: #8D99A6;
margin-right: 0.5rem;
}
.page_content li, .page_content li,
.sidebar-item, .sidebar-item,
.footer-list li { .footer-list li {
@@ -555,28 +572,28 @@ hr {
border: 0; border: 0;
border-top: 1px solid #EBEFF2; border-top: 1px solid #EBEFF2;
} }
.footer-end { .footer-link {
border-top: 1px solid #354047;
padding-top: 1rem;
margin-top: 1rem;
font-size: 0.75rem;
}
@media screen and (min-width: 767px) {
.footer-end {
padding-top: 2.5rem;
margin-top: 1.5rem;
}
}
.footer a {
color: #8D99A6; color: #8D99A6;
transition: color 0.3s ease-out;
} }
.footer a:hover { .footer-link:hover {
color: #fff; color: #fff;
} }
.button-dark {
color: #fff;
background: #8D99A6;
border-right: 0;
border-left: 0;
border-top: 0;
padding: 0.45rem 1rem;
}
.footer-icon { .footer-icon {
width: 1.5rem; width: 6.5rem;
margin-right: 0.5em; margin-right: 0.5em;
} }
.footer-email-title {
margin-bottom: 0.5rem;
}
/* loaned from bootstrap need to cleanup*/ /* loaned from bootstrap need to cleanup*/
/*progress bar*/ /*progress bar*/
.progress { .progress {

7
foundation/public/less/base.less
View File

@@ -46,7 +46,8 @@
text-align: left; text-align: left;
} }
.right-aligned { .right-aligned,
.text-right {
text-align: right; text-align: right;
} }
@@ -199,3 +200,7 @@
max-width: 33%; max-width: 33%;
} }
} }
.copyright {
font-size: 0.75rem;
}

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

@@ -19,6 +19,10 @@ a {
} }
} }
[ data-path = "" ] .get-started {
display: none;
}
.header-1, .header-1,
.header-2, .header-2,
.header-3 { .header-3 {
@@ -277,10 +281,22 @@ a {
} }
} }
.footer-title {
margin-bottom: 0.5rem;
}
.footer-list { .footer-list {
padding-left: 0; padding-left: 0;
} }
.footer-email-input {
border: 1px solid @text-muted;
border-radius: 0.25rem;
padding: 0.25rem;
color: @text-muted;
margin-right: 0.5rem;
}
.page_content li, .page_content li,
.sidebar-item, .sidebar-item,
.footer-list li { .footer-list li {
@@ -370,31 +386,33 @@ hr {
border-top: 1px solid @light-border-color; border-top: 1px solid @light-border-color;
} }
.footer-end { .footer-link {
border-top: 1px solid @dark-border-color;
padding-top: 1rem;
margin-top: 1rem;
font-size: 0.75rem;
@media screen and (min-width: @screen-xs) {
padding-top: 2.5rem;
margin-top: 1.5rem;
}
}
.footer a {
color: @text-muted; color: @text-muted;
transition: color @transition;
&:hover { &:hover {
color: #fff; color: #fff;
} }
} }
.button-dark {
color: #fff;
background: @text-muted;
border-right: 0;
border-left: 0;
border-top: 0;
padding: 0.45rem 1rem;
}
.footer-icon { .footer-icon {
width: 1.5rem; width: 6.5rem;
margin-right: 0.5em; margin-right: 0.5em;
} }
.footer-email-title {
margin-bottom: 0.5rem;
}
/* loaned from bootstrap need to cleanup*/ /* loaned from bootstrap need to cleanup*/
/*progress bar*/ /*progress bar*/

5
foundation/templates/includes/email-subscription-block.html Normal file
View File

@@ -0,0 +1,5 @@
<div class="feature text-center">
<form class="email-subcription">
<label class="email">Stay Updated<input class="email-input" type="email" placeholder="Email"></label>
</form>
</div>

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

@@ -2,32 +2,44 @@
<div class="footer"> <div class="footer">
<div class="container"> <div class="container">
<div class="columns text-left clearfix"> <div class="columns text-left clearfix">
<div class="column footer-brand">
<div class="bottom-spacer">
<img class="footer-icon bottom-spacer" src="/assets/foundation/img/erpnext-logo.svg" alt="ERPnext Logo">
<p class="copyright text-muted">&copy; <span id="year"></span> ERPNext Open Source Software Foundation.</br>
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>
</div>
<div class="bottom-spacer">
<p class="text-muted footer-email-title">Stay Updated</p>
<label class="footer-email"><input class="footer-email-input dark-bg" type="email" placeholder="Your email address"></label>
<a href="" class="button button-dark">Subscribe</a>
</div>
</div>
<div class="column"> <div class="column">
<h3 class="footer-title text-white">Industries</h3> <h3 class="footer-title text-white">Industries</h3>
<ul class="list-unstyled footer-list"> <ul class="list-unstyled footer-list">
<li> <li>
<a class="secondary-link" href="/docs/user/manual/en/manufacturing">Manufacturing</a> <a class="footer-link" href="/docs/user/manual/en/manufacturing">Manufacturing</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/docs/user/manual/en/stock">Distribution</a> <a class="footer-link" href="/docs/user/manual/en/stock">Distribution</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/docs/user/manual/en/projects">Services</a> <a class="footer-link" href="/docs/user/manual/en/projects">Services</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/docs/user/manual/en/accounts/point-of-sale-pos-invoice">Retail</a> <a class="footer-link" href="/docs/user/manual/en/accounts/point-of-sale-pos-invoice">Retail</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/docs/user/manual/en/education">Education</a> <a class="footer-link" href="/docs/user/manual/en/education">Education</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/docs/user/manual/en/healthcare">Healthcare</a> <a class="footer-link" href="/docs/user/manual/en/healthcare">Healthcare</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/docs/user/manual/en/agriculture">Agriculture</a> <a class="footer-link" href="/docs/user/manual/en/agriculture">Agriculture</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/docs/user/manual/en/non_profit">Non Profit</a> <a class="footer-link" href="/docs/user/manual/en/non_profit">Non Profit</a>
</li> </li>
</ul> </ul>
</div> </div>
@@ -35,28 +47,28 @@
<h3 class="footer-title text-white">Foundation</h3> <h3 class="footer-title text-white">Foundation</h3>
<ul class="list-unstyled footer-list"> <ul class="list-unstyled footer-list">
<li> <li>
<a class="secondary-link" href="/about">About</a> <a class="footer-link" href="/about">About</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/blog">Blog</a> <a class="footer-link" href="/blog">Blog</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/members">Memberships</a> <a class="footer-link" href="/members">Memberships</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/foundation-fellow">Fellow</a> <a class="footer-link" href="/foundation-fellow">Fellow</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/bounties">Bounties</a> <a class="footer-link" href="/bounties">Bounties</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/conf">Conferences</a> <a class="footer-link" href="/conf">Conferences</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/contact">Contact</a> <a class="footer-link" href="/contact">Contact</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/login">Member Login</a> <a class="footer-link" href="/login">Member Login</a>
</li> </li>
</ul> </ul>
</div> </div>
@@ -64,29 +76,29 @@
<h3 class="footer-title text-white">Community</h3> <h3 class="footer-title text-white">Community</h3>
<ul class="list-unstyled footer-list"> <ul class="list-unstyled footer-list">
<li> <li>
<a class="secondary-link" href="/chapters">Chapters</a> <a class="footer-link" href="/chapters">Chapters</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="https://discuss.erpnext.com" target="_blank" >Forum</a> <a class="footer-link" href="https://discuss.erpnext.com" target="_blank" >Forum</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/service-providers">Service Providers</a> <a class="footer-link" href="/service-providers">Service Providers</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/erpnext-jobs">ERPNext Jobs</a> <a class="footer-link" href="/erpnext-jobs">ERPNext Jobs</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/apps">Apps</a> <a class="footer-link" href="/apps">Apps</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="https://gitter.im/frappe/erpnext" target="_blank" >Chat (Gitter)</a> <a class="footer-link" href="https://gitter.im/frappe/erpnext" target="_blank" >Chat (Gitter)</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="https://github.com/frappe/erpnext" target="_blank" >GitHub</a> <a class="footer-link" href="https://github.com/frappe/erpnext" target="_blank" >GitHub</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="https://erpnext.com" target="_blank" >ERPNext.com</a> <a class="footer-link" href="https://erpnext.com" target="_blank" >ERPNext.com</a>
</li> </li>
</ul> </ul>
</div> </div>
@@ -94,45 +106,27 @@
<h3 class="footer-title text-white">Documentation</h3> <h3 class="footer-title text-white">Documentation</h3>
<ul class="list-unstyled footer-list"> <ul class="list-unstyled footer-list">
<li> <li>
<a class="secondary-link" href="/docs/user/manual">Manual</a> <a class="footer-link" href="/docs/user/manual">Manual</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="https://www.youtube.com/c/erpnext" target="_blank" >Video Tutorials</a> <a class="footer-link" href="https://www.youtube.com/c/erpnext" target="_blank" >Video Tutorials</a>
</li> </li>
<li> <li>
<a class="secondary-link" href="/docs/current">ERPNext Model & API</a> <a class="footer-link" href="/docs/current">ERPNext Model & API</a>
</li> </li>
</ul> </ul>
<!--<h3 class="footer-title text-white top-spacer">Localisation</h3> <h3 class="footer-title text-white top-spacer">Find Us On</h3>
<ul class="list-unstyled footer-list"> <ul class="list-unstyled footer-list">
<li> <li>
<a class="secondary-link" href="https://erpnext.com/uae-ksa-vat" target="_blank">UAE/KSA VAT</a> <a class="footer-link" href="https://twitter.com/erpnext" target="_blank">Twitter</a>,
</li> </li>
<li> <li>
<a class="secondary-link" href="https://erpnext.com/india-gst" target="_blank">GST For India</a> <a class="footer-link" href="https://www.facebook.com/ERPNext/" target="_blank">Facebook</a>
</li> </li>
</ul>--> <li>
</div> <a class="footer-link" href="https://medium.com/frappé-thoughts/" target="_blank">Medium</a>
</div> </li>
<div class="footer-end dark-bg text-muted"> </ul>
<div class="container">
<div class="align-iten-center columns">
<div class="column">
<p><img class="footer-icon" src="/assets/foundation/img/erpnext-logo.svg" alt="ERPnext Icon">
&copy; <span id="year"></span> ERPNext Open Source Software Foundation.</p>
</div>
<div class="column">
<p>Find us on
<a class="secondary-link" href="https://twitter.com/erpnext" target="_blank">Twitter</a>,
<a class="secondary-link" href="https://www.facebook.com/ERPNext/" target="_blank">Facebook</a> &
<a class="secondary-link" href="https://medium.com/frappé-thoughts/" target="_blank">Medium</a>
</p>
</div>
<div class="column">
<p>Content licensed under <a class="secondary-link" href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank"> CC-BY-SA 3.0</a> | <a href="/terms" class="secondary-link">Terms of use</a>.
</p>
</div>
</div>
</div> </div>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">

2
foundation/templates/includes/navbar/navbar.html
View File

@@ -18,7 +18,7 @@
<a href="/about" class="menu-links">About</a> <a href="/about" class="menu-links">About</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button button-primary-small" href="/get-started">Get Started</a> <a class="button get-started button-primary-small" href="/get-started">Get Started</a>
</li> </li>
</ul> </ul>
</div> </div>

17
foundation/www/index.html
View File

@@ -68,7 +68,22 @@
</section> </section>
<section class="feature"> <section class="feature">
<div class="container"> <div class="container">
<h1 class="header-1 text-center">Reviews</h1> <h1 class="header-1 text-center">Empowering SMEs Around The World</h1>
<p class="intro-copy text-medium text-center text-light">Trusted by more than 3000 companies</p>
<div class="bottom-spacer grid-of-three">
<div class="box">
<p class="">ERPNext was the most wonderful, minimalist and affordable ERP Environment that my little team (7 employees) vote to buy and use like a Cloud Based Unitary Software.</p>
<p class="bold text-muted">Hernan</br>Venezuela</p>
</div>
<div class="box">
<p class="">First of all, I would like to thank you very much for the great work you’ve done with this ERP, it is the perfect solution for start-ups, like mine! Keep up the good work!</p>
<p class="bold text-muted">Dan Radulescu</p>
</div>
<div class="box">
<p class="">The UI and UX are one of the most fluid and highly useable interfaces I have ever seen in an ERP. You make accounting fun! Keep up the amazing work.</p>
<p class="bold text-muted">Gladwyn Lewis</br>ERP Consultant, UAE</p>
</div>
</div>
<div class="columns"> <div class="columns">
<div class="column text-center"> <div class="column text-center">
<a class="secondary-link" target="_blank" href="https://www.capterra.com/p/164441/ERPNext/"> <a class="secondary-link" target="_blank" href="https://www.capterra.com/p/164441/ERPNext/">

4
foundation/www/service-providers.html
View File

@@ -25,7 +25,7 @@
{% endmacro %} {% endmacro %}
{% macro show_member(s) %} {% macro show_member(s) %}
<div class='individual-member column'> <div class='individual-member'>
<h3><a class='secondary-link bold' href="/{{ s.route }}">{{ s.title and s.title[:25] }}</a></h3> <h3><a class='secondary-link bold' href="/{{ s.route }}">{{ s.title and s.title[:25] }}</a></h3>
<p> <p>
{{ s.introduction and s.introduction | truncate(140) }} {{ s.introduction and s.introduction | truncate(140) }}
@@ -74,7 +74,7 @@
<h2>Select by country</h2> <h2>Select by country</h2>
<div class='columns flex-wrap'> <div class='columns flex-wrap'>
{% for c in countries %} {% for c in countries %}
<div class='countries column'> <div class='countries'>
<p> <p>
<a class="secondary-link" href="/service-providers?country={{ c[0] }}">{{ c[0] }} ({{ c[1] }})</a> <a class="secondary-link" href="/service-providers?country={{ c[0] }}">{{ c[0] }} ({{ c[1] }})</a>
</p> </p>