Files
xrpl-dev-portal/template/page-funding.html.jinja
2023-09-19 10:53:36 -07:00

411 lines
19 KiB
Django/Jinja
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% extends "base.html.jinja" %}
{% block head %}
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
{% endblock %}
{% block bodyclasses %}no-sidebar{% endblock %}
{% block mainclasses %}landing page-funding{% endblock %}
{% block breadcrumbs %}{% endblock %}
{% block main %}
<div class="position-relative d-none-sm">
<img alt="" src="./img/backgrounds/funding-purple.svg" class="position-absolute" style="top: 0; right:0">
</div>
<section class="container-new py-26 text-lg-center">
<div class="p-0 col-lg-6 mx-lg-auto">
<div class="d-flex flex-column-reverse">
<h1 class="mb-0">{% trans %}XRPL Developer Funding Programs{% endtrans %}</h1>
<h6 class="eyebrow mb-3">{% trans %}Project Resources{% endtrans %}</h6>
</div>
</div>
</section>
<section class="container-new py-26">
<div class="p-0 col-lg-6 mx-lg-auto" style="max-width: 520px;">
<div class="d-flex flex-column-reverse">
<h1 class="mb-0 h4 h2-sm">{% trans %}Explore funding opportunities for developers and teams{% endtrans %}</h1>
<h6 class="eyebrow mb-3">{% trans %}Funding Overview{% endtrans %}</h6>
</div>
<p class="mt-3 py-3 p-0 longform">{% trans %}If youre a software developer or team looking to build your next project or venture on the XRP Ledger (XRPL), there are a number of opportunities to fund your next innovation.{% endtrans %}</p>
</div>
</section>
<!-- Hackathons -->
<section class="container-new py-26">
<!-- flex. Col for mobile. Row for large. on large align content to the center -->
<div class="d-flex flex-column flex-lg-row align-items-lg-center">
<div class="order-1 order-lg-2 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0" style="max-width: 520px;">
<div class="d-flex flex-column-reverse p-lg-3">
<h3 class="h4 h2-sm">{% trans %}XRPL Hackathons{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}Join an Event{% endtrans %}</h6>
</div>
<p class="p-lg-3 mb-2 longform">{% trans %}Hackathons are open to all developers to explore and invent a project on the XRP Ledger. Visit the events page for updates on upcoming hackathons.{% endtrans %}</p>
<div class="d-none d-lg-block p-lg-3">
<a class="btn btn-primary btn-arrow" href="events.html">{% trans %}See Upcoming Events{% endtrans %}</a>
</div>
</div>
<div class="order-2 order-lg-1 col-lg-6 px-0">
<div class="row align-items-center m-0 funding-list">
<!-- funding list -->
<div class="col-12 col-lg-6 p-0">
<div class="px-lg-3 pb-3">
<img id="funding-01" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Best for</h6>
<p>Software developers and teams building directly on the XRP Ledger</p>
</div>
</div>
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none">
<img id="funding-02" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Required</h6>
<p>Some coding experience</p>
</div>
</div>
<div class="px-lg-3 pb-3 pt-lg-5">
<img id="funding-03" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Level</h6>
<p>XRPL beginner to advanced developers</p>
</div>
</div>
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none">
<img id="funding-04" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Funding Levels</h6>
<p>Prize money and awards</p>
</div>
</div>
</div>
<!-- end col 1 -->
<!-- Show on large -->
<div class="col-12 col-lg-6 p-0 d-none d-lg-block">
<div class="px-lg-3 pb-3 pt-5 mt-5">
<div class="pt-1 mt-3">
<img id="funding-02" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Required</h6>
<p>Some coding experience</p>
</div>
</div>
</div>
<div class="px-lg-3 pb-3 pt-5">
<img id="funding-04" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Funding Levels</h6>
<p>Prize money and awards</p>
</div>
</div>
</div>
<!-- end col 2 -->
</div>
</div>
<div class="d-lg-none order-3 mt-4 pt-3">
<a class="btn btn-primary btn-arrow" href="events.html">{% trans %}See Upcoming Events{% endtrans %}</a>
</div>
</div>
</section>
<!-- Eligibility -->
<section class="container-new py-26">
<!-- flex. Col for mobile. Row for large. on large align content to the center -->
<div class="d-flex flex-column flex-lg-row align-items-lg-center mr-lg-4">
<div class="order-1 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0 p-lg-3">
<div class="d-flex flex-column-reverse py-lg-3">
<h3 class="h4 h2-sm">{% trans %}XRPL Grants{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}Fund Your Project{% endtrans %}</h6>
</div>
<p class="py-lg-3 mb-2 longform" style="max-width: 520px;">{% trans %}Developer grants for projects that contribute to the growing XRP Ledger community.{% endtrans %}</p>
<div class="mt-4 pt-3" style="max-width: 520px;">
<span class="h6" style="font-size: 1rem;">Past awardees include:</span>
<div class="mb-4 py-3" id="xrplGrantsDark"></div>
</div>
<div class="d-none d-lg-block py-lg-3">
<a class="btn btn-primary btn-arrow-out" target="_blank" href="https://xrplgrants.org/">{% trans %}Visit XRPL Grants{% endtrans %}</a>
</div>
</div>
<div class="order-2 col-lg-6 px-0 pl-lg-3">
<div class="row align-items-center m-0 funding-list">
<!-- funding list -->
<div class="col-12 col-lg-6 p-0">
<div class="px-lg-3 pb-3">
<img id="funding-01" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Best for</h6>
<p>Software developers, teams, and start-ups building directly on the XRP Ledger</p>
</div>
</div>
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none">
<img id="funding-02" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Required</h6>
<p>Coding experience <span style="color: #7919FF;">&bull;</span> Github repository <span style="color: #7919FF;">&bull;</span> Project narrative/description <span style="color: #7919FF;">&bull;</span> At least one developer on the core team <span style="color: #7919FF;">&bull;</span> Budget and milestones</p>
</div>
</div>
<div class="px-lg-3 pb-3 pt-lg-5">
<img id="funding-03" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Level</h6>
<p>XRPL intermediate to advanced developers</p>
</div>
</div>
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none">
<img id="funding-04" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Funding Levels</h6>
<p>$10,000 - $200,000</p>
</div>
</div>
</div>
<!-- end col 1 -->
<!-- Show on large -->
<div class="col-12 col-lg-6 p-0 d-none d-lg-block">
<div class="px-lg-3 pb-3 pt-5 mt-5">
<div class="pt-1 mt-3">
<img id="funding-02" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Required</h6>
<p>Coding experience <span style="color: #7919FF;">&bull;</span> Github repository <span style="color: #7919FF;">&bull;</span> Project narrative/description <span style="color: #7919FF;">&bull;</span> At least one developer on the core team <span style="color: #7919FF;">&bull;</span> Budget and milestones</p>
</div>
</div>
</div>
<div class="px-lg-3 pb-3 pt-5">
<img id="funding-04" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Funding Levels</h6>
<p>$10,000 - $200,000</p>
</div>
</div>
</div>
<!-- end col 2 -->
</div>
</div>
<div class="d-lg-none order-3 mt-4 pt-3">
<a class="btn btn-primary btn-arrow-out" target="_blank" href="https://xrplgrants.org/">{% trans %}Visit XRPL Grants{% endtrans %}</a>
</div>
</div>
</section>
<!-- Accelerator -->
<section class="container-new py-26">
<!-- flex. Col for mobile. Row for large. on large align content to the center -->
<div class="d-flex flex-column flex-lg-row align-items-lg-center">
<div class="order-1 order-lg-2 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0" style="max-width: 520px;">
<div class="d-flex flex-column-reverse p-lg-3">
<h3 class="h4 h2-sm">{% trans %}XRPL Accelerator{% endtrans %}</h3>
<h6 class="eyebrow mb-3">{% trans %}Advance your project{% endtrans %}</h6>
</div>
<p class="p-lg-3 mb-2 longform">{% trans %}12-week program for entrepreneurs building on the XRP Ledger to scale their projects into thriving businesses.{% endtrans %}</p>
<div class="d-none d-lg-block p-lg-3">
<a class="btn btn-primary btn-arrow" href="https://xrplaccelerator.org/">{% trans %}View XRPL Accelerator{% endtrans %}</a>
</div>
</div>
<div class="order-2 order-lg-1 col-lg-6 px-0">
<div class="row align-items-center m-0 funding-list">
<!-- funding list -->
<div class="col-12 col-lg-6 p-0">
<div class="px-lg-3 pb-3">
<img id="funding-01" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Best for</h6>
<p>Start-ups building scalable products on XRPL that can capture a large market opportunity</p>
</div>
</div>
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none">
<img id="funding-02" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Required</h6>
<p><span style="color: #7919FF;">&bull;</span> Strong founding team <br/> <span style="color: #7919FF;">&bull;</span> Bold, ambitious vision <br/> <span style="color: #7919FF;">&bull;</span> Ideally an MVP and monetization strategy</p>
</div>
</div>
<div class="px-lg-3 pb-3 pt-lg-5">
<img id="funding-03" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Level</h6>
<p><span style="color: #7919FF;">&bull;</span> XRPL advanced developers <br/> <span style="color: #7919FF;">&bull;</span> Business acumen</p>
</div>
</div>
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none">
<img id="funding-04" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Funding Levels</h6>
<p>$50,000 (grant) + pitch for venture funding</p>
</div>
</div>
</div>
<!-- end col 1 -->
<!-- Show on large -->
<div class="col-12 col-lg-6 p-0 d-none d-lg-block">
<div class="px-lg-3 pb-3 pt-5 mt-5">
<div class="pt-1 mt-3">
<img id="funding-02" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Required</h6>
<p><span style="color: #7919FF;">&bull;</span> Strong founding team <br/> <span style="color: #7919FF;">&bull;</span> Bold, ambitious vision <br/> <span style="color: #7919FF;">&bull;</span> Ideally an MVP and monetization strategy</p>
</div>
</div>
</div>
<div class="px-lg-3 pb-3 pt-5">
<img id="funding-04" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Funding Levels</h6>
<p>$50,000 (grant) + pitch for venture funding</p>
</div>
</div>
</div>
<!-- end col 2 -->
</div>
</div>
<div class="d-lg-none order-3 mt-4 pt-3">
<a class="btn btn-primary btn-arrow" href="https://xrplaccelerator.org/">{% trans %}View XRPL Accelerator{% endtrans %}</a>
</div>
</div>
</section>
<div class="position-relative d-none-sm">
<img alt="" src="./img/backgrounds/funding-orange.svg" id="funding-orange">
</div>
<section class="container-new py-26">
<div class="p-0 col-lg-6 mx-lg-auto" style="max-width: 520px;">
<div class="d-flex flex-column-reverse">
<h1 class="mb-0 h4">{% trans %}XRPL Bounties{% endtrans %}</h1>
<h6 class="eyebrow mb-3">{% trans %}Go Deep{% endtrans %}</h6>
</div>
<p class="mt-3 py-3 p-0 longform pb-4 mb-0">{% trans %}Bounties are awards for developing software and integrations that enable and improve specific use cases for the XRP Ledger.{% endtrans %}</p>
<div class="row m-0 funding-list pt-2 mt-2 pt-lg-2 mt-lg-5">
<!-- funding list -->
<div class="col-12 col-lg-6 p-0 pr-lg-4">
<div class="pb-3 mb-lg-5 funding-box">
<img id="funding-01" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Best for</h6>
<p>Software developers and teams</p>
</div>
</div>
<!-- Hide on large -->
<div class="pb-3 d-lg-none">
<img id="funding-02" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Required</h6>
<p>Coding experience <span style="color: #7919FF;">&bull;</span> Specialized skills (depending on the bounty)</p>
</div>
</div>
<div class="pb-3">
<img id="funding-03" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Level</h6>
<p>Intermediate to advanced (prior XRPL experience not required)</p>
</div>
</div>
<!-- Hide on large -->
<div class="px-lg-3 pb-3 d-lg-none">
<img id="funding-04" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Funding Levels</h6>
<p>$500 - $100,000 per milestone</p>
</div>
</div>
</div>
<!-- end col 1 -->
<!-- Show on large -->
<div class="col-12 col-lg-6 p-0 d-none d-lg-block">
<div class="px-lg-3 pb-3 mb-lg-5 funding-box">
<img id="funding-02" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Required</h6>
<p>Intermediate to advanced (prior XRPL experience not required)</p>
</div>
</div>
<div class="px-lg-3 pb-3">
<img id="funding-04" src="data:," />
<div class="pt-3">
<h6 class="mb-3">Funding Levels</h6>
<p>$500 - $100,000 per milestone</p>
</div>
</div>
</div>
<!-- end col 2 -->
</div>
<div class="d-none d-lg-block py-lg-3">
<a class="btn btn-primary btn-arrow-out" target="_blank" href="https://xrplbounties.org/">{% trans %}Visit XRPL Bounties{% endtrans %}</a>
</div>
</div>
</section>
{% endblock %}
{% block endbody %}
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/bodymovin.min.js"></script>
<!-- Dark version and using filter invert and adjust brightness for light mode -->
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/community/XRPL-grants-dark.json"></script>
<script type="text/javascript">
function xrplGrantsAnimation(){
bodymovin.loadAnimation({
container: document.getElementById('xrplGrantsDark'),
renderer: 'svg',
loop: true,
autoplay: true,
animationData: xrplGrantsDark
});
};
xrplGrantsAnimation();
</script>
{% endblock %}
{% block analytics %}
<script type="application/javascript">
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
"event": "page_info",
"page_type": "Splash Page",
"page_group": "Funding"
})
</script>
{% endblock analytics %}