Skip to content

GitLab

Commit ae725be7 authored by Kelly Tall's avatar Kelly Tall
Browse files

re-cloning files

parent ca15e43b
Expand all Hide whitespace changes
Inline Side-by-side
2_WDWTWA_data.html 0 → 100644
View file @ ae725be7
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="generator" content="SuperHi">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Producing Distinction</title>
<link rel="stylesheet" href="css/WDWTWA_base.css">
<link rel="stylesheet" href="css/WDWTWA_fonts.css">
<link rel="stylesheet" href="css/WDWTWA_style.css">
</head>
<body>
<!-- <script src="/superhi.js"></script> -->
<header>
<h5>
<a href="2_WDWTWA_index.html">Producing distinction: Wikipedia and the Order of Australia</a>
</h5>
<nav>
<a href="2_WDWTWA_data.html" class="selected">Data</a>
<a href="2_WDWTWA_team.html">Team</a>
</nav>
</header>
<section>
<!-- <div id="gender_bar"></div> -->
</section>
<!-- <script src="js/d3.min.js"></script>
<script src="js/venn.min.js"></script>
<script type="text/javascript" src="js/venn_chart.js"></script>
<script type="text/javascript" src="js/gender_bar.js"></script>
-->
</body>
</html>
2_WDWTWA_index.html 0 → 100644
View file @ ae725be7
This diff is collapsed.
2_WDWTWA_team.html 0 → 100644
View file @ ae725be7
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="generator" content="SuperHi">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Producing Distinction</title>
<link rel="stylesheet" href="css/WDWTWA_base.css">
<link rel="stylesheet" href="css/WDWTWA_fonts.css">
<link rel="stylesheet" href="css/WDWTWA_style.css">
</head>
<body>
<!-- <script src="/superhi.js"></script> -->
<header>
<h5>
<a href="2_WDWTWA_index.html">Producing distinction: Wikipedia and the Order of Australia</a>
</h5>
<nav>
<a href="2_WDWTWA_data.html">Data</a>
<a href="2_WDWTWA_team.html" class="selected">Team</a>
</nav>
</header>
<section class="about">
<h4>
About the project
</h4>
<p>
This essay forms part of a pilot for the project “Who do we think we are?” to explore how Wikipedia represents Australia. This pilot project focuses on how Wikipedia represents Order of Australia recipients over the course of Wikipedia’s twenty year history. It is the result of a partnership between UTS Researchers, Heather Ford and Tamson Pietsch, data analyst and visualisation designer, Kelly Tall and Wikimedia Australia volunteers, Alex Lum, Toby Hudson and Pru Mitchell.
</p>
<h4>
Acknowledgements
</h4>
<p>
We would like to acknowledge the generous support of the UTS School of Communication and Wikimedia Australia in supporting this research. We would also like to acknowledge that this research was made on the Gadigal Land of the Eora Nation.
</p>
</section>
</body>
</html>
css/WDWTWA_base.css 0 → 100644
View file @ ae725be7
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img, iframe {
vertical-align: bottom;
max-width: 100%;
}
input, textarea, select {
font: inherit;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
css/WDWTWA_fonts.css 0 → 100644
View file @ ae725be7
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:regular,italic,700,700italic,600,600italic|Rosario:regular,italic,700,700italic,300,300italic,600,600italic');
\ No newline at end of file
css/WDWTWA_style.css 0 → 100644
View file @ ae725be7
:root {
--light_gold: #eff7e1;
--gold: #f8dc81;
--dark_green: #214151;
--light_green: #a2d0c1;
--mid_colour: #DFD993;
}
body {
background-color: var(--light_gold);
color: var(--dark_green);
font-family: 'Crimson Text';
font-size: 16px;
}
h1 {
font-family: 'Rosario';
font-size: 56px;
line-height: 1.3;
font-weight: 700;
}
h2 {
font-family: 'Rosario';
font-size: 48px;
line-height: 1.2;
}
h3 {
font-family: 'Rosario';
font-size: 40px;
}
h4 {
font-family: 'Rosario';
font-size: 32px;
}
h5 {
font-family: 'Rosario';
font-size: 24px;
font-weight: 300;
}
h6 {
font-family: 'Rosario';
font-size: 18px;
font-weight: 300;
}
.divider {
display: flex;
align-items: center;
justify-content: center;
border-bottom: solid 2px var(--dark_green);
max-width: 1000px;
padding-top: 64px;
margin-right: auto;
margin-left: auto;
}
header {
background-color: var(--dark_green);
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 64px;
color: var(--light_gold);
}
header nav a,
h5 a {
text-decoration: none;
color: var(--light_gold);
margin-left: 24px;
}
header nav a {
font-family: 'Rosario';
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
color: var(--light_gold);
margin-left: 24px;
}
header nav a:hover,
h5 a:hover {
color: var(--light_green);
}
header nav a:hover {
border-bottom: solid 2px var(--light_green);
}
header nav a.selected {
border-bottom: solid 2px var(--light_green);
}
.hero {
background-color: var(--light_green);
text-align: center;
margin-right: auto;
margin-left: auto;
text-align: center;
padding: 112px 160px;
}
.intro-heading,
.announcement-heading,
.conclusion_heading
{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.intro,
.announcement,
.venn,
.conclusion,
.citation
{
padding: 64px 64px;
}
.about h4 {
padding: 64px 0 24px 64px;;
}
.about p {
padding: 0 0 24px 64px;
line-height: 1.5;
max-width: 800px;
}
.intro-heading,
.announcement-heading, .venn_heading{
display: flex;
align-items: center;
justify-content: center;
}
.intro h4,
.venn_heading h4,
.announcement h4,
.conclusion h4{
padding: 10px;
text-align: center;
margin-right: auto;
margin-left: auto;
border-bottom: solid 2px var(--dark_green);
line-height: 1.2;
}
section.citation h4{
border-bottom: none;
text-align: center;
}
section.citation .green_border h5{
border-bottom: solid 2px var(--gold);
}
.para
{
display: flex;
align-items: flex-start;
flex-direction: row;
padding-top: 68px;
padding-bottom: 48px;
max-width: 900px;
margin-right: auto;
margin-left: auto;
line-height: 1.5;
flex-grow: 1;
flex-basis: 0;
}
.para .first {
padding-right: 16px;
flex-basis: 100%;
}
.para .second {
padding-left: 16px;
flex-basis: 100%;
}
.para a {
text-decoration: none;
color: var(--dark_green);
font-weight: 600;
}
.para a:hover {
text-decoration: none;
border-bottom: solid 1px var(--dark_green);
}
.venn_container {
max-width:600px;
margin-left: auto;
margin-right: auto;
/*padding-bottom: 68px;*/
}
#venn svg text{
fill: var(--dark_green);
font-size: 18px;
font-weight: 600;
font-family: "Rosario";
}
.venntooltip {
position: absolute;
text-align: left ;
width: 700px;
height: 20px;
color: var(--dark_green);
padding: 10px;
border: 0px;
opacity: 0;
font-family: 'Rosario';
font-size: 18px;
}
.green_border{
background-color: var(--dark_green);
display: flex;
flex-direction: column;
align-items: center;
padding-top: 64px;
padding-bottom: 64px;
}
.green_border h6 {
color: var(--light_gold);
padding-bottom: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
max-width: 800px;
/*padding-bottom: 68px;*/
}
.green_border h4 {
color: var(--light_gold);
padding-bottom: 7px;
border-bottom: solid 2px var(--light_gold);
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
max-width: 600px;
/*padding-bottom: 68px;*/
}
p.yellow_callout {
padding: 18px;
margin-right: 18px;
margin-left: 18px;
color: var(--gold);
font-family: 'Rosario';
font-size: 18px;
/*font-weight: 300;*/
max-width:600px;
text-align: center;
line-height: 1.2;
}
p.yellow_callout a{
color: var(--gold);
text-decoration: none;
font-weight: 600;
}
p.yellow_callout a:hover{
border-bottom: solid 2px var(--gold);
}
.chart_full_holder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 68px;
padding-top: 8px;
}
.chart_full_holder h6{
padding-top:48px;
}
.gender_bar_wrapper{
position: relative;
max-width: 1200px;
min-width: 320px;
margin-right: auto;
margin-left: auto;
}
.xAxis text, .yAxis text {
fill: var(--dark_green);
font-family: 'Crimson Text';
font-size: 12px;
}
.xAxis_Small text
{
fill: var(--dark_green);
font-family: 'Crimson Text';
font-size: 10px;
}
.xAxis path, .yAxis path , .yAxis_small path, .xAxis_small path{
stroke: var(--dark_green);
}
.gender_bar_wrapper rect{
opacity: 1;
}
.gender_bar_wrapper rect:hover{
opacity: 0.5;
}
.gender_tooltip {
font-family: 'Rosario';
color:var(--gold);
opacity: 0;
position: absolute;
top: -14px;
left: 0;
padding: 0.6em 1em;
background: var(--dark_green);
text-align: center;
line-height: 1.4em;
font-size: 0.9em;
border: 1px solid #ddd;
z-index: 10;
transition: all 0.1s ease-out;
pointer-events: none;
}
.tooltip-range {
margin-bottom: 0.2em;
font-weight: 600;
}
.gender_bar_wrapper .xAxis .tick:nth-child(2n) text {
visibility: hidden;
}
.gender_legend {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding-top: 48px;
}
.legend_text {
margin-right:12px;
margin-left:4px;
}
.female_square{
height:8px;
width: 8px;
background-color: var(--dark_green)
}
.male_square{
height:8px;
width: 8px;
background-color: var(--gold);
}
.level_headers {
display: flex;
align-items: flex-start;
flex-direction: column;
padding-top: 24px;
padding-bottom: 24px;
padding-left: 68px;
line-height: 1.5;
}
.level_headers h4 {
padding-top: 12px;
padding-bottom: 12px;
line-height: 1.2;
}
.level_section {
display: flex;
flex-direction: row;
padding-left: 68px;
padding-right: 68px;
flex-grow: 1;
flex-basis: 0;
align-items: flex-start;
justify-content: center;
width: 100%;
padding-bottom: 68px;
}
.level_table {
padding-right: 16px;
flex-basis: 50%;
min-width: 50%;
}
p.uppercase_heading {
padding-top: