...
 
Commits (9)
......@@ -123,14 +123,18 @@ a {
color: rgba(255,255,255,1);
}
section a,
section a h3,
section a p {
color: #212529;
}
section a:hover,
section a:hover h3,
section a:hover p,
section a:focus,
section a:focus h3,
section a:focus p,
section a:active,
section a:active h3,
section a:active p {
color: #45b086;
......@@ -286,7 +290,8 @@ h3 {
line-height: 130%;
}
.text-center .col-md-4 p {
.text-center .col-md-4 p,
.text-center .col-md-4 li {
text-align: left;
}
......
......@@ -324,17 +324,48 @@
</div>
</section>
<section id="events" class="container text-center">
<hr/>
<h2>Events</h2>
<div class="row">
<a class="col-md-12" href="https://twitter.com/osdiversity" target="_blank" rel="noopener">
<img alt="" src="img/opensourcediversity-icon-margin.svg" />
<h3>To be developed</h3>
<p>See our Twitter account for now 🐦</p>
</a>
</div>
</section>
<section id="events" class="container text-center no-highlight-effect">
<hr/>
<h2>Events</h2>
<div class="row">
<div class=" col-md-4" id="twitter">
<a class= "twitter-timeline"
href="https://twitter.com/osdiversity"
data-tweet-limit="1"
data-chrome="noheader nofooter noborders noscrollbar"
data-link-color="#45b086"
dnt="true">
Tweets by @osdiversity
</a>
</div>
<div class=" col-md-4" id="open-calls">
<!-- <iframe src="https://wiki.mozilla.org/Diversity_and_Inclusion_for_Communities_and_Contributors#Future_Calls"></iframe> -->
<h3>Monthly calls</h3>
<ul>
<li>
<a href="https://events.mozilla.org/opensourcemaintainerhowwomenar" target="_blank" rel="noopener">
March 21 2019: <strong>Open Source Maintainer - Women will Engineer the Future</strong>
</a>
</li>
<li>
<a href="https://wiki.mozilla.org/Diversity_and_Inclusion_for_Communities_and_Contributors/DI_Call_04_04_2019" target="_blank" rel="noopener">
April 4, 2019: <strong>Data, Metrics, Ethics</strong>
</a>
</li>
<li>
<a href="https://wiki.mozilla.org/Diversity_and_Inclusion_for_Communities_and_Contributors#Past_Calls" target="_blank" rel="noopener">
Past calls on the Mozilla wiki
</a>
</li>
</ul>
</div>
<a class="col-md-4" id="meetup">
</a>
</div>
</section>
<section id="articles" class="container text-center no-highlight-effect">
<hr/>
......@@ -398,14 +429,28 @@
</div>
</footer>
<script src="vendor/jquery-3.2.1.slim.min.js"></script>
<script src="vendor/jquery-3.3.1.min.js"></script>
<script src="vendor/popper.min.js"></script>
<script src="vendor/bootstrap.min.js"></script>
<script>
if('serviceWorker' in navigator) {
navigator.serviceWorker.register('/service_worker.js')
}
window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function(f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));
</script>
<script src="scripts/meetupAPI.js"></script>
</body>
</html>
function fillDAndIFields (futureCalls) {
console.log|(futureCalls);
}
$.ajax({
url: "https://wiki.mozilla.org/Diversity_and_Inclusion_for_Communities_and_Contributors",
dataType: "html", // Need to make sure html tags are whitelisted/ blacklisted to avoid injection
context: document.body,
success: function(response) {
let futureCalls = response.data;
fillDAndIFields(futureCalls);
}
});
\ No newline at end of file
function fillMeetupFields (events) {
let element = document.getElementById('meetup');
let html = "<h3 class=\"title\"></h3><p class=\"topic\"></p><p>Next meetup on <strong class=\"date\"></strong></br>At <strong class=\"venue\"></strong></p></a>";
for(i=0; i < events.length; i++){
let meetupInfo = document.createElement('a');
meetupInfo.className = 'meetupInfo';
meetupInfo.innerHTML = html;
title = meetupInfo.getElementsByClassName('title')[0];
venue = meetupInfo.getElementsByClassName('venue')[0];
date = meetupInfo.getElementsByClassName('date')[0];
title.innerHTML = events[i].name;
venue.innerHTML = events[i].venue.name + " \n" + events[i].venue.address_1 + "\n" + events[i].venue.city;
date.innerHTML = events[i].local_date + "\n" + events[i].local_time;
meetupInfo.href = events[i].link;
element.appendChild(meetupInfo);
}
}
$.ajax({
url: "https://api.meetup.com/opensourcediversity/events?&sign=true&photo-host=public&page=1",
jsonp: "callback",
dataType: "jsonp",
data: {
format: "json"
},
success: function(response) {
let events = response.data;
fillMeetupFields(events);
}
});
importScripts('vendor/cache-polyfill.js');
const version = "0.6";
const version = "0.7";
const cacheName = `opensourcediversity-${version}`;
self.addEventListener('install', function(e) {
......@@ -14,33 +14,41 @@ self.addEventListener('install', function(e) {
'/css/Nunito-Regular.ttf',
'/css/OFL.txt',
'/css/custom.css',
'/scripts/meetupAPI.js',
'/vendor/bootstrap.min.css',
'/vendor/bootstrap.min.js',
'/vendor/jquery-3.2.1.slim.min.js',
'/vendor/jquery-3.3.1.min.js',
'/vendor/popper.min.js',
'/img/highlight-white-small-left.svg',
'/img/highlight-white-small-right.svg',
'/img/highlight.svg',
'/img/opensourcediversity-icon-margin.svg',
'/img/opensourcediversity-icon-white.svg',
'/img/discourse.svg',
'/img/twitter.svg',
'/img/github.svg',
'/img/irc.svg',
'/img/opencollective.svg',
'/img/projects/a11yproject.svg',
'/img/projects/accessibilitycloud.png',
'/img/projects/chaoss.jpg',
'/img/projects/chayn.png',
'/img/projects/commonvoice.png',
'/img/projects/contributorcovenant.png',
'/img/projects/diversifyfoss.png',
'/img/projects/diversitytickets.svg',
'/img/projects/doubleunion.png',
'/img/projects/fossjobs.svg',
'/img/projects/fundclub.jpg',
'/img/projects/haeqs.jpg',
'/img/projects/girlscriptsummerofcode.jpg',
'/img/projects/globaldiversitycfpday.jpg',
'/img/projects/hacktober.jpg',
'/img/projects/heartofcode.jpg',
'/img/projects/lereset.jpg',
'/img/projects/opendemographics.jpg',
'/img/projects/openheroines.jpg',
'/img/projects/openlabs.jpg',
'/img/projects/opensourcedesign.svg',
'/img/projects/opensourceladies.jpg',
'/img/projects/outreachy.png',
'/img/projects/outspokenwomen.jpg',
'/img/projects/prototypefund.jpg',
......
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.