mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-20 03:35:51 +00:00
first pass funding page
This commit is contained in:
Jake
@@ -53,7 +53,7 @@
|
||||
{% if target.lang=="ja" %}
|
||||
<link href="{{currentpage.prefix}}assets/css/fonts-ja.css" rel="stylesheet" />
|
||||
{% endif %}
|
||||
<link href="{{currentpage.prefix}}assets/css/devportal2022-v6.css" rel="stylesheet" />
|
||||
<link href="{{currentpage.prefix}}assets/css/devportal2022-v6a.css" rel="stylesheet" />
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
|
||||
|
||||
|
||||
357
template/page-funding.html.jinja
Normal file
357
template/page-funding.html.jinja
Normal file
@@ -0,0 +1,357 @@
|
||||
{% 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 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">
|
||||
<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 you’re 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">
|
||||
<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">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Best for</h6>
|
||||
<p class="">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">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Required</h6>
|
||||
<p class="">Some coding experience</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="px-lg-3 pb-3 pt-5">
|
||||
<img id="funding-03">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Level</h6>
|
||||
<p class="">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">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Funding Levels</h6>
|
||||
<p class="">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">
|
||||
<img id="funding-02">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Required</h6>
|
||||
<p class="">Some coding experience</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="px-lg-3 pb-3 pt-5">
|
||||
<img id="funding-04">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Funding Levels</h6>
|
||||
<p class="">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">{% trans %}Developer grants for projects that contribute to the growing XRP Ledger community.{% endtrans %}</p>
|
||||
|
||||
<div class="d-none d-lg-block py-lg-3">
|
||||
<span class="h6">Past awardees include:</span>
|
||||
<div class="mb-4 py-3" id="xrplGrantsDark"></div>
|
||||
<a class="btn btn-primary btn-arrow 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">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Best for</h6>
|
||||
<p class="">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">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Required</h6>
|
||||
<p class="">Coding experience <span style="color: #7919FF;">•</span> Github repository <span style="color: #7919FF;">•</span> Project narrative/description <span style="color: #7919FF;">•</span> At least one developer on the core team <span style="color: #7919FF;">•</span> Budget and milestones</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-lg-3 pb-3 pt-5">
|
||||
<img id="funding-03">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Level</h6>
|
||||
<p class="">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">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Funding Levels</h6>
|
||||
<p class="">$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">
|
||||
<img id="funding-02">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Required</h6>
|
||||
<p class="">Coding experience <span style="color: #7919FF;">•</span> Github repository <span style="color: #7919FF;">•</span> Project narrative/description <span style="color: #7919FF;">•</span> At least one developer on the core team <span style="color: #7919FF;">•</span> Budget and milestones</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-lg-3 pb-3 pt-5">
|
||||
<img id="funding-04">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Funding Levels</h6>
|
||||
<p class="">$10,000 - $200,000</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end col 2 -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-lg-none order-3 mt-4 pt-3">
|
||||
<span class="h6">Past awardees include:</span>
|
||||
<div class="mb-4 py-3" id="xrplGrantsDark-small"></div>
|
||||
<a class="btn btn-primary btn-arrow btn-arrow-out" target="_blank" href="https://xrplgrants.org/">{% trans %}Visit XRPL Grants{% endtrans %}</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<div class="position-relative d-none-sm">
|
||||
<img 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">
|
||||
<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">
|
||||
<div class="px-lg-3 pb-3 mb-lg-5 funding-box">
|
||||
<img id="funding-01">
|
||||
<div class="pt-3">
|
||||
<h6 class="mb-3">Best for</h6>
|
||||
<p class="">Software developers and teams</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Hide on large -->
|
||||
<div class="px-lg-3 pb-3 d-lg-none">
|
||||
<img id="funding-02">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Required</h6>
|
||||
<p class="">Coding experience <span style="color: #7919FF;">•</span> Specialized skills (depending on the bounty)</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="px-lg-3 pb-3">
|
||||
<img id="funding-03">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Level</h6>
|
||||
<p class="">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">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Funding Levels</h6>
|
||||
<p class="">$5k - $100k 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">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Required</h6>
|
||||
<p class="">Intermediate to advanced (prior XRPL experience not required)</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="px-lg-3 pb-3">
|
||||
<img id="funding-04">
|
||||
<div class=" pt-3">
|
||||
<h6 class="mb-3">Funding Levels</h6>
|
||||
<p class="">$5k - $100k per milestone</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end col 2 -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="container-new">
|
||||
<div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
|
||||
<img src="./img/backgrounds/cta-funding-orange.svg" class="cta cta-bottom-right">
|
||||
<div class="z-index-1 position-relative">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h2 class="h4 mb-10-until-sm mb-8-sm">{% trans %}Are you an independent creator?{% endtrans %}</h2>
|
||||
<h5 class="eyebrow mb-3">{% trans %}Ripple’s Creator Fund{% endtrans %}</h5>
|
||||
</div>
|
||||
<p class="mb-10">{% trans %}If you’re a creator looking to mint NFTs on the XRP Ledger and do not have technical experience, check out Ripple’s Creator Fund.{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow-out" href="#" target="_blank">{% trans %}Learn More{% 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
|
||||
});
|
||||
};
|
||||
|
||||
function xrplGrantsSmallAnimation(){
|
||||
bodymovin.loadAnimation({
|
||||
container: document.getElementById('xrplGrantsDark-small'),
|
||||
renderer: 'svg',
|
||||
loop: true,
|
||||
autoplay: true,
|
||||
animationData: xrplGrantsDark
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
xrplGrantsAnimation();
|
||||
xrplGrantsSmallAnimation();
|
||||
|
||||
</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 %}
|
||||
Reference in New Issue
Block a user