Skip to content

GitLab

Commit 32c92441 authored by Kelly Tall's avatar Kelly Tall
Browse files

removing all files

parent 93e3e6e7
Expand all Hide whitespace changes
Inline Side-by-side
.DS_Store
View file @ 32c92441
No preview for this file type
.gitlab-ci.yml deleted 100644 → 0
View file @ 93e3e6e7
pages:
stage: deploy
script:
- mkdir .public
- cp -r * .public
- mv .public public
artifacts:
paths:
- public
only:
- master
\ No newline at end of file
2_WDWTWA_data.html deleted 100644 → 0
View file @ 93e3e6e7
<!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 deleted 100644 → 0
View file @ 93e3e6e7
This diff is collapsed.
2_WDWTWA_team.html deleted 100644 → 0
View file @ 93e3e6e7
<!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 deleted 100644 → 0
View file @ 93e3e6e7
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 deleted 100644 → 0
View file @ 93e3e6e7
@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 deleted 100644 → 0
View file @ 93e3e6e7
: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;
}