Tweak getting started page and bounty page

This commit is contained in:
Raghavendra Kamath
2018-03-01 14:10:44 +05:30
parent 40ec04f634
commit 14f39e5405
13 changed files with 368 additions and 172 deletions

View File

@@ -7,9 +7,10 @@ import frappe
from frappe.website.website_generator import WebsiteGenerator
class FoundationFellowship(WebsiteGenerator):
_website = frappe._dict(
condition_field = "show_in_website",
website = frappe._dict(
condition_field = "show_in_website"
)
print( "website", website )
def validate(self):
if not self.route:
self.route = 'foundation-fellow/' + self.scrub(self.name)
@@ -26,4 +27,4 @@ def get_list_context(context):
context.no_cache = True
context.no_breadcrumbs = True
context.order_by = 'creation desc'
context.introduction = '<p>Following are the Foundation Fellows</p>'
context.introduction = '<p>Following are the Foundation Fellows</p>'

View File

@@ -44,7 +44,6 @@
</tr>
</tr>
<td>Website</td>
<td><a href="{{ website }}" target="_blank">{{ website }}</a></td>
</tr>
</table>

View File

@@ -1,5 +1,5 @@
<div class="media max-width-medium clickable" style="cursor: pointer;" onclick="location.href='{{ doc.route }}'">
<div class="media-left">
<div class="media-left">
<a href="{{ link or "#" }}">
<img class="media-object"
src="{% if image %}{% if not '/' in image %}/assets/foundation/img/{% endif %}{{ image }}{% else %}/assets/foundation/img/frappe-bird-grey.svg{% endif %}"

View File

@@ -166,17 +166,16 @@ a:hover {
a:focus,
a:visited {
outline: 0;
background-color: transparent;
}
.header1 {
.header-1 {
font-size: 2.5rem;
line-height: 1.025;
}
.header2 {
.header-2 {
font-size: 1.5rem;
line-height: 1.025;
}
.header3 {
.header-3 {
font-size: 1rem;
line-height: 1.025;
}
@@ -570,6 +569,11 @@ caption {
th {
text-align: left;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.btn-group,
.btn-group-vertical {
position: relative;
@@ -817,6 +821,49 @@ img.blog-cover-image,
.btn-next-wrapper {
margin-top: 4rem;
}
.input-group-btn {
display: table-cell;
vertical-align: middle;
white-space: nowrap;
height: 2rem;
}
.dropdown-menu {
display: none;
position: absolute;
list-style: none;
margin: 0;
padding: 0;
box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.05);
background-color: #fff;
}
.dropdown-menu li {
padding: 0.5rem;
margin: 0;
transition: background-color 0.3s ease-out;
cursor: pointer;
}
.dropdown-menu li:hover {
background-color: #F0F4F7;
}
.display-block {
display: block;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 0.25rem solid;
border-right: 0.25rem solid transparent;
border-left: 0.25rem solid transparent;
}
.bounty-amount .form-control {
margin-right: 1.5rem;
}
.input-group-btn .dropdown-toggle {
margin-left: 1.5rem;
}
/*blog*/
/*TODO Needs refactor in frappe to use utilities.less*/
.blog-list-content {
@@ -907,6 +954,12 @@ img.blog-cover-image,
margin-bottom: 1.5rem;
border-radius: 0.25em;
padding: 1.5rem;
flex-direction: column;
}
@media screen and (min-width: 500px) {
.media {
flex-direction: row;
}
}
.media-left {
width: 10%;
@@ -970,6 +1023,9 @@ img.blog-cover-image,
width: 150px;
padding-bottom: 1.5rem;
}
.feature-img {
width: 300px;
}
.community-bg {
background-image: linear-gradient(to bottom, rgba(117, 116, 254, 0.52), #7574fe), url("/assets/foundation/img/community-2016.jpg");
background-size: cover;
@@ -981,3 +1037,21 @@ img.blog-cover-image,
.about .intro-copy {
max-width: 800px;
}
/* added to make iframe responsive */
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 800px;
width: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

View File

@@ -12,232 +12,243 @@
*,
*::before,
*::after {
box-sizing: border-box;
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: 1.62;
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: 1.62;
font-size: 14px;
}
@media screen and (min-width: 767px){
html{
font-size: 16px;
@media screen and (min-width: 767px) {
html {
font-size: 16px;
}
}
@-ms-viewport {
width: device-width;
width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
body {
margin: 0;
font-weight: 400;
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;
font-feature-settings: "kern" 1;
font-kerning: normal;
text-rendering: optimizeLegibility;
margin: 0;
font-weight: 400;
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-feature-settings: "kern" 1;
font-kerning: normal;
text-rendering: optimizeLegibility;
}
[tabindex="-1"]:focus {
outline: 0 !important;
[ tabindex = "-1" ]:focus {
outline: 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 1rem;
margin-top:0;
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 1rem;
margin-top: 0;
}
p {
margin-top: 0;
margin-bottom: 1rem;
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;
abbr[ title ],
abbr[ data-original-title ] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
margin-bottom: 0;
}
dt {
font-weight: 700;
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
margin: 0 0 1rem;
}
dfn {
font-style: italic;
font-style: italic;
}
b,
strong {
font-weight: bolder;
font-weight: bolder;
}
small {
font-size: 80%;
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
bottom: -0.25em;
}
sup {
top: -.5em;
top: -0.5em;
}
a {
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #0056b3;
text-decoration: underline;
text-decoration: underline;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
a:not([ href ]):not([ tabindex ]) {
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,
a:not([ href ]):not([ tabindex ]):hover {
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
a:not([ href ]):not([ tabindex ]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: monospace, monospace; */
font-size: 1em;
font-family: monospace, monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
width: 100%;
border-radius: 0.25em;
vertical-align: middle;
border-style: none;
width: 100%;
border-radius: 0.25em;
}
svg:not(:root) {
overflow: hidden;
overflow: hidden;
}
a,
area,
button,
[role="button"],
input:not([type="range"]),
[ role = "button" ],
input:not([ type = "range" ]),
label,
select,
summary,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
table {
border-collapse: collapse;
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: .5rem;
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
outline: none;
outline: 5px auto -webkit-focus-ring-color;
}
input,
@@ -245,111 +256,111 @@ button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
overflow: visible;
}
button,
select {
text-transform: none;
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
-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;
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
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;
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
display: list-item;
cursor: pointer;
}
template {
display: none;
display: none;
}
[hidden] {
display: none !important;
display: none !important;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

View File

@@ -16,21 +16,20 @@ a {
&:focus,
&:visited {
outline: 0;
background-color: transparent;
}
}
.header1 {
.header-1 {
font-size: 2.5rem;
line-height: 1.025;
}
.header2 {
.header-2 {
font-size: 1.5rem;
line-height: 1.025;
}
.header3 {
.header-3 {
font-size: 1rem;
line-height: 1.025;
}
@@ -469,6 +468,12 @@ th {
text-align: left;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.btn-group,
.btn-group-vertical {
position: relative;
@@ -758,6 +763,57 @@ img.blog-cover-image,
margin-top: 4rem;
}
.input-group-btn {
display: table-cell;
vertical-align: middle;
white-space: nowrap;
height: 2rem;
}
.dropdown-menu {
display: none;
position: absolute;
list-style: none;
margin: 0;
padding: 0;
box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.05);
background-color: #fff;
li {
padding: 0.5rem;
margin: 0;
transition: background-color @transition;
cursor: pointer;
&:hover {
background-color: @btn-bg;
}
}
}
.display-block {
display: block;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 0.25rem solid;
border-right: 0.25rem solid transparent;
border-left: 0.25rem solid transparent;
}
.bounty-amount .form-control {
margin-right: 1.5rem;
}
.input-group-btn .dropdown-toggle {
margin-left: 1.5rem;
}
/*blog*/
/*TODO Needs refactor in frappe to use utilities.less*/
@@ -872,6 +928,11 @@ img.blog-cover-image,
margin-bottom: 1.5rem;
border-radius: 0.25em;
padding: 1.5rem;
flex-direction: column;
@media screen and (min-width: @screen-palm) {
flex-direction: row;
}
}
.media-left {
@@ -952,6 +1013,10 @@ img.blog-cover-image,
padding-bottom: 1.5rem;
}
.feature-img {
width: 300px;
}
.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-size: cover;
@@ -964,3 +1029,23 @@ img.blog-cover-image,
.about .intro-copy {
max-width: 800px;
}
/* added to make iframe responsive */
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 800px;
width: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

View File

@@ -9,7 +9,7 @@
<div class="right">
<ul class="menu list-unstyled">
<li class="menu-items">
<a href="/service-providers" class="menu-links">Service providers</a>
<a href="/service-providers" class="menu-links">Services</a>
</li>
<li class="menu-items">
<a href="/blog" class="menu-links">Blog</a>

View File

@@ -39,8 +39,6 @@ The added additional costs will be distributed among the receiving items (where
If perpetual inventory system is enabled, additional costs will be booked in "Expense Included In Valuation" account.
<img class="screenshot" alt="Additional Costs General Ledger" src="/docs/assets/img/stock/additional-costs-general-ledger.png">
> **Note:** To update Stock from a spreadsheet, see [Stock Reconciliation]({{doc_base_url}}/user/manual/en/setting-up/stock-reconciliation-for-non-serialized-item.html).
{next}

View File

@@ -1,37 +1,65 @@
{% extends "foundation/templates/base.html" %}
{% block title %} Get Started - ERPNext Foundation{% endblock %}
{% block content %}
<section class="feature">
<section class="feature text-center">
<div class="container">
<p class="text-center"><a class="">
<img class="grid-images" src="/assets/foundation/img/bench-logo.png">
</a></p>
<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>
<a class="primary-link text-medium" target="_blank" href="https://github.com/frappe/bench#manual-install">Read the instructions on our wiki</a>
</div>
</section>
<section class="feature text-center">
<div class="container">
<p class="text-center"><a class="">
<img class="feature-img bottom-spacer" src="/assets/foundation/img/cloud.png">
</a></p>
<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>
<a class="button button-primary text-center" href="https://erpnext.com/pricing?source=org">Free 30 Day Trial</a></p>
</div>
</section>
<section class="feature gray-bg">
<div class="container">
<h1 class="header1 text-center">Virtual Machine Images</h1>
<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 border grid-items">
<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="header3">Download Production Image</h2>
<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 border grid-items">
<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="header3">Download Development Image</h2>
<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 border grid-items">
<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="header3">Download Vagrant Box</h2>
<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>
<p class="text-center top-spacer-4"><a class="secondary-link" href="https://github.com/frappe/frappe/wiki/The-Hitchhiker%27s-Guide-to-Installing-Frapp%C3%A9-on-Linux-OS">Read more in the wiki for manually installing ERPNext on your
machine</a></p>
</div>
</section>
<section class="feature text-center">
<div class="container">
<p class="text-center"><a class="">
<img class="feature-img bottom-spacer" src="/assets/foundation/img/service-providers.png">
</a></p>
<h1 class="header-1">Contact Service Providers</h1>
<p class="text-medium intro-copy text-light">For additional customisations, implementation and training requirements.</p>
<a class="primary-link text-medium text-center" href="/service-providers">See the list of all Service Providers</a>
</div>
</section>
{% endblock %}

View File

@@ -4,14 +4,14 @@
<section class='feature hero text-center'>
<div class="container">
<img class="hero-illustration bottom-spacer" src='/assets/foundation/img/hero-illustration-erpnext.png' alt="ERP software for Everybody">
<h1 class="header1">ERP for Everybody</h1>
<h1 class="header-1">ERP for Everybody</h1>
<p class='intro-copy text-medium text-light'>Worlds Leading Fully Opensource ERP Software That Helps You Stay In Control Of Your Business</p>
<a class="button button-primary" href="/get-started.html">Get Started</a>
</div>
</section>
<section class="feature gray-bg left-aligned">
<div class="container">
<h2 class="header1 bottom-spacer-4 text-center">One App Many Domains</h1>
<h2 class="header-1 bottom-spacer-4 text-center">Industries</h1>
<ul class="list-unstyled grid-of-four">
<li class="list-items grid-items">
<a class="primary-links grid-boxes" href="/docs/user/manual/en/manufacturing">
@@ -53,8 +53,8 @@
<section class="feature community-bg text-white">
<div class="container">
<div class="text-center">
<h1 class="header1">ERPNext Foundation</h1>
<p class="intro-copy">ERPNext Foundation is a community of ERPNext users, developers and service providers. The goal of the ERPNext Foundation is to provide a platform for the ERPNext Community to come together, join hands and build assets to help build and enhance ERPNext around the world.</p>
<h1 class="header-1">ERPNext Foundation</h1>
<p class="intro-copy text-medium">ERPNext Foundation is a community of ERPNext users, developers and service providers. The goal of the ERPNext Foundation is to provide a platform for the ERPNext Community to come together, join hands and build assets to help build and enhance ERPNext around the world.</p>
<a href="/members/details" class="button button-secondary">Become a Member</a>
</div>
</div>
@@ -63,7 +63,7 @@
<div class="container">
<div class="three-column left-aligned">
<div class="columns">
<h1 class="header2">Events & Meetups</h1>
<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] %}
@@ -74,7 +74,7 @@
</ul>
</div>
<div class="columns">
<h1 class="header2">Help Us Improve</h1>
<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>
@@ -88,7 +88,7 @@
</ul>
</div>
<div class="columns">
<h1 class="header2">Need Help?</h1>
<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>