feat: macros for conference pages

This commit is contained in:
Shivam Mishra
2019-08-13 14:56:16 +05:30
parent 888229a7a6
commit 54cb2207bd
5 changed files with 177 additions and 315 deletions

View File

@@ -1,26 +1,19 @@
{% extends "templates/base.html" %}
{% from "www/conf/2019/macros.html" import hero, events, lead_max, footer %}
{% from "www/conf/2019/sponsor.html" import sponsor %}
{% block title %}Exhibition{% endblock %}
{% block content %}
<section class='top-section'>
<div class='container d-md-flex align-self-center justify-content-between flex-row-reverse'>
<div class="flex-item-30 d-none d-md-block pl-4">
<img src='/assets/foundation/img/illustrations/people-hand-shake.png' alt='People Meeting at Expo'>
</div>
<div>
<h1>Exhibition</h1>
<p class='lead'>
Showcase the services you provide for ERPNext to the global community,
understand their challenges and explore solutions with them.
</p>
<p>
<a class="mt-4 btn btn-primary btn" href="/request-a-call">Book a Stall</a>
</p>
</div>
</div>
</section>
{{ hero(
'Exhibition',
'',
'Showcase the services you provide for ERPNext to the global community,
understand their challenges and explore solutions with them.',
'/assets/foundation/img/conf/2019/foundation-splash.png',
'<a class="mt-4 btn btn-primary btn" href="/request-a-call">Book a Stall</a>'
) }}
<section class="section-padding section-bg">
<section class="section-padding section">
<div class='container'>
<div class="text-center">
<h2>Details</h2>
@@ -35,76 +28,14 @@
<li>Dinner starts at 6:30 PM at Matunga Gujarati Seva Mandal</li>
</ul>
</div>
<!--<div class="mb-5">
<h3>Stalls</h3>
<ul class="list">
<li>Issue Cleanup Sprint: Review and respond to un-replied issues. Review all old issues and either tag them or close them if they are not relevant.</li>
<li>Documentation Sprint: Writing missing documentation for ERPNext modules or features.</li>
<li>Article Writing Sprint: Write general purpose articles on ERP systems, benefits, challenges, implementation strategies that can be published on ERPNext.org</li>
</ul>
</div>
<div class="mb-5">
<h3>Developer Activities</h3>
<ul class="list">
<li>Bug quashing sprint: Try and fix all issues tagged as “bug” on GitHub Issues.</li>
<li>Build a feature: Scratch your own itch by contributing a feature you really want in the product.</li>
<li>Test Coverage Sprint: Add test coverage, refactor tests where missing.</li>
<li>Documentation Sprint: Add missing developer documentation.</li>
</ul>
</div>-->
</div>
</div>
</section>
<section class="section-padding">
<div class='container'>
<div class='text-center'>
<h2>Other Events</h2>
<p class='lead'>Connect with the core team, maintainers, developers, implementors. If you are connected to ERPNext, this is an event you cannot miss.</p>
</div>
<div class="mt-7">
<a href="/conf/2019/sprint" class="no-border">
<div class="mb-6 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="pr-4 pl-5" src='/assets/foundation/img/illustrations/typing-on-a-computer.png' alt='Person Contributing'>
</div>
<div class="col-xs-12 col-sm-7">
<h3>Contribution Sprint</h3>
<p>Join the global ERPNext community for a
two day sprint and contribute new features,
fixes and documentation.</p>
<p>KJ Somaiya College of Engineering <br> 15 and 16 October</p>
</div>
</div>
</a>
<a href="/conf/2019/talks" class="no-border">
<div class="mb-6 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="px-5" src='/assets/foundation/img/illustrations/group.png' alt='Group of people' width="95%">
</div>
<div class="col-xs-12 col-sm-7">
<h3>Talks and Sessions</h3>
<p>Interact about the product road-map, learn about the new and
exciting features, stories and best practices.</p>
<p>Mysore Association Auditorium, Matunga <br> 17 and 18 October</p>
</div>
</div>
</a>
</div>
</div>
</section>
{% from "www/conf/2019/sponsor.html" import sponsor %}
{{ events('Other Events', ['sprint', 'talks' ]) }}
{{ sponsor() }}
<section class="section-padding text-center">
<div class='container'>
<h2>ERPNext Foundation</h2>
<p class="lead m-auto">ERPNext Conference is a community event driven by the community and organized by the ERPNext Open Source Software Foundation.</p>
<p>
<a class="mt-4 btn btn-primary btn" href="/buy-tickets-inr">Buy Tickets (INR)</a>
<a class="mt-4 btn btn-primary btn" href="/buy-tickets-paypal">Buy Tickets (USD)</a>
</p>
</div>
</section>
{{ footer(
'Community Organized',
'ERPNext Conference is a community event organized by the ERPNext Open Source Software Foundation.',
'<a class="mt-4 mr-2 btn btn-light btn" href="/buy-tickets-inr">Buy Tickets (INR)</a> <a class="mt-4 btn btn-light btn" href="/buy-tickets-paypal">Buy Tickets (USD)</a>'
) }}
{% endblock %}

View File

@@ -1,97 +1,24 @@
{% extends "templates/base.html" %}
{% from "www/conf/2019/macros.html" import hero, events, lead_max, footer %}
{% from "www/conf/2019/sponsor.html" import sponsor %}
{% block title %}ERPNext Conference 2019{% endblock %}
{% block content %}
<section class='hero-section text-center bg-dark' style='background-image: url("/assets/foundation/img/conf/2019/foundation-splash.png") !important; background-size: cover;'>
<div class='container'>
<!-- <img src='/assets/foundation/img/icons/microprocessor.svg' style='height: 100px; margin-bottom: 2rem; margin-top: -1rem'> -->
<div>
<p class='lead text-white' style="font-size:1.5em;">
ERPNext Conference 2019
</p>
<h1 class='text-white'>Next Generation Enterprise</h1>
<p class='lead mt-4 text-white'>
October 15 - 18, Mumbai
</p>
<p>
<a class="mt-4 mr-2 btn btn-primary btn" href="/buy-tickets-inr">Buy Tickets (INR)</a>
<a class="mt-4 btn btn-primary btn" href="/buy-tickets-paypal">Buy Tickets (USD)</a>
</p>
</div>
</div>
</section>
{{ hero(
'Next Generation Enterprise',
'ERPNext Conference 2019',
'October 15 - 18, Mumbai',
'/assets/foundation/img/conf/2019/foundation-splash.png',
'<a class="mt-4 mr-2 btn btn-primary btn" href="/buy-tickets-inr">Buy Tickets (INR)</a>
<a class="mt-4 btn btn-primary btn" href="/buy-tickets-paypal">Buy Tickets (USD)</a>'
) }}
<section class="section-padding text-center">
<div class='container'>
<p class="lead-max">
The 6th edition of the ERPNext Conference is here!
The conference is an event for the entire community to meet the people
you chat with on the forum and understand what is happening in the ecosystem.
</p>
</section>
<section class="section-padding section-bg">
<div class='container'>
<div class='text-center'>
<h2>Events</h2>
<p class='lead'>Connect with the core team, maintainers, developers, implementors. This is an event you cannot miss.</p>
</div>
<div class="mt-6 container-md mx-auto">
<a href="/conf/2019/sprint" class="no-border">
<div class="mb-4 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="px-3" src='/assets/foundation/img/conf/2019/sprint.png' alt='Person Contributing'>
</div>
<div class="col-xs-12 col-sm-7">
<h4>Contribution Sprint</h4>
<p>Join the global ERPNext community for a
two day sprint and contribute new features,
fixes and documentation.</p>
<p>KJ Somaiya College of Engineering <br> 15 and 16 October</p>
</div>
</div>
</a>
<a href="/conf/2019/talks" class="no-border">
<div class="mb-4 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="px-3" src='/assets/foundation/img/conf/2019/talks.png' alt='Group of people'>
</div>
<div class="col-xs-12 col-sm-7">
<h4>Talks and Sessions</h4>
<p>Interact about the product road-map, learn about the new and
exciting features, stories and best practices.</p>
<p>Mysore Association Auditorium, Matunga <br> 17 and 18 October</p>
</div>
</div>
</a>
<a href="/conf/2019/exhibition" class="no-border">
<div class="card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="px-3" src='/assets/foundation/img/conf/2019/expo.png' alt='Bussiness People'>
</div>
<div class="col-xs-12 col-sm-7">
<h4>Exhibition</h4>
<p>Showcase the services you provide for ERPNext to the global community,
understand their challenges and explore solutions with them.</p>
<p>Mysore Association Auditorium, Matunga <br> 17 and 18 October</p>
</div>
</div>
</a>
</div>
</div>
</section>
{% from "www/conf/2019/sponsor.html" import sponsor %}
{{ lead_max(false) }}
{{ events('Events' ,['sprint', 'talks', 'expo' ]) }}
{{ sponsor() }}
<section class="section-padding text-center section-dark">
<div class='container'>
<h2>Community Organized</h2>
<p class="lead m-auto">ERPNext Conference is a community event organized by the ERPNext Open Source Software Foundation.</p>
<p>
<a class="mt-4 btn btn-light btn" href="/buy-tickets-inr">Buy Tickets (INR)</a>
<a class="mt-4 btn btn-light btn" href="/buy-tickets-paypal">Buy Tickets (USD)</a>
</p>
</div>
</section>
{{ footer(
'Community Organized',
'ERPNext Conference is a community event organized by the ERPNext Open Source Software Foundation.',
'<a class="mt-4 mr-2 btn btn-light btn" href="/buy-tickets-inr">Buy Tickets (INR)</a> <a class="mt-4 btn btn-light btn" href="/buy-tickets-paypal">Buy Tickets (USD)</a>'
) }}
{% endblock %}

View File

@@ -0,0 +1,106 @@
{% macro event_card(title, link, body, image, image_alt, footer) %}
<a href="{{ link }}" class="no-border">
<div class="mb-4 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="px-3" src='{{ image }}' alt='{{ image_alt }}'>
</div>
<div class="col-xs-12 col-sm-7">
<h4>{{ title }}</h4>
<p>{{ body }}</p>
<p>{{ footer }}</p>
</div>
</div>
</a>
{% endmacro %}
{% macro lead_max(bg) %}
<section class="section-padding text-center {{ 'section-bg' if bg }}">
<div class='container'>
<p class="lead-max">
The 6th edition of the ERPNext Conference is here!
The conference is an event for the entire community to meet the people
you chat with on the forum and understand what is happening in the ecosystem.
</p>
</section>
{% endmacro %}
{% macro hero(title, pre_title, subtitle, bg_image, cta_html) %}
<section class='hero-section text-center bg-dark' style='background-image: url("{{ bg_image }}") !important; background-size: cover;'>
<div class='container'>
<!-- <img src='/assets/foundation/img/icons/microprocessor.svg' style='height: 100px; margin-bottom: 2rem; margin-top: -1rem'> -->
<div>
<p class='lead text-white' style="font-size:1.5em;">
{{ pre_title }}
</p>
<h1 class='text-white'>{{ title }}</h1>
<p class='lead mt-4 text-white'>
{{ subtitle }}
</p>
<p>
{{ cta_html }}
</p>
</div>
</div>
</section>
{% endmacro %}
{% macro events(title, events) %}
<section class="section-padding section-bg">
<div class='container'>
<div class='text-center'>
<h2>{{ title }}</h2>
<p class='lead'>Connect with the core team, maintainers, developers, implementors. This is an event you cannot miss.</p>
</div>
<div class="mt-6 container-md mx-auto">
{% if 'sprint' in events %}
{{ event_card(
'Contribution Sprint',
'/conf/2019/sprint',
'Join the global ERPNext community for a
two day sprint and contribute new features,
fixes and documentation.',
'/assets/foundation/img/conf/2019/sprint.png',
'Sprint',
'KJ Somaiya College of Engineering <br> 15 and 16 October'
) }}
{% endif %}
{% if 'talks' in events %}
{{ event_card(
'Talks and Sessions',
'/conf/2019/talks',
'Interact about the product road-map, learn about the new and
exciting features, stories and best practices.',
'/assets/foundation/img/conf/2019/talks.png',
'Talks and Sessions',
'Mysore Association Auditorium, Matunga <br> 17 and 18 October'
) }}
{% endif %}
{% if 'expo' in events %}
{{ event_card(
'Exhibition',
'/conf/2019/exhibition',
'Showcase the services you provide for ERPNext to the global community,
understand their challenges and explore solutions with them.',
'/assets/foundation/img/conf/2019/expo.png',
'Exhibition',
'Mysore Association Auditorium, Matunga <br> 17 and 18 October'
) }}
{% endif %}
</div>
</div>
</section>
{% endmacro %}
{% macro footer(title, subtitle, cta_html) %}
<section class="section-padding text-center section-dark">
<div class='container'>
<h2></h2>
<p class="lead m-auto">{{ subtitle }}</p>
<p>
{{ cta_html }}
</p>
</div>
</section>
{% endmacro %}

View File

@@ -1,28 +1,21 @@
{% extends "templates/base.html" %}
{% from "www/conf/2019/macros.html" import hero, events, lead_max, footer %}
{% from "www/conf/2019/sponsor.html" import sponsor %}
{% block title %}Contribution Sprint{% endblock %}
{% block content %}
<section class='top-section'>
<div class='container d-md-flex align-self-center justify-content-between flex-row-reverse'>
<div class="flex-item-30 d-none d-md-block">
<img src='/assets/foundation/img/illustrations/typing-on-a-computer.png' alt='blocks'>
</div>
<div>
<h1>Contribution Sprint</h1>
<p class='lead'>
Join the global community of ERPNext developers and users for a
two day contribution sprint and contribute new features,
fixes and documentation.
</p>
<p>
<a class="mt-4 btn btn-primary btn" href="/buy-tickets-inr">Buy Tickets (INR)</a>
<a class="mt-4 btn btn-primary btn" href="/buy-tickets-paypal">Buy Tickets (USD)</a>
</p>
</div>
</div>
</section>
{{ hero(
'Contribution Sprint',
'',
'Join the global community of ERPNext developers and users for a
two day contribution sprint and contribute new features,
fixes and documentation.',
'/assets/foundation/img/conf/2019/foundation-splash.png',
'<a class="mt-4 mr-2 btn btn-primary btn" href="/buy-tickets-inr">Buy Tickets (INR)</a>
<a class="mt-4 btn btn-primary btn" href="/buy-tickets-paypal">Buy Tickets (USD)</a>'
) }}
<section class="section-padding section-bg">
<section class="section-padding section">
<div class='container'>
<div class="text-center">
<h2>Agenda</h2>
@@ -59,54 +52,11 @@
</div>
</section>
<section class="section-padding">
<div class='container'>
<div class='text-center'>
<h2>Other Events</h2>
<p class='lead'>Connect with the core team, maintainers, developers, implementors. If you are connected to ERPNext, this is an event you cannot miss.</p>
</div>
<div class="mt-7">
<a href="/conf/2019/talks" class="no-border">
<div class="mb-6 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="px-5" src='/assets/foundation/img/illustrations/group.png' alt='Group of people' width="95%">
</div>
<div class="col-xs-12 col-sm-7">
<h3>Talks and Sessions</h3>
<p>Interact about the product road-map, learn about the new and
exciting features, stories and best practices.</p>
<p>Mysore Association Auditorium, Matunga <br> 17 and 18 October</p>
</div>
</div>
</a>
<a href="/conf/2019/exhibition" class="no-border">
<div class="mb-6 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="px-5" src='/assets/foundation/img/illustrations/people-hand-shake.png' alt='Bussiness People' width="95%">
</div>
<div class="col-xs-12 col-sm-7">
<h3>Exhibition</h3>
<p>Showcase the services you provide for ERPNext to the global community,
understand their challenges and explore solutions with them.</p>
<p>Mysore Association Auditorium, Matunga <br> 17 and 18 October</p>
</div>
</div>
</a>
</div>
</div>
</section>
{% from "www/conf/2019/sponsor.html" import sponsor %}
{{ events('Other Events', ['talks', 'expo' ]) }}
{{ sponsor() }}
<section class="section-padding text-center">
<div class='container'>
<h2>ERPNext Foundation</h2>
<p class="lead m-auto">ERPNext Conference is a community event driven by the community and organized by the ERPNext Open Source Software Foundation.</p>
<p>
<a class="mt-4 btn btn-primary btn" href="/buy-tickets-inr">Buy Tickets (INR)</a>
<a class="mt-4 btn btn-primary btn" href="/buy-tickets-paypal">Buy Tickets (USD)</a>
</p>
</div>
</section>
{{ footer(
'Community Organized',
'ERPNext Conference is a community event organized by the ERPNext Open Source Software Foundation.',
'<a class="mt-4 mr-2 btn btn-light btn" href="/buy-tickets-inr">Buy Tickets (INR)</a> <a class="mt-4 btn btn-light btn" href="/buy-tickets-paypal">Buy Tickets (USD)</a>'
) }}
{% endblock %}

View File

@@ -1,27 +1,20 @@
{% extends "templates/base.html" %}
{% from "www/conf/2019/macros.html" import hero, events, lead_max, footer %}
{% from "www/conf/2019/sponsor.html" import sponsor %}
{% block title %}Talks and Sessions{% endblock %}
{% block content %}
<section class='top-section'>
<div class='container d-md-flex align-self-center justify-content-between flex-row-reverse'>
<div class="flex-item-30 d-none d-md-block">
<img src='/assets/foundation/img/illustrations/group.png' alt='blocks'>
</div>
<div>
<h1>Talks and Sessions</h1>
<p class='lead'>
Interact about the product road-map, learn about the new and
exciting features, stories and best practices.
</p>
<p>
<a class="mt-4 btn btn-primary btn" href="/buy-tickets-inr">Buy Tickets (INR)</a>
<a class="mt-4 btn btn-primary btn" href="/buy-tickets-paypal">Buy Tickets (USD)</a>
</p>
</div>
</div>
</section>
{{ hero(
'Talks and Sessions',
'',
'Interact about the product road-map, learn about the new and
exciting features, stories and best practices.',
'/assets/foundation/img/conf/2019/foundation-splash.png',
'<a class="mt-4 mr-2 btn btn-primary btn" href="/buy-tickets-inr">Buy Tickets (INR)</a>
<a class="mt-4 btn btn-primary btn" href="/buy-tickets-paypal">Buy Tickets (USD)</a>'
) }}
<section class="section-padding section-bg">
<section class="section-padding">
<div class='container'>
<div class="text-center">
<h2>Agenda</h2>
@@ -63,56 +56,11 @@
</div>
</div>
</section>
<section class="section-padding">
<div class='container'>
<div class='text-center'>
<h2>Other Events</h2>
<p class='lead'>Connect with the core team, maintainers, developers, implementors. If you are connected to ERPNext, this is an event you cannot miss.</p>
</div>
<div class="mt-7">
<a href="/conf/2019/sprint" class="no-border">
<div class="mb-6 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="pr-4 pl-5" src='/assets/foundation/img/illustrations/typing-on-a-computer.png' alt='Person Contributing'>
</div>
<div class="col-xs-12 col-sm-7">
<h3>Contribution Sprint</h3>
<p>Join the global ERPNext community for a
two day sprint and contribute new features,
fixes and documentation.</p>
<p>KJ Somaiya College of Engineering <br> 15 and 16 October</p>
</div>
</div>
</a>
<a href="/conf/2019/exhibition" class="no-border">
<div class="mb-6 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="px-5" src='/assets/foundation/img/illustrations/people-hand-shake.png' alt='Bussiness People' width="95%">
</div>
<div class="col-xs-12 col-sm-7">
<h3>Exhibition</h3>
<p>Showcase the services you provide for ERPNext to the global community,
understand their challenges and explore solutions with them.</p>
<p>Mysore Association Auditorium, Matunga <br> 17 and 18 October</p>
</div>
</div>
</a>
</div>
</div>
</section>
{% from "www/conf/2019/sponsor.html" import sponsor %}
{{ events('Other Events', ['sprint', 'expo' ]) }}
{{ sponsor() }}
<section class="section-padding text-center">
<div class='container'>
<h2>ERPNext Foundation</h2>
<p class="lead m-auto">ERPNext Conference is a community event driven by the community and organized by the ERPNext Open Source Software Foundation.</p>
<p>
<a class="mt-4 btn btn-primary btn" href="/buy-tickets-inr">Buy Tickets (INR)</a>
<a class="mt-4 btn btn-primary btn" href="/buy-tickets-paypal">Buy Tickets (USD)</a>
</p>
</div>
</section>
{{ footer(
'Community Organized',
'ERPNext Conference is a community event organized by the ERPNext Open Source Software Foundation.',
'<a class="mt-4 mr-2 btn btn-light btn" href="/buy-tickets-inr">Buy Tickets (INR)</a> <a class="mt-4 btn btn-light btn" href="/buy-tickets-paypal">Buy Tickets (USD)</a>'
) }}
{% endblock %}