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

Merge pull request #142 from raghukamath/footer-reviews

Browse Source 
New footer section, events replaced with reviews and adding a desk screenshot
This commit is contained in:
Raghavendra Kamath
2018-03-20 16:21:21 +05:30
committed by GitHub
parent 7f58dcbcab 3ab91deb0f
commit 050e8a7a6e
18 changed files with 534 additions and 338 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -32,11 +32,10 @@
.dark-bg { .dark-bg {
background-color: #2E3338; background-color: #2E3338;
} }
.left-aligned,
.text-left { .text-left {
text-align: left; text-align: left;
} }
.right-aligned { .text-right {
text-align: right; text-align: right;
} }
.text-center { .text-center {
@@ -91,6 +90,9 @@
.border-top { .border-top {
border-top: 1px solid #d1d8dd; border-top: 1px solid #d1d8dd;
} }
.border-top-light {
border-top: 1px solid #EBEFF2;
}
.saturate { .saturate {
filter: grayscale(100%); filter: grayscale(100%);
} }
@@ -145,7 +147,7 @@
} }
@media screen and (min-width: 767px) { @media screen and (min-width: 767px) {
.columns { .columns {
flex-direction: row; flex-direction: inherit;
} }
} }
.column { .column {
@@ -156,6 +158,29 @@
margin: 0; margin: 0;
} }
} }
.three-column {
max-width: 100%;
}
@media screen and (min-width: 767px) {
.three-column {
max-width: 33%;
}
}
.copyright {
font-size: 1rem;
}
@media screen and (min-width: 767px) {
.copyright {
font-size: 0.75rem;
}
}
.flex-wrap {
flex-wrap: wrap;
justify-content: flex-start;
}
.grid-center {
justify-items: center;
}
.indicator, .indicator,
.indicator-right { .indicator-right {
background: none; background: none;
@@ -240,6 +265,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 {
@@ -291,8 +319,8 @@ a:visited {
display: flex; display: flex;
margin: 0; margin: 0;
} }
.menu-items { .menu-item {
padding-left: 1.5rem; margin-left: 1.5rem;
} }
.menu-links { .menu-links {
color: #6c7680; color: #6c7680;
@@ -306,28 +334,49 @@ a:visited {
max-width: 100%; max-width: 100%;
margin: 0 auto; margin: 0 auto;
} }
@media screen and (min-width: 991px) {
.container,
.page-content-wrapper {
max-width: 959px;
}
}
@media screen and (min-width: 1199px) { @media screen and (min-width: 1199px) {
.container, .container,
.page-content-wrapper { .page-content-wrapper {
max-width: 1199px; max-width: 1167px;
} }
} }
.feature, .section-padding.hero {
.footer {
padding: 2.5rem 1rem; padding: 2.5rem 1rem;
border-top: 1px solid #EBEFF2;
} }
@media screen and (min-width: 767px) { @media screen and (min-width: 767px) {
.feature { .section-padding.hero {
padding: 10.5rem 1.5rem; padding: 10.5rem 1.5rem;
} }
} }
.section-padding {
padding: 2.5rem 1rem;
}
@media screen and (min-width: 767px) { @media screen and (min-width: 767px) {
.footer { .section-padding {
padding: 4rem 1.5rem; padding: 6.5rem 1.5rem;
} }
} }
.feature .bullet { .reviews {
max-width: 200px;
}
.stars {
width: 125px;
}
.footer-brand {
order: 10;
}
@media screen and (min-width: 767px) {
.footer-brand {
order: unset;
}
}
.section-bullet {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.page { .page {
@@ -382,10 +431,6 @@ a:visited {
min-width: 25%; min-width: 25%;
} }
} }
.flex-wrap {
flex-wrap: wrap;
justify-content: flex-start;
}
.intro-copy { .intro-copy {
max-width: 599.5px; max-width: 599.5px;
margin: 0 auto 1.5rem auto; margin: 0 auto 1.5rem auto;
@@ -422,6 +467,18 @@ a:visited {
background: #5e5ec9; background: #5e5ec9;
color: #fff; color: #fff;
} }
.button-primary-small {
color: #fff;
background: #7575ff;
border-right: 0;
border-left: 0;
border-top: 0;
padding: 0.45rem 1rem;
}
.button-primary-small:hover {
background: #5e5ec9;
color: #fff;
}
.button-secondary { .button-secondary {
font-size: 1.5em; font-size: 1.5em;
color: #6c7680; color: #6c7680;
@@ -449,9 +506,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 {
@@ -530,27 +597,32 @@ 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: 4rem;
margin-right: 0.5em; margin-right: unset;
}
@media screen and (min-width: 767px) {
.footer-icon {
margin-right: 0.5rem;
}
}
.footer-email-title {
margin-bottom: 0.5rem;
} }
/* loaned from bootstrap need to cleanup*/ /* loaned from bootstrap need to cleanup*/
/*progress bar*/ /*progress bar*/
@@ -1059,7 +1131,7 @@ img.blog-cover-image,
max-width: 250px; max-width: 250px;
} }
.community-bg { .community-bg {
background-image: linear-gradient(to bottom, rgba(117, 116, 254, 0.52), #7574fe), url("/assets/foundation/img/community-2016.jpg"); background-image: linear-gradient(to bottom, rgba(46, 51, 56, 0.5), #2E3338), url("/assets/foundation/img/community-2016.jpg");
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;

2
foundation/public/css/reset.css
View File

@@ -25,7 +25,7 @@ html {
font-size: 14px; font-size: 14px;
} }
@media screen and (min-width: 767px) { @media screen and (min-width: 1199px) {
html { html {
font-size: 16px; font-size: 16px;
} }

BIN
foundation/public/img/captera-bw.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
foundation/public/img/g2-crowd-bw.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
foundation/public/img/getapp-bw.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
foundation/public/img/screenshot-main.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

BIN
foundation/public/img/software-advice-bw.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
foundation/public/img/stars.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

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

@@ -41,12 +41,11 @@
background-color: @text-dark; background-color: @text-dark;
} }
.left-aligned,
.text-left { .text-left {
text-align: left; text-align: left;
} }
.right-aligned { .text-right {
text-align: right; text-align: right;
} }
@@ -120,6 +119,10 @@
border-top: @border; border-top: @border;
} }
.border-top-light {
border-top: @border-light;
}
.saturate { .saturate {
filter: grayscale(100%); filter: grayscale(100%);
@@ -178,7 +181,7 @@
flex-direction: column; flex-direction: column;
@media screen and (min-width: @screen-xs) { @media screen and (min-width: @screen-xs) {
flex-direction: row; flex-direction: inherit;
} }
} }
@@ -189,3 +192,28 @@
margin: 0; margin: 0;
} }
} }
.three-column {
max-width: 100%;
@media screen and (min-width: @screen-xs) {
max-width: 33%;
}
}
.copyright {
font-size: 1rem;
@media screen and (min-width: @screen-xs) {
font-size: 0.75rem;
}
}
.flex-wrap {
flex-wrap: wrap;
justify-content: flex-start;
}
.grid-center {
justify-items: center;
}

113
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 {
@@ -80,8 +84,8 @@ a {
margin: 0; margin: 0;
} }
.menu-items { .menu-item {
padding-left: 1.5rem; margin-left: 1.5rem;
} }
.menu-links { .menu-links {
@@ -98,30 +102,48 @@ a {
max-width: 100%; max-width: 100%;
margin: 0 auto; margin: 0 auto;
@media screen and (min-width: @screen-sm) {
max-width: @screen-sm - 32px;
}
@media screen and (min-width: @screen-md) { @media screen and (min-width: @screen-md) {
max-width: @screen-md; max-width: @screen-md - 32px;
} }
} }
.feature, .section-padding.hero {
.footer {
padding: 2.5rem 1rem; padding: 2.5rem 1rem;
border-top: 1px solid @light-border-color;
}
.feature {
@media screen and (min-width: @screen-xs) { @media screen and (min-width: @screen-xs) {
padding: 10.5rem 1.5rem; padding: 10.5rem 1.5rem;
} }
} }
.footer { .section-padding {
padding: 2.5rem 1rem;
@media screen and (min-width: @screen-xs) { @media screen and (min-width: @screen-xs) {
padding: 4rem 1.5rem; padding: 6.5rem 1.5rem;
} }
} }
.feature .bullet { .reviews {
max-width: 200px;
}
.stars {
width: 125px;
}
.footer-brand {
order: 10;
@media screen and (min-width: @screen-xs) {
order: unset;
}
}
.section-bullet {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
@@ -178,11 +200,6 @@ a {
} }
} }
.flex-wrap {
flex-wrap: wrap;
justify-content: flex-start;
}
.intro-copy { .intro-copy {
max-width: @screen-md/2; max-width: @screen-md/2;
margin: 0 auto 1.5rem auto; margin: 0 auto 1.5rem auto;
@@ -226,6 +243,20 @@ a {
} }
} }
.button-primary-small {
color: #fff;
background: #7575ff;
border-right: 0;
border-left: 0;
border-top: 0;
padding: 0.45rem 1rem;
&:hover {
background: @button-primary-hover;
color: #fff;
}
}
.button-secondary { .button-secondary {
font-size: 1.5em; font-size: 1.5em;
color: @text-light; color: @text-light;
@@ -259,10 +290,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 {
@@ -352,29 +395,35 @@ 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: 4rem;
margin-right: 0.5em; margin-right: unset;
@media screen and (min-width: @screen-xs) {
margin-right: 0.5rem;
}
}
.footer-email-title {
margin-bottom: 0.5rem;
} }
/* loaned from bootstrap need to cleanup*/ /* loaned from bootstrap need to cleanup*/
@@ -985,7 +1034,7 @@ img.blog-cover-image,
} }
.community-bg { .community-bg {
background-image: linear-gradient(to bottom, rgba(117, 116, 254, 0.52), rgb(117, 116, 254)), url("/assets/foundation/img/community-2016.jpg"); background-image: linear-gradient(to bottom, rgba(46, 51, 56, 0.5), @text-dark), url("/assets/foundation/img/community-2016.jpg");
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;

21
foundation/public/less/variables.less
View File

@@ -1,12 +1,13 @@
@import "../../../../frappe/frappe/public/less/variables.less"; @import "../../../../frappe/frappe/public/less/variables.less";
@brand-primary: #7575ff; @brand-primary: #7575ff;
@screen-sm-min: 768px; @screen-sm-min: 768px;
@screen-xs-max: (@screen-sm-min - 1); @screen-xs-max: (@screen-sm-min - 1);
@button-primary-hover: darken(desaturate(@brand-primary, 50%), 15%); @button-primary-hover: darken(desaturate(@brand-primary, 50%), 15%);
@button-secondary-hover: lighten(@light-bg, 15%); @button-secondary-hover: lighten(@light-bg, 15%);
@primary-link-color: lighten(@brand-primary, 5%); @primary-link-color: lighten(@brand-primary, 5%);
@border: 1px solid @border-color; @border: 1px solid @border-color;
@transition: 0.3s ease-out; @border-light: 1px solid @light-border-color;
@screen-palm: 500px; @transition: 0.3s ease-out;
@dark-border-color: darken(@border-color, 60%); @screen-palm: 500px;
@dark-border-color: darken(@border-color, 60%);

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>

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

@@ -1,147 +1,167 @@
<footer class="dark-bg"> <footer class=" section-padding dark-bg">
<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="column"> <div class="bottom-spacer">
<h3 class="footer-title text-white">Industries</h3> <img class="footer-icon bottom-spacer" src="/assets/foundation/img/erpnext-logo.svg" alt="ERPnext Logo">
<ul class="list-unstyled footer-list"> <p class="copyright text-muted">&copy; <span id="year"></span> ERPNext Open Source Software Foundation.</br>
<li> 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>
<a class="secondary-link" href="/docs/user/manual/en/manufacturing">Manufacturing</a> </div>
</li> <div class="bottom-spacer">
<li> <div class="inline-block">
<a class="secondary-link" href="/docs/user/manual/en/stock">Distribution</a> <form class="js-subscribe-form">
</li> <label class="footer-email">
<li> <input class="footer-email-input dark-bg"
<a class="secondary-link" href="/docs/user/manual/en/projects">Services</a> name="email" type="email" placeholder="Your email address">
</li> </label>
<li> <button type="submit" class="button button-dark">Subscribe</button>
<a class="secondary-link" href="/docs/user/manual/en/accounts/point-of-sale-pos-invoice">Retail</a> </form>
</li> </div>
<li> </div>
<a class="secondary-link" href="/docs/user/manual/en/education">Education</a> </div>
</li> <div class="column">
<li> <h3 class="footer-title text-white">Industries</h3>
<a class="secondary-link" href="/docs/user/manual/en/healthcare">Healthcare</a> <ul class="list-unstyled footer-list">
</li> <li>
<li> <a class="footer-link" href="/docs/user/manual/en/manufacturing">Manufacturing</a>
<a class="secondary-link" href="/docs/user/manual/en/agriculture">Agriculture</a> </li>
</li> <li>
<li> <a class="footer-link" href="/docs/user/manual/en/stock">Distribution</a>
<a class="secondary-link" href="/docs/user/manual/en/non_profit">Non Profit</a> </li>
</li> <li>
</ul> <a class="footer-link" href="/docs/user/manual/en/projects">Services</a>
</li>
<li>
<a class="footer-link" href="/docs/user/manual/en/accounts/point-of-sale-pos-invoice">Retail</a>
</li>
<li>
<a class="footer-link" href="/docs/user/manual/en/education">Education</a>
</li>
<li>
<a class="footer-link" href="/docs/user/manual/en/healthcare">Healthcare</a>
</li>
<li>
<a class="footer-link" href="/docs/user/manual/en/agriculture">Agriculture</a>
</li>
<li>
<a class="footer-link" href="/docs/user/manual/en/non_profit">Non Profit</a>
</li>
</ul>
</div>
<div class="column">
<h3 class="footer-title text-white">Foundation</h3>
<ul class="list-unstyled footer-list">
<li>
<a class="footer-link" href="/about">About</a>
</li>
<li>
<a class="footer-link" href="/blog">Blog</a>
</li>
<li>
<a class="footer-link" href="/members">Memberships</a>
</li>
<li>
<a class="footer-link" href="/foundation-fellow">Fellow</a>
</li>
<li>
<a class="footer-link" href="/bounties">Bounties</a>
</li>
<li>
<a class="footer-link" href="/conf">Conferences</a>
</li>
<li>
<a class="footer-link" href="/contact">Contact</a>
</li>
<li>
<a class="footer-link" href="/login">Member Login</a>
</li>
</ul>
</div>
<div class="column">
<h3 class="footer-title text-white">Community</h3>
<ul class="list-unstyled footer-list">
<li>
<a class="footer-link" href="/chapters">Chapters</a>
</li>
<li>
<a class="footer-link" href="https://discuss.erpnext.com" target="_blank" >Forum</a>
</li>
<li>
<a class="footer-link" href="/service-providers">Service Providers</a>
</li>
<li>
<a class="footer-link" href="/erpnext-jobs">ERPNext Jobs</a>
</li>
<li>
<a class="footer-link" href="/apps">Apps</a>
</li>
<li>
<a class="footer-link" href="https://gitter.im/frappe/erpnext" target="_blank" >Chat (Gitter)</a>
</li>
<li>
<a class="footer-link" href="https://github.com/frappe/erpnext" target="_blank" >GitHub</a>
</li>
<li>
<a class="footer-link" href="https://erpnext.com" target="_blank" >ERPNext.com</a>
</li>
</ul>
</div>
<div class="column">
<h3 class="footer-title text-white">Documentation</h3>
<ul class="list-unstyled footer-list">
<li>
<a class="footer-link" href="/docs/user/manual">Manual</a>
</li>
<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>
<div class="column"> <script type="text/javascript">
<h3 class="footer-title text-white">Foundation</h3> frappe.ready(function() {
<ul class="list-unstyled footer-list"> var d = new Date();
<li> var currentYear = d.getFullYear();
<a class="secondary-link" href="/about">About</a> $("#year").text(currentYear);
</li>
<li>
<a class="secondary-link" href="/blog">Blog</a>
</li>
<li>
<a class="secondary-link" href="/members">Memberships</a>
</li>
<li>
<a class="secondary-link" href="/foundation-fellow">Fellow</a>
</li>
<li>
<a class="secondary-link" href="/bounties">Bounties</a>
</li>
<li>
<a class="secondary-link" href="/conf">Conferences</a>
</li>
<li>
<a class="secondary-link" href="/contact">Contact</a>
</li>
<li>
<a class="secondary-link" href="/login">Member Login</a>
</li>
</ul>
</div>
<div class="column">
<h3 class="footer-title text-white">Community</h3>
<ul class="list-unstyled footer-list">
<li>
<a class="secondary-link" href="/chapters">Chapters</a>
</li>
<li>
<a class="secondary-link" href="https://discuss.erpnext.com" target="_blank" >Forum</a>
</li>
<li>
<a class="secondary-link" href="/service-providers">Service Providers</a>
</li>
<li>
<a class="secondary-link" href="/erpnext-jobs">ERPNext Jobs</a>
</li>
<li>
<a class="secondary-link" href="/apps">Apps</a>
</li>
<li>
<a class="secondary-link" href="https://gitter.im/frappe/erpnext" target="_blank" >Chat (Gitter)</a>
</li>
<li>
<a class="secondary-link" href="https://github.com/frappe/erpnext" target="_blank" >GitHub</a>
</li>
<li> $('.js-subscribe-form').on('submit', function(e) {
<a class="secondary-link" href="https://erpnext.com" target="_blank" >ERPNext.com</a> e.preventDefault();
</li> const form = this;
</ul> const formdata = new FormData(this);
</div> const email = formdata.get('email');
<div class="column">
<h3 class="footer-title text-white">Documentation</h3> const input = $(form).find('input');
<ul class="list-unstyled footer-list"> const button = $(form).find('button');
<li>
<a class="secondary-link" href="/docs/user/manual">Manual</a> erpnext.subscribe_to_newsletter({
</li> email,
<li> callback(r) {
<a class="secondary-link" href="https://www.youtube.com/c/erpnext" target="_blank" >Video Tutorials</a> if (!r.exc) {
</li> form.reset();
<li> button.text('Added');
<a class="secondary-link" href="/docs/current">ERPNext Model & API</a> setTimeout(() => {
</li> button.text('Subscribe');
</ul> }, 3000);
<!--<h3 class="footer-title text-white 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> });
</li> });
<li> </script>
<a class="secondary-link" href="https://erpnext.com/india-gst" target="_blank">GST For India</a> </div>
</li>
</ul>-->
</div>
</div>
<div class="footer-end dark-bg text-muted">
<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>
<script type="text/javascript">
frappe.ready(function(){
var d = new Date();
var currentYear = d.getFullYear();
$("#year").text(currentYear);
});
</script>
</div>
</div>
</footer> </footer>

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

@@ -1,24 +1,29 @@
<nav class="navbar navbar-default navbar-main" role="navigation"> <nav class="navbar navbar-default navbar-main" role="navigation">
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
<div class="left"> <div class="left">
<a class="navbar-brand" href="{{ url_prefix }}{{ home_page or "/"}}"> <a class="navbar-brand" href="{{ url_prefix }}{{ home_page or "/"}}">
<span>{{ brand_html or (frappe.get_hooks("brand_html") or ["Home"])[0] }}</span> <span>{{ brand_html or (frappe.get_hooks("brand_html") or ["Home"])[0] }}</span>
</a> </a>
</div> </div>
<div class="right"> <div class="right">
<ul class="menu list-unstyled"> <ul class="menu list-unstyled">
<li class="menu-items"> <li class="menu-item">
<a href="/service-providers" class="menu-links">Services</a> <a href="/service-providers" class="menu-links">Services</a>
</li> </li>
<li class="menu-items"> <li class="menu-item">
<a href="/blog" class="menu-links">Blog</a> <a href="/blog" class="menu-links">Blog</a>
</li> </li>
<li class="menu-items"> <li class="menu-item">
<a href="/about" class="menu-links">About</a> <a href="/about" class="menu-links">About</a>
</li> </li>
</ul> <!--
</div> <li class="menu-item">
</div> <a class="button get-started button-primary-small" href="/get-started">Get Started</a>
</div> </li>
-->
</ul>
</div>
</div>
</div>
</nav> </nav>

8
foundation/www/faq.md
View File

@@ -36,7 +36,7 @@ To implement ERPNext, you must have a general understanding of financial account
If you also want to offer customization services on ERPNext, you should have some expertise on: If you also want to offer customization services on ERPNext, you should have some expertise on:
1. [Frappé Framework](https://frappe.io) 1. [Frappe Framework](https://frappe.io)
1. Python 1. Python
1. Java Script 1. Java Script
@@ -81,7 +81,7 @@ With ERPNext compared to other ERPs, the cost of license is zero, so there is mo
### 8. I would like to be listed at the ERPNext Community Portal, How is that possible? ### 8. I would like to be listed at the ERPNext Community Portal, How is that possible?
Listing on our community portal is free. You can list yourself as a Service Provider, and provide details about services you offer on ERPNext. To get a priority listing, you must become a member of the ERPNext Foundation. For listing yourself on the community portal, you must become a member of the ERPNext foundation. You can list yourself as a Service Provider, and provide details about services you offer on ERPNext.
By becoming a member, you will not only support the ongoing development and enhancement of ERPNext that is so critical to your business but also get a say in what features get built next. By becoming a member, you will not only support the ongoing development and enhancement of ERPNext that is so critical to your business but also get a say in what features get built next.
@@ -91,7 +91,7 @@ By becoming a member, you will not only support the ongoing development and enha
### 9. I want to sell services but pass on development support to you. Does that work? ### 9. I want to sell services but pass on development support to you. Does that work?
No, we (ERPNext Foundation / Frappé Technologies) do not do any paid development. All our energy is used in supporting and enhancing the ERPNext product. If you want to develop a feature or customization, you can engage a freelancer or drop in a request on the [discussion forum](https://discuss.erpnext.com). If you are planning do this on any scale, it is best to [get one of your developers trained on ERPNext](https://www.youtube.com/watch?v=eCAMPcl7NKc&list=PL3lFfCEoMxvzHtsZHFJ4T3n5yMM3nGJ1W). No, we (ERPNext Foundation / Frappe Technologies) do not do any paid development. All our energy is used in supporting and enhancing the ERPNext product. If you want to develop a feature or customization, you can engage a freelancer or drop in a request on the [discussion forum](https://discuss.erpnext.com). If you are planning do this on any scale, it is best to [get one of your developers trained on ERPNext](https://www.youtube.com/watch?v=eCAMPcl7NKc&list=PL3lFfCEoMxvzHtsZHFJ4T3n5yMM3nGJ1W).
[It is very easy to build new apps / extensions to ERPNext.](http://frappe.io/docs/user/tutorial/) [It is very easy to build new apps / extensions to ERPNext.](http://frappe.io/docs/user/tutorial/)
@@ -100,7 +100,7 @@ No, we (ERPNext Foundation / Frappé Technologies) do not do any paid developmen
### 10. I want to sell ERPNext in my brand name, will you do that? ### 10. I want to sell ERPNext in my brand name, will you do that?
ERPNext is our brand and identity. All work we do will be under the brand name of ERPNext and Frappé. If you want to disguise this as your work, you are free to do it, but don't expect any help from us. If you are using our help documentation, you must attribute us publicly because the documentation is licensed as [Creative Commons BY-NC-SA](https://creativecommons.org/licenses/by-nc-sa/3.0/us/) ERPNext is our brand and identity. All work we do will be under the brand name of ERPNext and Frappe. If you want to disguise this as your work, you are free to do it, but don't expect any help from us. If you are using our help documentation, you must attribute us publicly because the documentation is licensed as [Creative Commons BY-NC-SA](https://creativecommons.org/licenses/by-nc-sa/3.0/us/)
[Check why you should not rebrand ERPNext.](https://frappe.io/blog/general/why-you-should-not-rebrand-erpnext) [Check why you should not rebrand ERPNext.](https://frappe.io/blog/general/why-you-should-not-rebrand-erpnext)

74
foundation/www/get-started.html
View File

@@ -1,61 +1,61 @@
{% extends "foundation/templates/base.html" %} {% extends "foundation/templates/base.html" %}
{% block title %} Get Started - ERPNext Foundation{% endblock %} {% block title %} Get Started - ERPNext Foundation{% endblock %}
{% block content %} {% block content %}
<section class="feature text-center"> <section class="section-padding text-center">
<div class="container"> <div class="container">
<p class="text-center"><a class=""> <p class="text-center"><a class="">
<img class="grid-images" src="/assets/foundation/img/bench-logo.png"> <img class="grid-images" src="/assets/foundation/img/bench-logo.png">
</a></p> </a></p>
<h1 class="header-1 text-center">Install ERPNext with Bench</h1> <h1 class="header-1 text-center">Install ERPNext with Bench</h1>
<p class="text-medium text-light text-center">Bench is our in-house tool to install and manage ERPNext.</p> <p class="text-medium text-light text-center">Bench is our in-house tool to install and manage ERPNext.</p>
<a class="primary-link text-medium" target="_blank" href="https://github.com/frappe/bench#manual-install">Read the instructions on our wiki</a> <a class="primary-link text-medium" target="_blank" href="https://github.com/frappe/bench#manual-install">Read the instructions on our wiki</a>
</div> </div>
</section> </section>
<section class="feature text-center"> <section class="section-padding text-center">
<div class="container"> <div class="container">
<p class="text-center"><a class=""> <p class="text-center"><a class="">
<img class="feature-img bottom-spacer" src="/assets/foundation/img/cloud.png"> <img class="feature-img bottom-spacer" src="/assets/foundation/img/cloud.png">
</a></p> </a></p>
<h1 class="header-1">Get ERPNext on cloud</h1> <h1 class="header-1">Get ERPNext on cloud</h1>
<p class="text-medium intro-copy text-light">Start right away with a free trial account </br>and get priority support.</p> <p class="text-medium intro-copy text-light">Start right away with a free trial account </br>and get priority support.</p>
<a class="button button-primary text-center" href="https://erpnext.com/pricing?source=org">Free 30 Day Trial</a></p> <a class="button button-primary text-center" href="https://erpnext.com/pricing?source=org">Free 30 Day Trial</a></p>
</div>
</section>
<section class="section-padding gray-bg">
<div class="container">
<h1 class="header-1 text-center">Virtual Machine Images</h1>
<p class='text-medium text-light text-center bottom-spacer-4'>Download a pre-installed Virtual Box Images</p>
<ul class="list-unstyled grid-of-three">
<li class="list-items grid-items">
<a class="primary-links grid-boxes saturate" href="http://build.erpnext.com/ERPNext-Production.ova">
<img class="grid-images" src="/assets/foundation/img/vm-production.png" alt="Download ERPNext Production Image">
</a>
<h2 class="header-3">Download Production Image</h2>
<p class="text-muted">Stable build for Production use<br>(approx 1.5GB) | <a href="http://build.erpnext.com/ERPNext-Production.ova.md5">MD5</a></p>
</li>
<li class="list-items grid-items">
<a class="primary-links grid-boxes saturate" href="http://build.erpnext.com/ERPNext-Dev.ova">
<img class="grid-images" src="/assets/foundation/img/vm-development.png" alt="Download ERPNext Development Image">
</a>
<h2 class="header-3">Download Development Image</h2>
<p class="text-muted">Bleeding edge build for development only<br>(approx 1.5GB) | <a href="http://build.erpnext.com/ERPNext-Dev.ova.md5">MD5</a>
</p>
</li>
<li class="list-items grid-items">
<a class="primary-links grid-boxes saturate" href="http://build.erpnext.com/ERPNext-Vagrant.box">
<img class="grid-images" src="/assets/foundation/img/vm-dev-vagrant.png" alt="Download ERPNext Vagrant Box">
</a>
<h2 class="header-3">Download Vagrant Box</h2>
<p class="text-muted">Bleeding edge Vagrant box for development only<br>(approx 1.5GB) | <a href="http://build.erpnext.com/ERPNext-Vagrant.box.md5">MD5</a>
</p>
</li>
</ul>
</div> </div>
</section> </section>
<section class="feature gray-bg"> <section class="section-padding text-center">
<div class="container">
<h1 class="header-1 text-center">Virtual Machine Images</h1>
<p class='text-medium text-light text-center bottom-spacer-4'>Download a pre-installed Virtual Box Images</p>
<ul class="list-unstyled grid-of-three">
<li class="list-items grid-items">
<a class="primary-links grid-boxes saturate" href="http://build.erpnext.com/ERPNext-Production.ova">
<img class="grid-images" src="/assets/foundation/img/vm-production.png" alt="Download ERPNext Production Image">
</a>
<h2 class="header-3">Download Production Image</h2>
<p class="text-muted">Stable build for Production use<br>(approx 1.5GB) | <a href="http://build.erpnext.com/ERPNext-Production.ova.md5">MD5</a></p>
</li>
<li class="list-items grid-items">
<a class="primary-links grid-boxes saturate" href="http://build.erpnext.com/ERPNext-Dev.ova">
<img class="grid-images" src="/assets/foundation/img/vm-development.png" alt="Download ERPNext Development Image">
</a>
<h2 class="header-3">Download Development Image</h2>
<p class="text-muted">Bleeding edge build for development only<br>(approx 1.5GB) | <a href="http://build.erpnext.com/ERPNext-Dev.ova.md5">MD5</a>
</p>
</li>
<li class="list-items grid-items">
<a class="primary-links grid-boxes saturate" href="http://build.erpnext.com/ERPNext-Vagrant.box">
<img class="grid-images" src="/assets/foundation/img/vm-dev-vagrant.png" alt="Download ERPNext Vagrant Box">
</a>
<h2 class="header-3">Download Vagrant Box</h2>
<p class="text-muted">Bleeding edge Vagrant box for development only<br>(approx 1.5GB) | <a href="http://build.erpnext.com/ERPNext-Vagrant.box.md5">MD5</a>
</p>
</li>
</ul>
</div>
</section>
<section class="feature text-center">
<div class="container"> <div class="container">
<p class="text-center"><a class=""> <p class="text-center"><a class="">
<img class="feature-img bottom-spacer" src="/assets/foundation/img/service-providers.png"> <img class="feature-img bottom-spacer" src="/assets/foundation/img/service-providers.png">
</a></p> </a></p>
<h1 class="header-1">Contact Service Providers</h1> <h1 class="header-1">Contact Service Providers</h1>
<p class="text-medium intro-copy text-light">For additional customisations, implementation and training requirements.</p> <p class="text-medium intro-copy text-light">For additional customisations, implementation and training requirements.</p>

114
foundation/www/index.html
View File

@@ -1,7 +1,7 @@
{% extends "foundation/templates/base.html" %} {% extends "foundation/templates/base.html" %}
{% block title %}ERPNext Foundation{% endblock %} {% block title %}ERPNext Foundation - Open Source ERP Software{% endblock %}
{% block content %} {% block content %}
<section class='feature hero text-center'> <section class='section-padding hero border-top-light text-center'>
<div class="container"> <div class="container">
<img class="hero-illustration bottom-spacer" src='/assets/foundation/img/hero-illustration-erpnext.png' alt="ERP software for everybody"> <img class="hero-illustration bottom-spacer" src='/assets/foundation/img/hero-illustration-erpnext.png' alt="ERP software for everybody">
<h1 class="header-1">ERP for Everybody</h1> <h1 class="header-1">ERP for Everybody</h1>
@@ -9,7 +9,14 @@
<a class="button button-primary" href="/get-started.html">Get Started</a> <a class="button button-primary" href="/get-started.html">Get Started</a>
</div> </div>
</section> </section>
<section class="feature gray-bg text-left"> <section class='section-padding blue-bg border-top-light text-center'>
<div class="container">
<h1 class="header-1">We have got it all covered</h1>
<p class='intro-copy text-medium text-light'>ERPNext has all the features to put you in complete control of your business.</p>
<img class="screenshot" src='/assets/foundation/img/screenshot-main.png' alt="ERPNext desk view">
</div>
</section>
<section class="section-padding gray-bg border-top-light text-left">
<div class="container"> <div class="container">
<h1 class="header-1 bottom-spacer text-center">Industries</h1> <h1 class="header-1 bottom-spacer text-center">Industries</h1>
<ul class="list-unstyled grid-of-four"> <ul class="list-unstyled grid-of-four">
@@ -50,7 +57,61 @@
</ul> </ul>
</div> </div>
</section> </section>
<section class="feature community-bg text-white"> <section class="section-padding border-top-light">
<div class="container">
<h1 class="header-1 text-center">Empowering businesses 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</br>Romania</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="grid-of-four grid-center">
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.capterra.com/p/164441/ERPNext/">
<img alt="captera-erpnext review" src="/assets/foundation/img/captera-bw.png" class="review-img">
<img alt-"above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
</a>
</div>
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.softwareadvice.com/erp/erpnext-profile/">
<img alt="software advice erpnext review" src="/assets/foundation/img/software-advice-bw.png" class="review-img">
<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
</a>
</div>
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.g2crowd.com/products/erpnext/reviews">
<img alt="g2-crowd review" src="/assets/foundation/img/g2-crowd-bw.png" class="review-img">
<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
</a>
</div>
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.getapp.com/operations-management-software/a/iwebnotes/">
<img alt="get app review" src="/assets/foundation/img/getapp-bw.png" class="review-img">
<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
</a>
</div>
</div>
</div>
</section>
<section class="section-padding border-top-light gray-bg">
<div class="container">
<div class="text-center">
<p class="intro-copy text-medium">ERPNext is both powerful and easy to use</br>What are you waiting for?</p>
<a class="button button-primary" href="/get-started.html">Get Started Now</a>
</div>
</div>
</section>
<section class="section-padding community-bg border-top-light text-white">
<div class="container"> <div class="container">
<div class="text-center"> <div class="text-center">
<h1 class="header-1">ERPNext Foundation</h1> <h1 class="header-1">ERPNext Foundation</h1>
@@ -59,49 +120,4 @@
</div> </div>
</div> </div>
</section> </section>
<section class="feature">
<div class="container">
<div class="columns text-left">
<div class="column">
<h1 class="header-2">Events & Meetups</h1>
<ul class="bulleted-list list-circle">
{# get first three events from portal events doctype #}
{% for e in events[:3] %}
<li>
<a href="{{ e.route }}" class="secondary-link"><b>{{ e.event_title }}</b><br>{{ frappe.format_date(e.event_date, "medium") }}</a>
</li>
{% endfor %}
</ul>
</div>
<div class="column">
<h1 class="header-2">Help Us Improve</h1>
<ul class="bulleted-list list-circle">
<li>
<a href="https://github.com/frappe/erpnext/tree/develop/erpnext/docs" class="secondary-link">Write Documentation</a>
</li>
<li>
<a href="https://charts.erpnext.com/" class="secondary-link">Help build Chart of Accounts</a>
</li>
<li>
<a href="https://translate.erpnext.com/" class="secondary-link">Help Us Translate</a>
</li>
</ul>
</div>
<div class="column">
<h1 class="header-2">Need Help?</h1>
<ul class="bulleted-list list-circle">
<li>
<a href="/docs/user/manual" class="secondary-link">User Manual</a>
</li>
<li>
<a href="https://discuss.erpnext.com/" class="secondary-link">Ask in our forum</a>
</li>
<!--<li>
<a href="" class="secondary-link">Get Paid Support</a>
</li>-->
</ul>
</div>
</div>
</div>
</section>
{% endblock %} {% endblock %}

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='column 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>