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

webpages created for esoc

Browse Source
This commit is contained in:
Zlash65
2018-04-02 19:05:42 +05:30
parent a92aa868bd
commit 518d156a1e
8 changed files with 790 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
foundation/erpnext_foundation/web_form/apply_for_esoc/apply_for_esoc.json
View File

@@ -18,7 +18,7 @@
"is_standard": 1,
"login_required": 0,
"max_attachment_size": 0,
"modified": "2018-04-02 19:02:37.665216",
"modified": "2018-04-03 11:26:06.421781",
"modified_by": "Administrator",
"module": "ERPNext Foundation",
"name": "apply-for-esoc",
@@ -238,25 +238,6 @@
"read_only": 0,
"reqd": 0
},
{
"fieldname": "",
"fieldtype": "Column Break",
"hidden": 0,
"max_length": 0,
"max_value": 0,
"read_only": 0,
"reqd": 0
},
{
"fieldname": "noc",
"fieldtype": "Attach",
"hidden": 0,
"label": "NOC",
"max_length": 0,
"max_value": 0,
"read_only": 0,
"reqd": 0
},
{
"fieldname": "",
"fieldtype": "Section Break",

0
foundation/www/esoc/__init__.py Normal file
View File

62
foundation/www/esoc/get-started.html Normal file
View File

@@ -0,0 +1,62 @@
{% extends base_template_path %}
{% block hero %}{% endblock %}
{% block content %}
<link rel="stylesheet" href="index.css">
<section class="help-padding border-top-light">
<h1 class="header-1"> Get Started </h1>
<p class="intro text-light"> Spend your summer break writing code for an open source software project! </p>
<div class="row border-top">
<div class="col-sm-5">
<div class="column-padding">
<div>
<h2 class="text-center"> Prerequisites </h2>
</div>
<div class="list-points">
<ol>
<li>Must be at least 18 years old at time of registration.</li>
<li>Must be enrolled in or accepted into an accredited institution
including (but not necessarily limited to) colleges, universities,
masters programs, PhD programs and undergraduate programs as of
the ESoC Student Acceptance Date (April 23, 2018).
</li>
</ol>
</div>
<div class="text-center">
<a class="button button-secondary-small" href="/esoc#timeline"> View Timeline </a>
</div>
</div>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-5">
<div class="column-padding">
<div>
<h2 class="text-center"> How to apply ? </h2>
</div>
<div class="list-points">
<ol>
<li> Registrations opens on April 1st and will stay open till April 14th. </li>
<li> Eligible students must obtain NOCs from their respective institutions. </li>
<li> Select the projects you’d like to work on and propose a solution for it. </li>
<li> Make sure you go through <a href="/esoc/terms-and-rules"> Terms & Rules </a>
to avoid confusion later.
</li>
<li> Send in your application! </li>
</ol>
</div>
<div class="text-center">
<a class="button button-primary-small" href="/apply-for-esoc"> Apply Now </a>
</div>
</div>
</div>
</div>
</section>
{% endblock %}

449
foundation/www/esoc/index.css Normal file
View File

@@ -0,0 +1,449 @@
/* ----- general utilities ----- */
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.border-top {
border-top: 1px solid #d1d8dd;
}
.border-top-light {
border-top: 1px solid #ebeff2;
}
.header-1 {
font-size: 2.5rem;
line-height: 1.025;
}
.text-light {
color: #6c7680;
}
.text-muted {
color: #8d99a6;
}
.gray-bg {
background-color: #fafbfc;
}
.text-medium {
font-size: 1.5rem;
}
.bottom-spacer {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.bold {
font-weight: bold;
}
.clearfix {
clear: both;
}
/* -------- BUTTON UTIL -------- */
.button {
padding: 1rem 1.5rem;
border-radius: 0.25em;
cursor: pointer;
transition: all 0.3s ease-out;
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: 0;
border-left: 0;
border-top: 0;
line-height: 3;
}
.button-primary:hover {
background: #5e5ec9;
color: #fff;
}
.button-primary-small {
color: #fff;
background: #7575ff;
border-right: 0;
border-left: 0;
border-top: 0;
padding: 0.45rem 1rem;
display: inline-block;
}
.button-primary-small:hover {
background: #5e5ec9;
color: #fff;
}
.button-secondary-small {
color: #6c7680;
background: #f0f4f7;
border-right: 0;
border-left: 0;
border-top: 0;
padding: 0.45rem 1rem;
}
.button-secondary-small:hover {
background: #d1d8dd;
color: #2e3338;
}
/* ------ BOOTSTRAP GRID ------ */
.row:before,
.row:after {
display: table;
content: " ";
}
.row:after {
clear: both;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-sm-1, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-7 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-7 {
float: left;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
}
/* ---------- General ---------- */
.intro {
font-size: 1.2em;
}
ul, ol{
padding-left: 20px;
}
/* ----------- INDEX ----------- */
.container {
width: 80%;
max-width: 1200px;
margin: 0 auto;
/* text-align: center; */
}
.tiny-content {
margin-bottom: 40px;
font-size: 15px;
}
.team-description img {
border-radius: 3px;
width: 100%;
padding-bottom: 0.5rem;
}
.team-description {
text-align: center;
margin-top: 30px;
margin-bottom: 20px;
}
.team-description a {
text-decoration: none;
}
.box {
padding: 1.5rem;
border: 1px solid #d1d8dd;
border-radius: 0.25em;
transition: background-color 0.3s ease-out;
}
.box:hover {
color: #000 !important;
background-color: #fafbfc;
cursor: pointer;
text-decoration: none;
}
.grid-of-four {
grid-gap: 2.5rem;
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.align-list {
width: 70%;
font-size: 1.2rem;
margin-left:auto;
margin-right:auto;
}
@media screen and (min-width: 500px) {
.grid-of-four {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 767px) {
.grid-of-four {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 991px) {
.grid-of-four {
grid-template-columns: repeat(4, 1fr);
}
}
/* ------- Terms & Rules ------- */
.list-points .inner-ul {
list-style: none;
}
.list-points .inner-ul li:before {
content: "\2192";
color: #000;
}
/* --------- Timeline --------- */
.timeline ul {
padding: 10px 0;
}
.timeline ul li {
list-style-type: none;
position: relative;
width: 4px;
background-color: #d1d8dd;
margin: 0 auto;
padding-top: 35px;
}
.timeline ul li::after {
content: '';
position: absolute;
color: #d1d8dd;
left: 50%;
bottom: 0;
transform: translateX(-50%) translateY(-60%);
width: 15px;
height: 15px;
border-radius: 50%;
background: inherit;
}
.timeline ul li div {
position: relative;
bottom: 0;
width: 400px;
padding: 15px;
color: #000;
background: #fff;
border-style: solid;
border-color: #d1d8dd;
border-radius: 1rem;
}
.timeline ul li div::before {
content: '';
color: #d1d8dd;
position: absolute;
bottom: 7px;
width: 0;
height: 0;
border-style: solid;
}
.timeline ul li:nth-child(odd) div {
left: 45px;
}
.timeline ul li:nth-child(odd) div::before {
left: -16px;
border-width: 8px 16px 8px 0;
border-color: transparent #d1d8dd transparent transparent;
}
.timeline ul li:nth-child(even) div {
left: -439px;
}
.timeline ul li:nth-child(even) div::before {
right: -16px;
border-width: 8px 0 8px 16px;
border-color: transparent transparent transparent #d1d8dd;
}
time {
display: block;
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 8px;
}
/* Timeline Effects */
.timeline ul li::after {
transition: background .5s ease-in-out;
}
.timeline ul li.in-view::after {
background: #8D99A6;
}
.timeline ul li div {
visibility: hidden;
opacity: 0;
transition: all .5s ease-in-out;
}
.timeline ul li:nth-child(odd) div {
transform: translate3d(200px, 0, 0);
}
.timeline ul li:nth-child(even) div {
transform: translate3d(-200px, 0, 0);
}
.timeline ul li.in-view div {
transform: none;
visibility: visible;
opacity: 1;
}
/* general media queries */
@media screen and (max-width: 900px) {
.timeline ul li div {
width: 250px;
}
.timeline ul li:nth-child(even) div {
left: -289px;
/*250+45-6*/
}
}
@media screen and (max-width: 600px) {
.timeline ul li {
margin-left: 20px;
}
.timeline ul li div {
width: calc(100vw - 91px);
}
.timeline ul li:nth-child(even) div {
left: 45px;
}
.timeline ul li:nth-child(even) div::before {
left: -15px;
border-width: 8px 16px 8px 0;
border-color: transparent #d1d8dd transparent transparent;
}
}
/* ------ section-padding ------ */
.section-padding {
padding: 2.5rem 1rem;
}
@media screen and (min-width: 767px) {
.section-padding {
padding: 6.5rem 1.5rem;
}
}
.help-padding h1 {
font-weight: 400;
}
.help-padding {
padding: 1rem 4rem !important;
}
@media screen and (min-width: 767px) {
.help-padding {
padding: 3rem 8rem !important;
}
}
.column-padding {
line-height: 2;
padding: 1rem 0rem !important;
font-size: 1rem;
}
@media screen and (min-width: 767px) {
.column-padding {
padding: 2rem 0rem !important;
}
}
.term-padding {
line-height: 2.5;
padding: 1rem 4rem !important;
font-size: 1em;
}
@media screen and (min-width: 767px) {
.term-padding {
padding: 3rem 10rem !important;
}
}
.why-apply-padding {
line-height: 2.5;
padding: 1rem 2rem !important;
font-size: 1em;
}
@media screen and (min-width: 767px) {
.why-apply-padding {
padding: 3rem 6rem !important;
}
}
/* ----------------------------- */

152
foundation/www/esoc/index.html Normal file
View File

@@ -0,0 +1,152 @@
{% extends base_template_path %}
{% block title %}ERPNext Summer of Code{% endblock %}
{% block hero %}{% endblock %}
{% block content %}
<script type="text/javascript" src="index.js"></script>
<section class='section-padding text-center border-top-light'>
<div class="container">
<h1 class="header-1">ERPNext Summer of Code</h1>
<p class='intro text-light'>
ERPNext Summer of Code is an initiative by the ERPNext Foundation, in similar lines to Google Summer of Code (GSoC) to help bring more young and budding developers in to the world of Open Source Software development.
Students will spend 3 months of their summer time working with ERPNext and contributing to open source development, all while earning a stipend!
ERPNext is the world’s top fully open source ERP system made by Frappe Technologies and backed by the ERPNext Foundation.
</p>
<a class="button button-primary" href="/esoc/get-started">Get Started</a>
</div>
</section>
<section class="section-padding gray-bg border-top-light">
<section id="timeline">
<div>
<h2 class="text-center"> Timeline </h2>
</div>
</section>
<section class="timeline">
<ul>
<li>
<div>
<time>April 3, 2018</time> Student Applications Open <br><br>
<a class="button button-primary-small" href="/apply-for-esoc">Students Apply Now</a>
</div>
</li>
<li>
<div>
<time>April 14, 2018</time> Student Applications Deadline
</div>
</li>
<li>
<div>
<time>April 15 - 23, 2018</time> Application Evaluation by Mentors
</div>
</li>
<li>
<div>
<time>April 23, 2018 (GSoC)</time> Student Projects Announcement
</div>
</li>
<li>
<div>
<time>April 23 - May 14, 2018</time> Know Your Community
</div>
</li>
<li>
<div>
<time>May 14 - August 6, 2018</time> Coding begins
</div>
</li>
<li>
<div>
<time>June 11 - 15, 2018</time> Evaluations Round 1
</div>
</li>
<li>
<div>
<time>July 9 -13, 2018</time> Evaluations Round 2
</div>
</li>
<li>
<div>
<time>August 6 - 14, 2018</time> Code Submissions and Final Evaluations
</div>
</li>
<li>
<div>
<time>August 6 - 14, 2018</time> Mentors Submit Final Evaluation
</div>
</li>
<li>
<div>
<time>August 22, 2018</time> Results Announced
</div>
</li>
</ul>
</section>
</section>
<section class="section-padding border-top-light">
<div class="container">
<h1 class="header-1 text-center"> Projects </h1>
<p class='intro text-light text-center'>
Build Open Source Mobile Apps based on Ionic Framework.
</p>
<div class="bottom-spacer grid-of-four">
<a class="box" href="https://github.com/frappe-apps/accounting" target="_blank">
<div class="bold text-muted"> Accounting App </div>
</a>
<a class="box" href="https://github.com/frappe-apps/crm" target="_blank">
<div class="bold text-muted"> CRM </div>
</a>
<a class="box" href="https://github.com/frappe-apps/pos" target="_blank">
<div class="bold text-muted"> POS </div>
</a>
<a class="box" href="https://github.com/frappe-apps/inventory" target="_blank">
<div class="bold text-muted"> Inventory </div>
</a>
</div>
</div>
</section>
<section class="why-apply-padding gray-bg border-top-light">
<div class="container">
<h1 class="header-1 text-center"> Why Apply? </h1>
<div class="align-list text-muted">
<ul>
<li>
Get experience working on real life projects.
</li>
<li>
Get mentored by some of the top developers in India.
</li>
<li>
Be a part of Open Source Communities.
</li>
<li>
Build your resume and increase your chances of getting a job.
</li>
<li>
Did not get into GSOC, don't worry, you will get a better experience here.
</li>
<li>
Earn a stipend of Rs 20,000 per month, on completing your tasks.
</li>
</ul>
</div>
<div class="text-center">
<a class="button button-primary" href="/apply-for-esoc"> Apply Now </a>
</div>
</div>
</section>
{% endblock %}

32
foundation/www/esoc/index.js Normal file
View File

@@ -0,0 +1,32 @@
(function($) {
'use strict';
// define variables
var items = document.querySelectorAll(".timeline li");
// check if an element is in viewport
function isElementInViewport(el) {
var rect = el.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
}
function callbackFunc() {
for (var i = 0; i < items.length; i++) {
if (isElementInViewport(items[i])) {
items[i].classList.add("in-view");
}
}
}
// listen for events
window.addEventListener("load", callbackFunc);
window.addEventListener("resize", callbackFunc);
window.addEventListener("scroll", callbackFunc);
})();

2
foundation/www/esoc/index.py Normal file
View File

@@ -0,0 +1,2 @@
def get_context(context):
pass

92
foundation/www/esoc/terms-and-rules.html Normal file
View File

@@ -0,0 +1,92 @@
{% extends base_template_path %}
{% block hero %}{% endblock %}
{% block content %}
<link rel="stylesheet" href="index.css">
<section class="border-top-light">
<div>
<div class="term-padding">
<div>
<h2 class="text-center"> Terms & Rules </h2>
</div>
<div class="list-points">
<ol>
<li> Frappe/ERPNext will have full authority of what you create. </li>
<li> The licensing will be determined by Frappe/ERPNext. </li>
<li> <strong>Indemnities:</strong> You will indemnify Frappe/ERPNext
and its affiliates, directors and employees against all liabilities,
damages, losses, costs, fees (including legal fees), and expenses
relating to any allegation or third-party legal proceeding to
the extent arising from:
<ul class="inner-ul">
<li> Your acts or omissions related to applying for and participating in the Program </li>
<li> Your Submissions violating any rights of any other person or entity or any obligation you may have with them. </li>
</ul>
</li>
<li> Not an Offer or Contract of Employment
<ul class="inner-ul">
<li> You acknowledge that your participation in the Program is voluntary. </li>
<li> You acknowledge that no confidential, fiduciary, agency or other
relationship or implied-in-fact contract now exists between you and
Frappe/ERPNext or the Organizations and that no such relationship is
established by your Submissions to the Program.
</li>
<li> You understand and agree that nothing in this Agreement may be construed
as an offer or contract of employment with either Frappe/ERPNext or any Organization.
</li>
</ul>
</li>
<li> <strong> Stipends: </strong> Frappe/ERPNext is not required to pay any stipends
to you if you breach this Agreement.
</li>
<li> You understand and agree that nothing in this Agreement may be construed as an offer
or contract of employment with either Frappe/ERPNext or any Organization.
<ul class="inner-ul">
<li> <strong> Assignment: </strong> You may not assign this Agreement or any part
of it without Frappe/ERPNext’s prior written consent. Frappe/ERPNext may assign
this Agreement or any part of it upon notification, which may be posted on the
Program Website or sent to the contact information you provided upon registration.
</li>
<li> <strong> No Waiver: </strong> Neither party will be treated as having waived
any rights by not exercising (or delaying the exercise of) any rights under
this Agreement.
</li>
<li> <strong> No Agency: </strong> This Agreement does not create any agency,
partnership, or joint venture between the parties.
</li>
<li> <strong> No Third-Party Beneficiaries </strong> This Agreement does not
confer any benefits on any third party unless it expressly states that it does.
</li>
<li> <strong> Amendments: </strong> Except as set forth in the Program Rules,
any amendment must be in writing, signed by both parties, and expressly
state that it is amending this Agreement.
</li>
<li> <strong> Entire Agreement: </strong> This Agreement sets out all terms agreed
between the parties and supersedes all other agreements between the parties
relating to its subject matter. In entering into this Agreement neither party
has relied on, and neither party will have any right or remedy based on, any
statement, representation or warranty (whether made negligently or innocently),
except those expressly set out in this Agreement.
</li>
<li> <strong> Severability: </strong> If any term (or part of a term) of this
Agreement is invalid, illegal or unenforceable, the rest of the Agreement
will remain in effect.
</li>
<li> <strong> Translations </strong> In the event of any discrepancy between the
English version of this Agreement and a translated version, the English
version will govern.
</li>
</ul>
</li>
</ol>
</div>
</div>
</div>
</section>
{% endblock %}