Skip to content

Commit 97fb492

Browse files
committed
start a conference/coc list
still needs proper license info and styling
1 parent 3734313 commit 97fb492

File tree

5 files changed

+225
-103
lines changed

5 files changed

+225
-103
lines changed

.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
_site

_layouts/default.html

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<!DOCTYPE html>
2+
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
3+
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
4+
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
5+
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
6+
<head>
7+
<meta charset="utf-8">
8+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
9+
<title>Ruby White Ribbon</title>
10+
<meta name="description" content="">
11+
<meta name="viewport" content="width=device-width, initial-scale=1">
12+
13+
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
14+
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'>
15+
<link rel="stylesheet" href="/css/normalize.css">
16+
<link rel="stylesheet" href="/css/main.css">
17+
<script src="/js/vendor/modernizr-2.6.2.min.js"></script>
18+
</head>
19+
<body>
20+
<!--[if lt IE 7]>
21+
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
22+
<![endif]-->
23+
24+
<!-- Add your site or application content here -->
25+
<div class="wrapper">
26+
<header class="header" role="banner">
27+
<div class="inner">
28+
<ul>
29+
<li>
30+
<a href="/#pledge">
31+
<i class="icon icon-question"></i>
32+
<span>Take the pledge</span>
33+
</a>
34+
</li>
35+
<li>
36+
<a href="/#about">
37+
<i class="icon icon-ribbon"></i>
38+
<span>Learn more</span>
39+
</a>
40+
</li>
41+
<li>
42+
<a href="https://twitter.com/share?url=http://ruby-white-ribbon.org/&lang=en" class="external" target="_blank">
43+
<i class="icon icon-twitter"></i>
44+
<span>Tweet support</span>
45+
</a>
46+
</li>
47+
<li>
48+
<a href="https://github.com/ruby-white-ribbon/ruby-white-ribbon.github.io" class="external" target="_blank">
49+
<i class="icon icon-github"></i>
50+
<span>Github</span>
51+
</a>
52+
</li>
53+
</ul>
54+
</div>
55+
</header>
56+
57+
{{ content }}
58+
</div>
59+
60+
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
61+
<script>window.jQuery || document.write('<script src="/js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
62+
<script src="/js/main.js"></script>
63+
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
64+
<!-- <script>
65+
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
66+
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
67+
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
68+
e.src='//www.google-analytics.com/analytics.js';
69+
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
70+
ga('create','UA-XXXXX-X');ga('send','pageview');
71+
</script> -->
72+
</body>
73+
</html>
74+
75+

conferences.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
---
2+
layout: default
3+
title: Conferences
4+
permalink: conferences/
5+
---
6+
<section class="section section--darkred" role="main" id="pledge">
7+
<div class="inner">
8+
<h1>Conferences</h1>
9+
<table id="conferences">
10+
<thead>
11+
<tr>
12+
<td>Name</td>
13+
<td>Date</td>
14+
<td>Twitter</td>
15+
<td>Code of Conduct</td>
16+
</tr>
17+
</thead>
18+
<tbody></tbody>
19+
</table>
20+
</div>
21+
</section>

index.html

Lines changed: 35 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -1,102 +1,35 @@
1-
<!DOCTYPE html>
2-
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
3-
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
4-
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
5-
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
6-
<head>
7-
<meta charset="utf-8">
8-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
9-
<title>Ruby White Ribbon</title>
10-
<meta name="description" content="">
11-
<meta name="viewport" content="width=device-width, initial-scale=1">
12-
13-
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
14-
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'>
15-
<link rel="stylesheet" href="css/normalize.css">
16-
<link rel="stylesheet" href="css/main.css">
17-
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
18-
</head>
19-
<body>
20-
<!--[if lt IE 7]>
21-
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
22-
<![endif]-->
23-
24-
<!-- Add your site or application content here -->
25-
<div class="wrapper">
26-
<header class="header" role="banner">
27-
<div class="inner">
28-
<ul>
29-
<li>
30-
<a href="#pledge">
31-
<i class="icon icon-question"></i>
32-
<span>Take the pledge</span>
33-
</a>
34-
</li>
35-
<li>
36-
<a href="#about">
37-
<i class="icon icon-ribbon"></i>
38-
<span>Learn more</span>
39-
</a>
40-
</li>
41-
<li>
42-
<a href="https://twitter.com/share?url=http://ruby-white-ribbon.org/&lang=en" class="external" target="_blank">
43-
<i class="icon icon-twitter"></i>
44-
<span>Tweet support</span>
45-
</a>
46-
</li>
47-
<li>
48-
<a href="https://github.com/ruby-white-ribbon/ruby-white-ribbon.github.io" class="external" target="_blank">
49-
<i class="icon icon-github"></i>
50-
<span>Github</span>
51-
</a>
52-
</li>
53-
</ul>
54-
</div>
55-
</header>
56-
<section class="section section--darkred" role="main" id="pledge">
57-
<div class="inner">
58-
<div class="logo-ribbon"></div>
59-
<h1>Ruby White Ribbon</h1>
60-
<div class="pledge">
61-
<p >By wearing a white ribbon to ruby community events, I pledge:</p>
62-
<ol>
63-
<li><span class="tag tag--white">1</span> to speak out against all forms of violence, harassment and discrimination</li>
64-
<li><span class="tag tag--white">2</span> to learn about and follow the code of conduct</li>
65-
<li><span class="tag tag--white">3</span> to speak out when the code of conduct is not honored</li>
66-
</ol>
67-
</div>
68-
<div class="logo-ruby"></div>
69-
</div>
70-
</section>
71-
<section class="section section--lightred" id="about">
72-
<div class="inner">
73-
<h2 class="h1">What is Ruby White Ribbon?</h2>
74-
<div class="about">
75-
<p>Ruby White Ribbon is a way to express allegiance in opposition to violence, harassment and discriminating behavior in our Ruby community.</p>
76-
<p>The white ribbon has been used in recent times as a symbol for movements opposing violence against women, and related causes.</p>
77-
<p>This page is not related to, or affiliated with any pre-existing campaign or organization. Although we share values with the campaigns listed below.</p>
78-
<ul class="campaigns">
79-
<li><a href="http://en.wikipedia.org/wiki/White_ribbon" target="_blank">white ribbon on wikipedia</a></li>
80-
<li><a href="http://www.whiteribbon.org.au/" target="_blank">Australia's white ribbon campaign</a></li>
81-
<li><a href="http://www.whiteribbon.ca/" target="_blank">Canada's white ribbon campaign</a></li>
82-
</ul>
83-
</div>
84-
</div>
85-
</section>
86-
</div>
87-
88-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
89-
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
90-
<script src="js/main.js"></script>
91-
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
92-
<!-- <script>
93-
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
94-
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
95-
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
96-
e.src='//www.google-analytics.com/analytics.js';
97-
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
98-
ga('create','UA-XXXXX-X');ga('send','pageview');
99-
</script> -->
100-
</body>
101-
</html>
102-
1+
---
2+
layout: default
3+
title: Ruby White Ribbon
4+
permalink: /
5+
---
6+
<section class="section section--darkred" role="main" id="pledge">
7+
<div class="inner">
8+
<div class="logo-ribbon"></div>
9+
<h1>Ruby White Ribbon</h1>
10+
<div class="pledge">
11+
<p >By wearing a white ribbon to ruby community events, I pledge:</p>
12+
<ol>
13+
<li><span class="tag tag--white">1</span> to speak out against all forms of violence, harassment and discrimination</li>
14+
<li><span class="tag tag--white">2</span> to learn about and follow the code of conduct</li>
15+
<li><span class="tag tag--white">3</span> to speak out when the code of conduct is not honored</li>
16+
</ol>
17+
</div>
18+
<div class="logo-ruby"></div>
19+
</div>
20+
</section>
21+
<section class="section section--lightred" id="about">
22+
<div class="inner">
23+
<h2 class="h1">What is Ruby White Ribbon?</h2>
24+
<div class="about">
25+
<p>Ruby White Ribbon is a way to express allegiance in opposition to violence, harassment and discriminating behavior in our Ruby community.</p>
26+
<p>The white ribbon has been used in recent times as a symbol for movements opposing violence against women, and related causes.</p>
27+
<p>This page is not related to, or affiliated with any pre-existing campaign or organization. Although we share values with the campaigns listed below.</p>
28+
<ul class="campaigns">
29+
<li><a href="http://en.wikipedia.org/wiki/White_ribbon" target="_blank">white ribbon on wikipedia</a></li>
30+
<li><a href="http://www.whiteribbon.org.au/" target="_blank">Australia's white ribbon campaign</a></li>
31+
<li><a href="http://www.whiteribbon.ca/" target="_blank">Canada's white ribbon campaign</a></li>
32+
</ul>
33+
</div>
34+
</div>
35+
</section>

js/main.js

Lines changed: 93 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,4 +27,96 @@ $(function() {
2727
var to = $(this).attr('href');
2828
$('html, body').animate({scrollTop: $(to).offset().top }, '5000');
2929
});
30-
})
30+
});
31+
32+
var Confs = function(selector, url) {
33+
this.element = $(selector);
34+
this.fetch(url, $.proxy(this.render, this));
35+
};
36+
37+
Confs.data = {
38+
"MountainWest RubyConf": {
39+
coc: { url: "http://mtnwestrubyconf.org" }
40+
},
41+
"Los Angeles Ruby Conference": {
42+
coc: { url: "http://larubyconf.com/code-of-conduct" }
43+
},
44+
"Big Ruby": {
45+
coc: { url: "http://www.bigrubyconf.com/code-of-conduct.html" }
46+
},
47+
"RubySauna": {
48+
coc: { url: "http://www.rubysauna.org/conduct" }
49+
},
50+
"Ruby on Ales": {
51+
coc: { url: "http://onales.com/code-of-conduct" }
52+
},
53+
"RubyConf India": {
54+
coc: { url: "http://rubyconfindia.org/2014/code.html" }
55+
},
56+
"RubyConf Philippines": {
57+
coc: { url: "http://rubyconf.ph/#codeofconduct" }
58+
},
59+
"RailsConf": {
60+
coc: { url: "http://www.railsconf.com/policies" }
61+
},
62+
"Abril Pro Ruby": {
63+
coc: { url: "http://abrilproruby.com/en/code-of-conduct" }
64+
},
65+
"Scottish Ruby Conf": {
66+
coc: { url: "http://2014.scottishrubyconference.com/conduct" }
67+
},
68+
"RubyConf Uruguay": {
69+
coc: { url: "http://www.rubyconfuruguay.org/en/conference_editions/8/pages/1" }
70+
},
71+
"Burlington Ruby Conference": {
72+
coc: { url: "http://burlingtonrubyconference.com/conduct.html" }
73+
},
74+
"Frozen Rails": {
75+
coc: { url: "http://2014.frozenrails.eu/code" }
76+
},
77+
"Barcelona Ruby Conf": {
78+
coc: { url: "http://www.baruco.org/code_of_conduct" }
79+
},
80+
"Golden Gate Ruby Conference": {
81+
coc: { url: "http://gogaruco.com/#conduct-heading" }
82+
},
83+
"Ruby DCamp": {
84+
coc: { url: "http://rubydcamp.org/coc" }
85+
}
86+
};
87+
88+
Confs.prototype = $.extend({
89+
fetch: function(url, callback) {
90+
$.get(url, function(data, status) {
91+
var confs = JSON.parse(window.atob(data.content.replace(/\s/g, '')));
92+
93+
$.each(confs, function() {
94+
if(Confs.data[this.name]) {
95+
this.coc = Confs.data[this.name].coc
96+
}
97+
});
98+
99+
callback(confs);
100+
});
101+
},
102+
render: function(data, state) {
103+
$.each(data, $.proxy(function(ix, row) { this.renderRow(row) }, this));
104+
},
105+
renderRow: function(data) {
106+
var row = $('<tr></tr>');
107+
row.append('<td><a href="' + data.url + '">' + data.name + '</a></td>');
108+
row.append('<td>' + data.dates + '</td>');
109+
row.append('<td><a href="http://twitter.com/' + data.twitter + '">@' + data.twitter + '</a></td>');
110+
if(data.coc) {
111+
row.append('<td><a href="' + data.coc.url + '">Yes</a></td>');
112+
} else {
113+
row.append('<td>No</td>');
114+
}
115+
this.element.append(row);
116+
}
117+
});
118+
119+
$(function() {
120+
var url = 'https://api.github.com/repos/svenfuchs/ruby-conferences-site/contents/data/current.json';
121+
var confs = new Confs('#conferences tbody', url);
122+
});

0 commit comments

Comments
 (0)