diff --git a/foundation/hooks.py b/foundation/hooks.py index e7bdd567..f8ef3865 100644 --- a/foundation/hooks.py +++ b/foundation/hooks.py @@ -19,7 +19,7 @@ app_license = "MIT" # app_include_js = "/assets/foundation/js/foundation.js" # include js, css files in header of web template -web_include_css = "/assets/foundation/css/main.css" +# web_include_css = "/assets/foundation/css/main.css" # web_include_js = "/assets/foundation/js/foundation.js" # include js in page diff --git a/foundation/public/css/.css b/foundation/public/css/.css new file mode 100644 index 00000000..e69de29b diff --git a/foundation/public/css/erpnext-org-theme.css b/foundation/public/css/erpnext-org-theme.css new file mode 100644 index 00000000..d68723d5 --- /dev/null +++ b/foundation/public/css/erpnext-org-theme.css @@ -0,0 +1,101 @@ +@import "reset.css"; +.wrapper { + text-align: center; +} +.container { + max-width: 1366px; + margin: 0 auto; +} +.feature { + padding: 8rem 2.5rem; + border-bottom: 1px solid #EBEFF2; +} +.homepage-illustration { + margin-bottom: 4rem; + width: 100%; + max-width: 900px; +} +.title { + font-size: 2.5rem; + line-height: 1.025; +} +.left-aligned { + text-align: left; +} +.domain-links { + font-size: 1.5rem; +} +.list.grid-of-four { + grid-gap: 4rem; +} +.list { + list-style: none; + padding-left: 0; +} +/*utilities*/ +.grid-of-four { + display: grid; + grid-template-columns: repeat(4, 1fr); +} +.intro-copy { + font-size: 1.5rem; + max-width: 35%; + min-width: 30%; + margin: 0 auto 1.5rem auto; + color: #6c7680; + line-height: 1.5em; +} +.primary-links { + color: #7575ff; + transition: color 0.5s ease-in; +} +.primary-links:hover { + color: #2E3338; + text-decoration: none; +} +.button { + padding: .75em 1.5em .5em; + border-radius: .25em; + cursor: pointer; + transition: all 0.3s ease 0s; + border-bottom: 3px solid rgba(0, 0, 0, 0.2); + text-decoration: none; +} +.button:hover { + text-decoration: none; +} +.button-primary { + font-size: 1.5em; + color: #fff; + background: #7575ff; + border-right: 0px; + border-left: 0px; + border-top: 0px; + line-height: 3; +} +.button-primary:hover { + background: #5e5ec9; + color: #fff; +} +.gray-bg { + background-color: #fafbfc; +} +.secondary-link { + color: #7575ff; + transition: color 0.5s ease-in; +} +.secondary-link:hover { + color: #2E3338; +} +.three-column { + display: flex; + justify-content: space-between; +} +.bulleted-list { + margin: 0; + list-style: circle; + padding-left: 1em; +} +.bulleted-list li { + padding-bottom: 1em; +} diff --git a/foundation/public/css/reset.css b/foundation/public/css/reset.css new file mode 100644 index 00000000..889acf04 --- /dev/null +++ b/foundation/public/css/reset.css @@ -0,0 +1,353 @@ +/*! + * this reset is a copy of bootstrap's reboot.css which is inturn a fork of normalise* + * + * + * Bootstrap Reboot v4.0.0-beta.3 (https://getbootstrap.com) + * Copyright 2011-2017 The Bootstrap Authors + * Copyright 2011-2017 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) + */ + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: transparent; + --line-height: 3; + line-height: calc(((var(--line-height) * var(--capital-height)) - var(--valign)) * 1px); +} + +@-ms-viewport { + width: device-width; +} + +article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-size: 1em; + font-weight: 400; + /* line-height: 1.5; */ + text-align: left; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, Noto, Oxygen-Sans, "Noto Sans", Ubuntu,Cantarell, sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + color: #36414c; + font-weight:normal; + -webkit-text-size-adjust: 100%; + -webkit-font-feature-settings: "kern" 1; + -moz-font-feature-settings: "kern" 1; + -o-font-feature-settings: "kern" 1; + font-feature-settings: "kern" 1; + font-kerning: normal; + text-rendering: optimizeLegibility; +} + +[tabindex="-1"]:focus { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 1.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: .5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +dfn { + font-style: italic; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -.25em; +} + +sup { + top: -.5em; +} + +a { + text-decoration: none; + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +a:hover { + color: #0056b3; + text-decoration: underline; +} + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus { + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: monospace, monospace; */ + font-size: 1em; +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + -ms-overflow-style: scrollbar; +} + +figure { + margin: 0 0 1rem; +} + +img { + vertical-align: middle; + border-style: none; +} + +svg:not(:root) { + overflow: hidden; +} + +a, +area, +button, +[role="button"], +input:not([type="range"]), +label, +select, +summary, +textarea { + -ms-touch-action: manipulation; + touch-action: manipulation; +} + +table { + border-collapse: collapse; +} + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: .5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type="radio"], +input[type="checkbox"] { + box-sizing: border-box; + padding: 0; +} + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; +} + +textarea { + overflow: auto; + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; +} + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +summary { + display: list-item; + cursor: pointer; +} + +template { + display: none; +} + +[hidden] { + display: none !important; +} diff --git a/foundation/public/css/variables.css b/foundation/public/css/variables.css new file mode 100644 index 00000000..e69de29b diff --git a/foundation/public/less/erpnext-org-theme.less b/foundation/public/less/erpnext-org-theme.less new file mode 100644 index 00000000..0c4fb6f9 --- /dev/null +++ b/foundation/public/less/erpnext-org-theme.less @@ -0,0 +1,120 @@ +@import (css) "reset.css"; +@import "variables.less"; + +.wrapper { +text-align:center; +} + +.container{ + max-width: 1366px; + margin: 0 auto; +} + +.feature{ + padding: 8rem 2.5rem; + border-bottom: 1px solid @light-border-color; +} + +.homepage-illustration{ + margin-bottom: 4rem; + width: 100%; + max-width: 900px; +} + +.title{ + font-size: 2.5rem; + line-height: 1.025; +} + +.left-aligned{ + text-align: left; +} + +.domain-links{ + font-size: 1.5rem; +} +.list.grid-of-four{ + grid-gap: 4rem; +} + +.list{ + list-style: none; + padding-left: 0; +} +/*utilities*/ +.grid-of-four{ + display: grid; + grid-template-columns: repeat(4, 1fr); +} + +.intro-copy{ + font-size: 1.5rem; + max-width: 35%; + min-width: 30%; + margin: 0 auto 1.5rem auto; + color: @text-light; + line-height: 1.5em; +} + +.primary-links { + color: @brand-primary; + transition: color .5s ease-in; + &:hover{ + color: @text-dark; + text-decoration: none; + } +} + +.button{ + padding: .75em 1.5em .5em; + border-radius:.25em; + cursor: pointer; + transition: all 0.3s ease 0s; + border-bottom: 3px solid rgba(0, 0, 0, 0.2); + text-decoration: none; + &:hover{ + text-decoration:none; + } +} + +.button-primary{ + font-size: 1.5em; + color: #fff; + background: @brand-primary; + border-right: 0px; + border-left: 0px; + border-top: 0px; + line-height: 3; + &:hover{ + background: @button-primary-hover; + color: #fff; + } +} + +.gray-bg{ + background-color: @light-bg; +} + + +.secondary-link{ + color:@brand-primary; + transition: color .5s ease-in; + &:hover{ + color: @text-dark; + } +} + +.three-column { + display: flex; + justify-content: space-between; +} + +.bulleted-list { + margin: 0; + list-style: circle; + padding-left: 1em; +} + +.bulleted-list li { + padding-bottom: 1em; +} diff --git a/foundation/public/less/variables.less b/foundation/public/less/variables.less new file mode 100644 index 00000000..bd8ade23 --- /dev/null +++ b/foundation/public/less/variables.less @@ -0,0 +1,7 @@ +@import "../../../../frappe/frappe/public/less/variables.less"; + +@brand-primary: #7575ff; +@screen-sm-min: 768px; +@screen-xs-max: (@screen-sm-min - 1); +@button-primary-hover: darken(desaturate(@brand-primary, 50%), 15%); +@primary-link-color: lighten(@brand-primary, 5%); diff --git a/foundation/templates/base.html b/foundation/templates/base.html new file mode 100644 index 00000000..cae092b6 --- /dev/null +++ b/foundation/templates/base.html @@ -0,0 +1,30 @@ + + + + + + + {% block title %} {{ title | striptags }} {% endblock %} + + {% block favicon %} + + + {% endblock %} + {%- block head -%} + {% block meta_block %}{% endblock %} + + {%- endblock -%} + + +
+ {% block content %} + {{ content }} + {% endblock %} + {%- block footer -%}{% include "foundation/templates/includes/footer/footer.html" %}{%- endblock -%} +
+ + diff --git a/foundation/templates/includes/custom.css b/foundation/templates/includes/custom.css deleted file mode 100644 index f0739081..00000000 --- a/foundation/templates/includes/custom.css +++ /dev/null @@ -1,152 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Rubik'); -body { - font-family: 'Rubik', sans-serif; - font-size: 15px; - color: #161c23; - text-rendering: optimizeLegibility !important; - line-height: 1.5em; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; -} - -section { - padding: 10px 0px; -} - -section:last-child { - padding-bottom: 60px; -} - -section p, section li, section .media-body { - font-size: 15px; - line-height: 1.6em; -} - - -h1 { - font-size: 32px; -} - -.page_content { - min-height: 400px; -} - -.conf-hero { - padding: 90px 0px; -} - -.label { - font-weight: normal; - background-color: #d1d8dd; - font-size: 13px; - padding: 3px 7px; - margin-right: 10px; -} - -.web-footer { - padding-top: 0px; -} - -.footer-bottom-line .text-muted { - font-size: 15px; - color: #161c23 !important; -} - -.row-full{ - width: 100vw; - position: relative; - margin-left: -50vw; - margin-top: 0px; - left: 50%; -} - -.with-border { - border: 1px solid #d1d8dd; - border-radius: 3px; - padding: 15px; - margin-bottom: 30px; -} - -.with-border h3 { - margin-top: 0px; -} - -a { - color: #5E64FF; -} - -.clickable a { - color: #161c23; -} - -.with-border.clickable:hover { - border-color: #36414C; - background-color: #fafbfc; - -} - -.with-border a, .with-border a:hover { - text-decoration: none; -} - -.web-footer { - background-color: #fafbfc; - border-top: 4px solid #d1d8dd; - padding-bottom: 0px; - padding-top: 20px; -} - -@media (max-width: 767px) { - .web-footer { - padding-left: 15px; - } -} - -.footer-group-label, .navbar-brand { - color: #161c23 !important; -} - -.web-footer .col-sm-6:first-child { - width: 60%; -} - -.web-footer .col-sm-6:last-child { - width: 40%; -} - -/*#website-post-login { - display: none !important; -} -*/ -.silver-member { - padding: 0px 15px; - min-height: 205px; -} - -.page-breadcrumbs .breadcrumb { - margin-bottom: 10px; - font-size: 15px; - /*color: #8D99A6;*/ -} - -.full-name { - display: none; -} - -.sponsor { - height: 200px; - margin-top: 30px; - text-align: center; - vertical-align: center; - border: 1px solid #d1d8dd; - border-radius: 3px; - padding: 20px; -} - -.sponsor .lead { - margin-top: 60px; -} - -.sponsor img { - max-width: 150px; -} diff --git a/foundation/templates/includes/footer.html b/foundation/templates/includes/footer/footer.html similarity index 99% rename from foundation/templates/includes/footer.html rename to foundation/templates/includes/footer/footer.html index b5f32fed..660379d8 100644 --- a/foundation/templates/includes/footer.html +++ b/foundation/templates/includes/footer/footer.html @@ -24,7 +24,6 @@ Contact -

Find us on - -

--> -
-
- -
-

ERP for Everybody

-

Do-It-Yourself Business Management System that will help you stay in control. 100% Opensource Forever

-

- - Get Started Now -

+{% block content %} +
+
+ +

ERP for Everybody

+

A free and opensource do-it-yourself business management system that will help you stay in control.

+ Get Started +
-
-

Domains

-
-
- Manufacturing -
-
- Services -
-
- Retail -
-
- Distribution -
-
- Education -
-
- Agiculture -
-
- Healthcare -
-
- Non-Profits -
+
+
+

One App Many Domains

+
- - - +
+
+
+
+

Amazing Community

+

The forum is the hub of activity related to ERPNext. You can ask a question, find developers or hire service providers.

+ Become a Member +
+
+ +
+
+
+
+
+
+
+
+

Events & Meetups

+ +
+
+

Help Us Improve

+ +
+
+

Need Help

+ +
+
+
+
-

Get Started

+

Get Started

ERPNext.com (30 day free trial) @@ -141,74 +127,4 @@
- - - - - - - {% endblock %} diff --git a/foundation/www/privacy.css b/foundation/www/privacy.css deleted file mode 100644 index cdd1d228..00000000 --- a/foundation/www/privacy.css +++ /dev/null @@ -1,9 +0,0 @@ -.page_content { - max-width: 700px; - font-size: 16px; - line-height: 1.8em; -} - -.page_content li { - margin: 10px 0px; -} \ No newline at end of file diff --git a/foundation/www/terms.css b/foundation/www/terms.css deleted file mode 100644 index cdd1d228..00000000 --- a/foundation/www/terms.css +++ /dev/null @@ -1,9 +0,0 @@ -.page_content { - max-width: 700px; - font-size: 16px; - line-height: 1.8em; -} - -.page_content li { - margin: 10px 0px; -} \ No newline at end of file