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/main.css b/foundation/public/css/main.css deleted file mode 100644 index fe7d56f8..00000000 --- a/foundation/public/css/main.css +++ /dev/null @@ -1,71 +0,0 @@ -.navbar-icon{ - width:1.5em; - margin-right:1em; -} - -.navbar-brand { - width: 190px; -} - -.primary-button { - background: #7575ff; - color: #fff; - border: 0px; - border-bottom: 3px solid rgba(0, 0, 0, 0.2); - font-size: 1.75em; - text-decoration: none; - padding: .35em 1em; - border-radius: .25em; -} -.primary-button:hover{ - color: #fff; - text-decoration: none; - background: #5b5be5; - -} - -.hero{ - margin-top: 3em; -} - -.hero h1{ - font-size: 2.5em; - font-weight: 700; - line-height: 1.125; - margin: 1em auto .5em; -} - -.hero .lead{ - max-width: 400px; - font-size: 1.5em; - margin: 1em auto 1.5em; - font-weight: normal; - color: #6c7680; -} - -.hero img{ - max-width: 850px; -} - -.subtitle { - font-size: 2em; - line-height: 1.125; - font-weight: bold; - margin-bottom:1em; -} - -.feature{ - margin: 10em 0 0 0; - padding: 0 0 10em 0; -} - -.domain-links{ - font-size:1.5em; - text-decoration:none; -} - -.domain-links:hover { - text-decoration: none; - color: #7575ff; - -} 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 @@ + + + +
+ + +
- Do-It-Yourself Business Management System that will help you stay in control. 100% Opensource Forever
- +{% block content %} +
+ A free and opensource do-it-yourself business management system that will help you stay in control.
+ Get Started +The forum is the hub of activity related to ERPNext. You can ask a question, find developers or hire service providers.
+ Become a Member +
+