mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-04 11:55:50 +00:00
Merge pull request #1572 from JakeatRipple/feat-update-events
Feat update events
This commit is contained in:
Rome Reginelli
File diff suppressed because one or more lines are too long
BIN
assets/img/events/event-conference-apex-2021.png
Normal file
BIN
assets/img/events/event-conference-apex-2021.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 126 KiB |
BIN
assets/img/events/event-hack-nft@2x.png
Normal file
BIN
assets/img/events/event-hack-nft@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 256 KiB |
BIN
assets/img/events/event-hero3@2x.png
Normal file
BIN
assets/img/events/event-hero3@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 619 KiB |
@@ -477,7 +477,34 @@
|
||||
line-height: 26px;
|
||||
}
|
||||
.event-small-gray {
|
||||
color: $gray-400;
|
||||
color: $gray-200;
|
||||
}
|
||||
|
||||
// Button has link out arrow.
|
||||
.btn {
|
||||
padding: .75rem;
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.btn-arrow-out {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-arrow-out::after {
|
||||
background-position: left 0px bottom 0px;
|
||||
content: "\00a0";
|
||||
background-image: url(../img/icons/arrow-up-right-white.svg);
|
||||
background-repeat: no-repeat;
|
||||
display: inline-block;
|
||||
padding: 4px 8px 4px 12px;
|
||||
transition: background-position 0.3s ease-in-out;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.btn-arrow-out:hover::after {
|
||||
background-position: left 4px bottom 4px;
|
||||
}
|
||||
|
||||
.event-card {
|
||||
@@ -576,6 +603,11 @@
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
// .events-filter[type="checkbox"]:disabled::after {
|
||||
// -webkit-filter: opacity(0.4);
|
||||
// }
|
||||
|
||||
|
||||
.events-filter[type="checkbox"]::before {
|
||||
position: relative;
|
||||
display: block;
|
||||
@@ -583,12 +615,12 @@
|
||||
height: 20px;
|
||||
|
||||
content: "";
|
||||
background: $blue-purple-500;
|
||||
border-radius: 4px;
|
||||
background: $gray-900;
|
||||
|
||||
border-width: 1px;
|
||||
border-radius: 4px;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: $blue-purple-500;
|
||||
border-color: $gray-400;
|
||||
}
|
||||
|
||||
.events-filter[type="checkbox"]::after {
|
||||
@@ -604,51 +636,54 @@
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
border-radius: 4px;
|
||||
border-width: 1px;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: $blue-purple-500;
|
||||
border-color: $gray-400;
|
||||
}
|
||||
|
||||
// .events-filter[type="checkbox"]:disabled::after {
|
||||
// -webkit-filter: opacity(0.4);
|
||||
// }
|
||||
|
||||
.events-filter[type="checkbox"]:checked::before {
|
||||
background: $gray-900;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.events-filter[type="checkbox"]:checked::after {
|
||||
background-image: url(../img/events/event-check.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
border-width: 1px;
|
||||
background-color: $blue-purple-500;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: $blue-purple-500;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
|
||||
.events-filter[type="checkbox"]:not(:disabled):checked:hover::after {
|
||||
background-image: url(../img/events/event-check.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: $blue-purple-500;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.events-filter[type="checkbox"]:not(:disabled):hover::after {
|
||||
background: $blue-purple-600;
|
||||
border-width: 1px;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: $blue-purple-600;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
|
||||
.events-filter[type="checkbox"]:not(:disabled):hover::before {
|
||||
background: $blue-purple-600;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: $blue-purple-600;
|
||||
border-radius: 4px;
|
||||
background: $gray-900;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.events-filter[type="checkbox"]:not(:disabled):hover::after {
|
||||
background: $gray-900;
|
||||
border: none;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: $blue-purple-600;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -775,6 +775,31 @@ $placeholder-color: $gray-600;
|
||||
.icon-location::before {
|
||||
background: url(../img/events/event-location-light.svg);
|
||||
}
|
||||
|
||||
|
||||
.events-filter[type="checkbox"]::before {
|
||||
background-color: $gray-100;
|
||||
}
|
||||
|
||||
|
||||
.events-filter[type="checkbox"]:not(:disabled):checked:hover::after {
|
||||
background-image: url(../img/events/event-check.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-color: $blue-purple-600;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: $blue-purple-600;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.events-filter[type="checkbox"]:not(:disabled):hover::before {
|
||||
background-color: $gray-100;
|
||||
}
|
||||
.events-filter[type="checkbox"]:not(:disabled):hover::after {
|
||||
background-color: $gray-100;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -4,9 +4,9 @@
|
||||
"node-sass": "^7.0.0"
|
||||
},
|
||||
"scripts": {
|
||||
"build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal2022-v11.css --output-style compressed",
|
||||
"build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2022-v11.css --output-style compressed --source-map true",
|
||||
"build-css-watch-out": "node-sass --recursive --watch --include-path scss xrpl.scss ../out/assets/css/devportal2022-v11.css --output-style compressed --source-map true"
|
||||
"build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal2022-v11a.css --output-style compressed",
|
||||
"build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2022-v11a.css --output-style compressed --source-map true",
|
||||
"build-css-watch-out": "node-sass --recursive --watch --include-path scss xrpl.scss ../out/assets/css/devportal2022-v11a.css --output-style compressed --source-map true"
|
||||
},
|
||||
"dependencies": {
|
||||
"sass": "^1.26.10"
|
||||
|
||||
@@ -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-v11.css" rel="stylesheet" />
|
||||
<link href="{{currentpage.prefix}}assets/css/devportal2022-v11a.css" rel="stylesheet" />
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
|
||||
|
||||
|
||||
@@ -30,49 +30,26 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="event-hero card-grid event-hero card-grid-2xN">
|
||||
<div class="col order-2 order-lg-1 pr-2">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h2 class="h4 h2-sm mb-8">{% trans %}Annual Summit: Apex{% endtrans %}</h2>
|
||||
</div>
|
||||
<p class="mb-4">{% trans %}Apex XRPL Developer Summit is the annual event where developers, contributors, and thought leaders come together to learn, build, share, network, and celebrate all things XRP Ledger.{% endtrans %}</p>
|
||||
<div class="pt-2 mt-5 mb-5 event-save-date">More info about Apex 2022 coming soon!</div>
|
||||
{# <div class="event-small-gray py-2 mb-5" >
|
||||
September 29–30, 2022<br />
|
||||
Las Vegas
|
||||
</div> #}
|
||||
<div class="d-lg-block">
|
||||
<a class="btn btn-primary btn-arrow" target="_blank" href="http://apexdevsummit.com">{% trans %}Explore Apex{% endtrans %}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col order-1 order-lg-2 pt-5 pr-2">
|
||||
<div id="event-hero-image" src="" class=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="event-hero card-grid card-grid-2xN">
|
||||
|
||||
<div class="col pr-2">
|
||||
<img src="./assets/img/events/event-hero2@2x.png" class="w-100">
|
||||
<img src="./assets/img/events/event-hero3@2x.png" class="w-100">
|
||||
</div>
|
||||
|
||||
<div class="col pt-5 pr-2">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h2 class="h4 h2-sm mb-8">{% trans %}Apex 2021 On-Demand{% endtrans %}</h2>
|
||||
<h2 class="h4 h2-sm mb-8">{% trans %}The XRPL Developer Summit<br /> On-Demand{% endtrans %}</h2>
|
||||
<h6 class="eyebrow mb-3">{% trans %}Apex{% endtrans %}</h6>
|
||||
</div>
|
||||
<p class="mb-4">{% trans %}View sessions from the Apex 2021 stages in Las Vegas and Tallinn. Relive the keynote fireside chat with Alexis Ohanian and soak in the knowledge that was shared by passionate XRPL community members.{% endtrans %}</p>
|
||||
<p class="mb-4">{% trans %}Apex XRPL Developer Summit is the annual event where developers, contributors, and thought leaders come together to learn, build, share, network, and celebrate all things XRP Ledger.{% endtrans %}</p>
|
||||
|
||||
<div class="event-small-gray py-2 my-5" >
|
||||
September 29–30, 2021<br />
|
||||
Las Vegas, Estonia
|
||||
View all sessions from Apex 2022 and soak in the knowledge that was shared by passionate XRPL community members.
|
||||
</div>
|
||||
|
||||
<div class="d-lg-block">
|
||||
<a class="btn btn-primary btn-arrow" target="_blank" href="https://www.youtube.com/playlist?list=PLJQ55Tj1hIVZgnreb8ODgxJW032M9Z2XZ">{% trans %}Watch Sessions On-Demand{% endtrans %}</a>
|
||||
<a class="btn btn-primary btn-arrow-out" target="_blank" href="https://www.youtube.com/playlist?list=PLJQ55Tj1hIVZi8N1e_dTodg816QzKc9SX">{% trans %}View On-Demand{% endtrans %}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -89,28 +66,33 @@
|
||||
<div class="filter row col-12 mt-lg-5 d-flex flex-column">
|
||||
<h6 class="mb-3">Filter By:</h6>
|
||||
<div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input value="meetup" id="meetup-upcoming" name="meetup-upcoming" type="checkbox" class="events-filter" checked />
|
||||
<label for="meetup-upcoming">Meetups</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input value="hackathon" id="hackathon-upcoming" name="hackathon-upcoming" type="checkbox" class="events-filter" checked />
|
||||
<label for="hackathon-upcoming">Hackathons</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input value="conference" id="conference-upcoming" name="conference-upcoming" type="checkbox" class="events-filter" checked />
|
||||
<label for="conference-upcoming">Conference</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input value="meetup" id="meetup-upcoming" name="meetup-upcoming" type="checkbox" class="events-filter" checked />
|
||||
<label for="meetup-upcoming">Meetups</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input value="hackathon" id="hackathon-upcoming" name="hackathon-upcoming" type="checkbox" class="events-filter" checked />
|
||||
<label for="hackathon-upcoming">Hackathons</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% set upcoming = [
|
||||
|
||||
{ "name": "XRPL Hackathon: Creating Real World Impact",
|
||||
"description": "Build apps to improve lives in the real world using any of the SDKs and APIs for the XRP Ledger",
|
||||
{ "name": "Hackathon:<br />NFT Launch Party",
|
||||
"description": "Build Functional NFTs that span across a full range of use cases.",
|
||||
"type": "hackathon-upcoming",
|
||||
"link": "https://xrplimpact.devpost.com/",
|
||||
"link": "https://xrplnft.devpost.com/",
|
||||
"location": "Virtual",
|
||||
"date": "May 26 - July 11",
|
||||
"image": "event-hack-impact@2x.png"},
|
||||
"date": "Oct 31 - Dec 12, 2022",
|
||||
"image": "event-hack-nft@2x.png"},
|
||||
|
||||
] %}
|
||||
|
||||
<div class="row row-cols-1 row-cols-lg-3 card-deck mt-2">
|
||||
{% for event in upcoming %}
|
||||
<a class="event-card {{event.type}}" href="{{event.link}}" target="_blank">
|
||||
@@ -139,25 +121,29 @@
|
||||
<div class="filter row col-12 mt-lg-5 d-flex flex-column">
|
||||
<h6 class="mb-3">Filter By:</h6>
|
||||
<div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input value="meetup" id="meetup-past" name="meetup-past" type="checkbox" class="events-filter" checked />
|
||||
<label for="meetup-past">Meetups</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input value="hackathon" id="hackathon-past" name="hackathon-past" type="checkbox" class="events-filter" checked />
|
||||
<label for="hackathon-past">Hackathons</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input value="conference" id="conference-past" name="conference-past" type="checkbox" class="events-filter" checked />
|
||||
<label for="conference-past">Conference</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input value="meetup" id="meetup-past" name="meetup-past" type="checkbox" class="events-filter" checked />
|
||||
<label for="meetup-past">Meetups</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input value="hackathon" id="hackathon-past" name="hackathon-past" type="checkbox" class="events-filter" checked />
|
||||
<label for="hackathon-past">Hackathons</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% set past = [
|
||||
{ "name": "XRPL Hackathon 2021",
|
||||
{ "name": "Hackathon: 2021",
|
||||
"description": "Explore the exciting project submissions from the fall 2021 XRPL Hackathon that focused on the NFT and Hooks smart contract functionalities on the ledger.",
|
||||
"type": "hackathon-past",
|
||||
"link": "https://xrpl-hackathon-2021.devpost.com/project-gallery",
|
||||
"location": "Virtual",
|
||||
"date": "September 13–October 6, 2021",
|
||||
"date": "September 13-October 6, 2021",
|
||||
"image": "event-hack-2021.svg"},
|
||||
|
||||
{ "name": "XRPL Community Meetup: San Diego",
|
||||
@@ -200,16 +186,7 @@
|
||||
"date": "Saturday, December 18, 2021",
|
||||
"image": "event-meetup-nashville@2x.jpg"},
|
||||
|
||||
{ "name": "XRPL Hackathon: New Year, New NFT",
|
||||
"id": "upcoming-xrpl-hackathon-new-year",
|
||||
"description": "Build functional NFTs on the XRPL that span across a full range of use cases and showcase your project in this hackathon. Submissions have a chance to win prizes from a total prize pool of $50,000 in XRP.",
|
||||
"type": "meetup-past",
|
||||
"link": "https://xrplnft.devpost.com/",
|
||||
"location": "Virtual",
|
||||
"date": "January 31 - March 14, 2022",
|
||||
"image": "event-hack-new-year.svg"},
|
||||
|
||||
{ "name": "NYC Meetup/Hackathon XRPL Celebration",
|
||||
{ "name": "NYC Meetup/Hackathon XRPL Celebration",
|
||||
"id": "upcoming-xrpl-new-york",
|
||||
"description": "The NYC/XRP community and Dev Null Productions cordially invites you to attend our 10th meetup, being held in celebration of the on-going XRPL Hackathon, at the unique and artistic TALS studio in Midtown Manhattan.",
|
||||
"type": "meetup-past",
|
||||
@@ -227,7 +204,7 @@
|
||||
"date": "March 31, 2022",
|
||||
"image": "event-meetup-london.png"},
|
||||
|
||||
{ "name": "XRPL Community Meetup: Toronto",
|
||||
{ "name": "XRPL Community Meetup: Toronto",
|
||||
"id": "upcoming-xrpl-toronto",
|
||||
"description": "Join us for our first Toronto meetup with an evening of programming and networking with other members of the XRP Ledger Community with special guests from the XUMM Wallet and ARK PLATES teams!",
|
||||
"type": "meetup-past",
|
||||
@@ -236,7 +213,7 @@
|
||||
"date": "March 31, 2022",
|
||||
"image": "event-meetup-toronto@2x.jpg"},
|
||||
|
||||
{ "name": "XRPL Community Meetup: San Diego",
|
||||
{ "name": "XRPL Community Meetup: San Diego",
|
||||
"id": "upcoming-xrpl-san-diego",
|
||||
"description": "Get together with other San Diego-based members of the XRP Ledger Community to network and discuss all things XRPL! Join us for our second San Diego XRPL Meetup.",
|
||||
"type": "meetup-past",
|
||||
@@ -245,7 +222,7 @@
|
||||
"date": "April 1st 2022",
|
||||
"image": "event-meetup-san-diego@2x.jpg"},
|
||||
|
||||
{ "name": "XRPL Community Meetup: Irvine LA",
|
||||
{ "name": "XRPL Community Meetup: Irvine LA",
|
||||
"id": "upcoming-xrpl-irvine",
|
||||
"description": "Get together with other LA-based members of the XRP Ledger Community to network and discuss all things XRPL.",
|
||||
"type": "meetup-past",
|
||||
@@ -254,7 +231,7 @@
|
||||
"date": "April 3rd 2022",
|
||||
"image": "event-meetup-irvine@2x.jpg"},
|
||||
|
||||
{ "name": "XRPL Community Meetup: Miami #2",
|
||||
{ "name": "XRPL Community Meetup: Miami #2",
|
||||
"id": "upcoming-xrpl-miami-2",
|
||||
"description": "We're excited to host our second Miami meetup for XRP Ledger community members on April 6th from 6-8pm, featuring Marco Neri, Developer Advocate at Ripple, who will join us to give a presentation on the XRP Ledger.",
|
||||
"type": "meetup-past",
|
||||
@@ -262,6 +239,32 @@
|
||||
"location": "The LAB Miami, FL",
|
||||
"date": "April 6th 2022",
|
||||
"image": "event-meetup-miami@2x.jpg"},
|
||||
|
||||
{ "name": "Hackathon:<br />New Year, New NFT",
|
||||
"id": "upcoming-xrpl-hackathon-new-year",
|
||||
"description": "Build Functional NFTs that span across a full range of use cases.",
|
||||
"type": "hackathon-past",
|
||||
"link": "https://xrplnft2022.devpost.com/",
|
||||
"location": "Virtual",
|
||||
"date": "January 31 - March 14, 2022",
|
||||
"image": "event-hack-nft@2x.png"},
|
||||
|
||||
{ "name": "Hackathon: Creating Real World Impact",
|
||||
"description": "Build apps to improve lives in the real world using any of the SDKs and APIs for the XRP Ledger.",
|
||||
"type": "hackathon-past",
|
||||
"link": "https://xrplimpact.devpost.com/",
|
||||
"location": "Virtual",
|
||||
"date": "May 26 - Jul 11, 2022",
|
||||
"image": "event-hack-nft@2x.png"},
|
||||
|
||||
{ "name": "Conference:<br />Apex 2021",
|
||||
"description": "View sessions from the Apex 2021 stages in Las Vegas and Tallinn.",
|
||||
"type": "conference-past",
|
||||
"link": "https://www.youtube.com/playlist?list=PLJQ55Tj1hIVZgnreb8ODgxJW032M9Z2XZ",
|
||||
"location": "Las Vegas, Tallinn",
|
||||
"date": "September 29-30, 2021",
|
||||
"image": "event-conference-apex-2021.png"},
|
||||
|
||||
] %}
|
||||
<div class="row row-cols-1 row-cols-lg-3 card-deck mb-0 mt-2 ">
|
||||
{% for event in past|reverse %}
|
||||
@@ -286,6 +289,13 @@
|
||||
|
||||
<script>
|
||||
|
||||
$('#conference-upcoming').change(function () {
|
||||
if ($('#conference-upcoming').is(':checked')) {
|
||||
$('.conference-upcoming').show();
|
||||
} else {
|
||||
$('.conference-upcoming').hide();
|
||||
}
|
||||
});
|
||||
$('#meetup-upcoming').change(function () {
|
||||
if ($('#meetup-upcoming').is(':checked')) {
|
||||
$('.meetup-upcoming').show();
|
||||
@@ -301,6 +311,13 @@
|
||||
}
|
||||
});
|
||||
|
||||
$('#conference-past').change(function () {
|
||||
if ($('#conference-past').is(':checked')) {
|
||||
$('.conference-past').show();
|
||||
} else {
|
||||
$('.conference-past').hide();
|
||||
}
|
||||
});
|
||||
$('#meetup-past').change(function () {
|
||||
if ($('#meetup-past').is(':checked')) {
|
||||
$('.meetup-past').show();
|
||||
|
||||
Reference in New Issue
Block a user