Skip to content

Commit fb2f9b4

Browse files
isaacdurazoisaacdurazo
committed
Website redesign - first commit
1 parent 9086b54 commit fb2f9b4

File tree

30 files changed

+1220
-502
lines changed

30 files changed

+1220
-502
lines changed

‎_includes/themes/twitter/default.html

+19-31
Original file line numberDiff line numberDiff line change
@@ -23,21 +23,30 @@
2323
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
2424
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
2525
-->
26+
<link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'>
27+
2628
</head>
2729

2830
<body>
2931
<div class="navbar">
3032
<div class="navbar-inner">
31-
<div class="container">
32-
<a class="brand" href="{{ HOME_PATH }}">{{ site.title }}</a>
33-
<ul class="nav">
34-
{% assign pages_list = site.pages %}
35-
{% assign group = 'navigation' %}
36-
<li> <a href="/about.html">About</a></li>
37-
<li> <a href="/archive.html">Archive</a></li>
38-
<li> <a href="/resources.html">Resources</a></li>
39-
<li> <a href="/contact.html">Contact</a></li>
40-
</ul>
33+
<ul class="nav">
34+
{% assign pages_list = site.pages %}
35+
{% assign group = 'navigation' %}
36+
<li> <a href="{{ HOME_PATH }}">Home</a></li>
37+
<li> <a href="/about.html">About</a></li>
38+
<li> <a href="/archive.html">Archive</a></li>
39+
<li> <a href="/resources.html">Resources</a></li>
40+
</ul>
41+
</div>
42+
</div>
43+
44+
<div class="page-header">
45+
<div class="logo">
46+
<div class="icon"><img src="/assets/images/logo.png" align="left" style="margin-right: 15px" /></div>
47+
<div class="name">
48+
<div class="title">OpenGenderTracking Project</div>
49+
<div class="tagline">Computationally Tracking Gender Balance in News Content</div>
4150
</div>
4251
</div>
4352
</div>
@@ -46,27 +55,6 @@
4655

4756
<div class="content">
4857
{{ content }}
49-
50-
<hr>
51-
<div>
52-
<p class="knight-logo"><img style="padding-right:18px"src="/assets/images/knight-logo-300.jpg" alt="Knight Foundation Logo" align="left"></p>
53-
<p class="knight-about">Generous support is provided by the Knight Foundation. Knight Foundation supports transformational ideas that promote quality journalism, advance media innovation, engage communities and foster the arts. The foundation believes that democracy thrives when people and communities are informed and engaged. For more, visit <a href="KnightFoundation.org">KnightFoundation.org</a>. The grant number for this grant is 2012-0284.
54-
</p>
55-
</div>
56-
57-
<hr>
58-
<div class="brought-by">Brought to you by</div>
59-
<div class="mit-info">
60-
<a href="http://civic.mit.edu/" target="_blank"><img style="padding-right:18px"src="/assets/images/mit-logo.jpg" alt="MIT Ceter for Civic Media Logo" align="left" width="130"></a>
61-
<p><b>The MIT Center for Civic Media</b> works hand in hand with diverse communities to collaboratively create, design, deploy, and assess civic media tools and practices.</p>
62-
</div>
63-
64-
<div class="bocoup-info">
65-
<a href="http://bocoup.com/" target="_blank"><img style="padding: 0 18px 20px 0"src="/assets/images/bocoup-logo.jpg" alt="Bocoup Logo" align="left" width="180"></a>
66-
<p><b>Bocoup</b> moves the Open Web forward by building and supporting tomorrow's Open Web technologies through consulting, training, and community development.
67-
</p>
68-
</div>
69-
7058
</div>
7159

7260
<footer>

‎_includes/themes/twitter/page.html

+3-7
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,7 @@
1-
<div class="page-header">
2-
{% if page.show_logo == true %}
3-
<img src="/assets/images/logo.jpg" align="left" style="margin-right: 15px" />
4-
{% endif %}
5-
<h1>{{ page.title }} {% if page.tagline %} <br/><small>{{ page.tagline }}</small>{% endif %}</h1>
6-
</div>
7-
81
<div class="row">
2+
{% if page.title %}
3+
<h1 class="section-title">{{ page.title }}</h1>
4+
{% endif %}
95
<div>
106
{{ content }}
117
</div>

‎_includes/themes/twitter/post.html

+19-24
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,24 @@
1-
<div class="page-header">
2-
<h1>{{ page.title }}<br /></h1>
3-
</div>
4-
51
<div class="row">
6-
<div class="span8">
7-
{{ content }}
8-
<hr>
9-
<div class="pagination">
10-
<ul>
11-
{% if page.previous %}
12-
<li class="prev"><a href="{{ BASE_PATH }}{{ page.previous.url }}" title="{{ page.previous.title }}">&larr; Previous</a></li>
13-
{% else %}
14-
<li class="prev disabled"><a>&larr; Previous</a></li>
15-
{% endif %}
16-
<li><a href="{{ BASE_PATH }}{{ site.JB.archive_path }}">Archive</a></li>
17-
{% if page.next %}
18-
<li class="next"><a href="{{ BASE_PATH }}{{ page.next.url }}" title="{{ page.next.title }}">Next &rarr;</a></li>
19-
{% else %}
20-
<li class="next disabled"><a>Next &rarr;</a>
21-
{% endif %}
22-
</ul>
23-
</div>
24-
<hr>
25-
{% include JB/comments %}
2+
<h1 class="section-title">{{ page.title }}</h1>
3+
{{ content }}
4+
<hr>
5+
<div class="pagination">
6+
<ul>
7+
{% if page.previous %}
8+
<li class="prev"><a href="{{ BASE_PATH }}{{ page.previous.url }}" title="{{ page.previous.title }}">&larr; Previous</a></li>
9+
{% else %}
10+
<li class="prev disabled"><a>&larr; Previous</a></li>
11+
{% endif %}
12+
<li><a href="{{ BASE_PATH }}{{ site.JB.archive_path }}">Archive</a></li>
13+
{% if page.next %}
14+
<li class="next"><a href="{{ BASE_PATH }}{{ page.next.url }}" title="{{ page.next.title }}">Next &rarr;</a></li>
15+
{% else %}
16+
<li class="next disabled"><a>Next &rarr;</a>
17+
{% endif %}
18+
</ul>
2619
</div>
20+
<hr>
21+
{% include JB/comments %}
2722

2823
<div class="span4">
2924
<h4>Published</h4>

‎_posts/core-samples/2013-01-08-Tracking-Gender-In-Online-News.markdown

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ author: J. Nathan Matias
77

88
{% include JB/setup %}
99

10-
<div align="center"><a href="http://www.flickr.com/photos/natematias/8330858942/" title="Women's writing in UK Newspapers by rubberpaw, on Flickr"><img src="http://farm9.staticflickr.com/8491/8330858942_1438e48a6f.jpg" width="500" height="333" alt="Women's writing in UK Newspapers"></a></div>
10+
<div align="center"><a href="http://www.flickr.com/photos/natematias/8330858942/" title="Women's writing in UK Newspapers by rubberpaw, on Flickr"><img src="http://farm9.staticflickr.com/8491/8330858942_bbcb420b20_o.png" alt="Women's writing in UK Newspapers"></a></div>
1111

1212
Open Gender Tracker is an upcoming suite of open source tools and APIs that will make it easy for newrooms and media monitors to collect metrics and gain a better understanding of gender diversity in their publications. Through a Knight Foundation Prototype grant, Irene Ros of Bocoup will be collaborating with me to make open source software out of my research on gender and get it into newsrooms ([more history here](/blog/2013/01/04/Getting-Started/)).
1313

‎_site/about.html

+42-37
Original file line numberDiff line numberDiff line change
@@ -24,21 +24,30 @@
2424
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
2525
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
2626
-->
27+
<link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'>
28+
2729
</head>
2830

2931
<body>
3032
<div class="navbar">
3133
<div class="navbar-inner">
32-
<div class="container">
33-
<a class="brand" href="/">OpenGenderTracking</a>
34-
<ul class="nav">
35-
36-
37-
<li> <a href="/about.html">About</a></li>
38-
<li> <a href="/archive.html">Archive</a></li>
39-
<li> <a href="/resources.html">Resources</a></li>
40-
<li> <a href="/contact.html">Contact</a></li>
41-
</ul>
34+
<ul class="nav">
35+
36+
37+
<li> <a href="/">Home</a></li>
38+
<li> <a href="/about.html">About</a></li>
39+
<li> <a href="/archive.html">Archive</a></li>
40+
<li> <a href="/resources.html">Resources</a></li>
41+
</ul>
42+
</div>
43+
</div>
44+
45+
<div class="page-header">
46+
<div class="logo">
47+
<div class="icon"><img src="/assets/images/logo.png" align="left" style="margin-right: 15px" /></div>
48+
<div class="name">
49+
<div class="title">OpenGenderTracking Project</div>
50+
<div class="tagline">Computationally Tracking Gender Balance in News Content</div>
4251
</div>
4352
</div>
4453
</div>
@@ -47,12 +56,10 @@
4756

4857
<div class="content">
4958

50-
<div class="page-header">
51-
52-
<h1>About </h1>
53-
</div>
54-
5559
<div class="row">
60+
61+
<h1 class="section-title">About</h1>
62+
5663
<div>
5764
<p>The OpenGenderTracking project aims to build software that assists with analyzing the gender balance of news content.</p>
5865

@@ -66,32 +73,30 @@ <h2 id='where'>Where</h2>
6673

6774
<h2 id='who'>Who</h2>
6875

69-
<p>The system will be built by <a href='mailto: irene at bocoup.com'>Irene Ros</a> and <a href='http://bocoup.com'>Bocoup</a> in collaboration with <a href='http://natematias.com/'>Nathan Matias</a> of the <a href='http://civic.mit.edu/'>MIT Center for Civic Media</a>.</p>
76+
<p>OpenGenderTracker is a project by <a href='mailto: irene at bocoup.com'>Irene Ros</a> and <a href='mailto:achyland at bocoup.com'>Adam Hyland</a> from <a href='http://bocoup.com'>Bocoup</a> in collaboration with <a href='http://natematias.com/'>Nathan Matias</a> of the <a href='http://civic.mit.edu/'>MIT Center for Civic Media</a>.</p>
77+
78+
<pre><code> &lt;div&gt;
79+
&lt;p class=&quot;knight-logo&quot;&gt;&lt;img style=&quot;padding-right:18px&quot;src=&quot;/assets/images/knight-logo-300.jpg&quot; alt=&quot;Knight Foundation Logo&quot; align=&quot;left&quot;&gt;&lt;/p&gt;
80+
&lt;p class=&quot;knight-about&quot;&gt;Generous support is provided by the Knight Foundation. Knight Foundation supports transformational ideas that promote quality journalism, advance media innovation, engage communities and foster the arts. The foundation believes that democracy thrives when people and communities are informed and engaged. For more, visit &lt;a href=&quot;KnightFoundation.org&quot;&gt;KnightFoundation.org&lt;/a&gt;. The grant number for this grant is 2012-0284.
81+
&lt;/p&gt;
82+
&lt;/div&gt;
83+
84+
&lt;hr&gt;
85+
&lt;div class=&quot;brought-by&quot;&gt;Brought to you by&lt;/div&gt;
86+
&lt;div class=&quot;mit-info&quot;&gt;
87+
&lt;a href=&quot;http://civic.mit.edu/&quot; target=&quot;_blank&quot;&gt;&lt;img style=&quot;padding-right:18px&quot;src=&quot;/assets/images/mit-logo.jpg&quot; alt=&quot;MIT Ceter for Civic Media Logo&quot; align=&quot;left&quot; width=&quot;130&quot;&gt;&lt;/a&gt;
88+
&lt;p&gt;&lt;b&gt;The MIT Center for Civic Media&lt;/b&gt; works hand in hand with diverse communities to collaboratively create, design, deploy, and assess civic media tools and practices.&lt;/p&gt;
89+
&lt;/div&gt;
90+
91+
&lt;div class=&quot;bocoup-info&quot;&gt;
92+
&lt;a href=&quot;http://bocoup.com/&quot; target=&quot;_blank&quot;&gt;&lt;img style=&quot;padding: 0 18px 20px 0&quot;src=&quot;/assets/images/bocoup-logo.jpg&quot; alt=&quot;Bocoup Logo&quot; align=&quot;left&quot; width=&quot;180&quot;&gt;&lt;/a&gt;
93+
&lt;p&gt;&lt;b&gt;Bocoup&lt;/b&gt; moves the Open Web forward by building and supporting tomorrow&#39;s Open Web technologies through consulting, training, and community development.
94+
&lt;/p&gt;
95+
&lt;/div&gt;</code></pre>
7096
</div>
7197
</div>
7298

7399

74-
75-
<hr>
76-
<div>
77-
<p class="knight-logo"><img style="padding-right:18px"src="/assets/images/knight-logo-300.jpg" alt="Knight Foundation Logo" align="left"></p>
78-
<p class="knight-about">Generous support is provided by the Knight Foundation. Knight Foundation supports transformational ideas that promote quality journalism, advance media innovation, engage communities and foster the arts. The foundation believes that democracy thrives when people and communities are informed and engaged. For more, visit <a href="KnightFoundation.org">KnightFoundation.org</a>. The grant number for this grant is 2012-0284.
79-
</p>
80-
</div>
81-
82-
<hr>
83-
<div class="brought-by">Brought to you by</div>
84-
<div class="mit-info">
85-
<a href="http://civic.mit.edu/" target="_blank"><img style="padding-right:18px"src="/assets/images/mit-logo.jpg" alt="MIT Ceter for Civic Media Logo" align="left" width="130"></a>
86-
<p><b>The MIT Center for Civic Media</b> works hand in hand with diverse communities to collaboratively create, design, deploy, and assess civic media tools and practices.</p>
87-
</div>
88-
89-
<div class="bocoup-info">
90-
<a href="http://bocoup.com/" target="_blank"><img style="padding: 0 18px 20px 0"src="/assets/images/bocoup-logo.jpg" alt="Bocoup Logo" align="left" width="180"></a>
91-
<p><b>Bocoup</b> moves the Open Web forward by building and supporting tomorrow's Open Web technologies through consulting, training, and community development.
92-
</p>
93-
</div>
94-
95100
</div>
96101

97102
<footer>

‎_site/archive.html

+57-37
Original file line numberDiff line numberDiff line change
@@ -24,21 +24,30 @@
2424
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
2525
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
2626
-->
27+
<link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'>
28+
2729
</head>
2830

2931
<body>
3032
<div class="navbar">
3133
<div class="navbar-inner">
32-
<div class="container">
33-
<a class="brand" href="/">OpenGenderTracking</a>
34-
<ul class="nav">
35-
36-
37-
<li> <a href="/about.html">About</a></li>
38-
<li> <a href="/archive.html">Archive</a></li>
39-
<li> <a href="/resources.html">Resources</a></li>
40-
<li> <a href="/contact.html">Contact</a></li>
41-
</ul>
34+
<ul class="nav">
35+
36+
37+
<li> <a href="/">Home</a></li>
38+
<li> <a href="/about.html">About</a></li>
39+
<li> <a href="/archive.html">Archive</a></li>
40+
<li> <a href="/resources.html">Resources</a></li>
41+
</ul>
42+
</div>
43+
</div>
44+
45+
<div class="page-header">
46+
<div class="logo">
47+
<div class="icon"><img src="/assets/images/logo.png" align="left" style="margin-right: 15px" /></div>
48+
<div class="name">
49+
<div class="title">OpenGenderTracking Project</div>
50+
<div class="tagline">Computationally Tracking Gender Balance in News Content</div>
4251
</div>
4352
</div>
4453
</div>
@@ -47,12 +56,10 @@
4756

4857
<div class="content">
4958

50-
<div class="page-header">
51-
52-
<h1>Archive </h1>
53-
</div>
54-
5559
<div class="row">
60+
61+
<h1 class="section-title">Archive</h1>
62+
5663
<div>
5764

5865

@@ -68,10 +75,44 @@ <h1>Archive </h1>
6875

6976

7077
<h2>2013</h2>
71-
<h3>January</h3>
78+
<h3>February</h3>
7279
<ul>
7380

7481

82+
<li><span>February 27, 2013</span> &raquo; <a href="/blog/2013/02/27/GenderTracker-Makes-an-Appearance">GenderTracker Makes an Appearance</a></li>
83+
84+
85+
86+
87+
88+
89+
90+
91+
92+
93+
94+
95+
96+
97+
<li><span>February 14, 2013</span> &raquo; <a href="/blog/2013/02/14/Visualizing-Uncertainty">Visualizing Uncertainty</a></li>
98+
99+
100+
101+
102+
</ul>
103+
<h3>January</h3>
104+
<ul>
105+
106+
107+
108+
109+
110+
111+
112+
113+
114+
115+
75116
<li><span>January 8, 2013</span> &raquo; <a href="/blog/2013/01/08/Tracking-Gender-In-Online-News">Tracking Gender In Online News</a></li>
76117

77118

@@ -99,27 +140,6 @@ <h3>January</h3>
99140
</div>
100141

101142

102-
103-
<hr>
104-
<div>
105-
<p class="knight-logo"><img style="padding-right:18px"src="/assets/images/knight-logo-300.jpg" alt="Knight Foundation Logo" align="left"></p>
106-
<p class="knight-about">Generous support is provided by the Knight Foundation. Knight Foundation supports transformational ideas that promote quality journalism, advance media innovation, engage communities and foster the arts. The foundation believes that democracy thrives when people and communities are informed and engaged. For more, visit <a href="KnightFoundation.org">KnightFoundation.org</a>. The grant number for this grant is 2012-0284.
107-
</p>
108-
</div>
109-
110-
<hr>
111-
<div class="brought-by">Brought to you by</div>
112-
<div class="mit-info">
113-
<a href="http://civic.mit.edu/" target="_blank"><img style="padding-right:18px"src="/assets/images/mit-logo.jpg" alt="MIT Ceter for Civic Media Logo" align="left" width="130"></a>
114-
<p><b>The MIT Center for Civic Media</b> works hand in hand with diverse communities to collaboratively create, design, deploy, and assess civic media tools and practices.</p>
115-
</div>
116-
117-
<div class="bocoup-info">
118-
<a href="http://bocoup.com/" target="_blank"><img style="padding: 0 18px 20px 0"src="/assets/images/bocoup-logo.jpg" alt="Bocoup Logo" align="left" width="180"></a>
119-
<p><b>Bocoup</b> moves the Open Web forward by building and supporting tomorrow's Open Web technologies through consulting, training, and community development.
120-
</p>
121-
</div>
122-
123143
</div>
124144

125145
<footer>

‎_site/assets/images/flow_diagram.png

11.8 KB
Loading

‎_site/assets/images/header-bg.jpg

11.7 KB
Loading

‎_site/assets/images/logo.jpg

-1.75 KB
Binary file not shown.

‎_site/assets/images/logo.png

2.45 KB
Loading

0 commit comments

Comments
 (0)