Commit 7f2bfdbd authored by Kelly Tall's avatar Kelly Tall
Browse files

site files

parent 3828705e
No preview for this file type
This diff is collapsed.
year,Women,Men
1975,21,86
1976,34,175
1977,43,168
1978,52,236
1979,76,284
1980,115,368
1981,103,394
1982,102,427
1983,82,360
1984,112,432
1985,139,509
1986,164,535
1987,158,593
1988,178,624
1989,215,668
1990,234,622
1991,214,641
1992,250,644
1993,261,620
1994,260,578
1995,210,546
1996,222,486
1997,244,548
1998,247,603
1999,267,617
2000,264,654
2001,329,693
2002,356,763
2003,457,895
2004,361,771
2005,347,811
2006,445,941
2007,308,848
2008,293,682
2009,339,806
2010,291,696
2011,278,597
2012,301,738
2013,362,858
2014,396,913
2015,383,805
2016,378,837
2017,463,990
2018,509,970
2019,821,1348
2020,649,948
award_label,value
Knight/Dame (K/D),19
Companion (AC),591
Officer (AO),3160
Member (AM),11294
Medal (OAM),26266
This diff is collapsed.
This diff is collapsed.
......@@ -30,7 +30,7 @@
</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 visualsation designer, Kelly Tall and Wikimedia Australia volunteers, Alex Lum, Toby Hudson and Pru Mitchell.
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>
......
......@@ -125,15 +125,25 @@ header nav a.selected {
.intro,
.announcement,
.text,
.venn,
.conclusion,
.ciation
.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;
......@@ -154,9 +164,6 @@ header nav a.selected {
}
section.citation{
padding:0;
}
section.citation h4{
border-bottom: none;
......@@ -207,23 +214,11 @@ section.citation .green_border h5{
.venn_container{
display: flex;
align-items: center;
margin-right: auto;
margin-left: auto;
}
.venn_container {
display: flex;
align-items: center;
justify-content: center;
max-width:600px;
margin-left: auto;
margin-right: auto;
padding-bottom: 68px;
/*padding-bottom: 68px;*/
}
......@@ -333,6 +328,10 @@ p.yellow_callout a:hover{
.gender_bar_wrapper{
position: relative;
max-width: 1200px;
min-width: 320px;
margin-right: auto;
margin-left: auto;
}
.xAxis text, .yAxis text {
......@@ -448,23 +447,16 @@ p.yellow_callout a:hover{
.flex_container{
display: flex;
flex-direction: row;
flex-grow: 1;
flex-basis: 0;
}
.level_section {
display: flex;
flex-direction: row;
height: 700px;
padding-left: 68px;
padding-right: 68px;
flex-grow: 1;
flex-basis: 0;
align-items: flex-start;
justify-content: flex-start;
justify-content: center;
width: 100%;
padding-bottom: 68px;
}
......@@ -475,8 +467,7 @@ p.yellow_callout a:hover{
padding-right: 16px;
flex-basis: 50%;
min-width: 50%;
/*background-color: yellow;*/
height: 658px;
}
......@@ -496,8 +487,9 @@ p.uppercase_heading {
.levels {
height: 112px;
/*background-color: var(--light_green);*/
margin-bottom: 24px;
max-width:650px;
}
.levels.knight{
......@@ -536,22 +528,13 @@ p.uppercase_heading {
line-height: 1.2;
}
.waffle_holder{
/*height: 658px;*/
flex-basis: 50%;
min-width:50%;
position: relative;
}
.waffle_wrapper {
/*height: 658px;*/
justify-content: flex-end;
align-content: flex-start;
justify-content: center;
display: flex;
flex-wrap: wrap;
width: 470px;
max-width: 470px;
position: relative;
}
......@@ -566,10 +549,9 @@ p.uppercase_heading {
.para.wide.waffle {
flex-direction: column;
padding-top: 48px;
padding-left: 24px;
padding-right: 120px;
max-width:450px;
margin-left:24px;
}
......@@ -601,44 +583,47 @@ p.uppercase_heading {
.wikipedia_charts_container{
display: flex;
flex-direction: column;
/*height: 658px;*/
padding-left: 68px;
padding-right: 68px;
flex-grow: 1;
flex-basis: 0;
align-items: center;
justify-content: center;
width:100%;
}
.wikipedia_bar_wrapper_holder,
.wikipedia_bar_wrapper_gender_holder
{
flex-basis: 50%;
max-height:800px;
min-width:50%;
padding-bottom: 24px;
}
.wikipedia_bar_wrapper,
.wikipedia_bar_gender_wrapper
.wikipedia_bar_wrapper
{
position: relative;
max-width:900px;
max-height: 500px;
margin-right: auto;
margin-left: auto;
/*width: 100%;*/
}
.wikipedia_bar_gender_wrapper {
/* max-width: 620px; */
.wikipedia_bar_gender_wrapper
{
position: relative;
max-width:1200px;
margin-right: auto;
margin-left: auto;
margin-left: auto;s
}
.wikipedia_bar_wrapper rect,
.wikipedia_bar_gender_wrapper rect
{
......@@ -682,28 +667,9 @@ p.uppercase_heading {
}
.order_wikipedia .para .annotation{
padding-top: 12px
}
.annotation
{
display: flex;
align-items: flex-start;
flex-direction: row;
padding-top: 0;
padding-bottom: 48px;
/*max-width: 600px;*/
margin-right: auto;
margin-left: auto;
line-height: 1.2;
flex-grow: 1;
flex-basis: 0;
}
.green_border p
{
......@@ -735,26 +701,32 @@ p.uppercase_heading {
}
.lollipop_wrapper,
.heatmap_wrapper{
display: flex;
align-items: center;
justify-content: center;
position: relative;
flex-direction: column;
.lollipop_wrapper{
margin-right: auto;
margin-left: auto;
max-width: 1000px;
position: relative;
width: 100%
}
.heatmap_wrapper,
.lollipop_wrapper
{
.heatmap_wrapper{
margin-right: auto;
margin-left: auto;
max-width: 1000px;
position: relative;
width: 100%
}
.heatmap_tooltip,
.lollipop_tooltip
{
......@@ -791,7 +763,7 @@ p.uppercase_heading {
.scatter_holder,
/*.scatter_holder,
.scatter2_holder {
position: relative;
display: flex;
......@@ -805,14 +777,18 @@ p.uppercase_heading {
max-width: 1000px
}
}*/
.scatter_wrapper,
.scatter2_wrapper {
margin-left: auto;
margin-right: auto;
position: relative;
max-width:600px;
width:100%;
}
......@@ -953,7 +929,7 @@ text#text_label.label {
.para.wide {
flex-direction: column;
padding-top: 48px;
padding-top: 0;
}
......@@ -971,330 +947,316 @@ text#text_label.label {
@media(min-width: 860px) {
.hero, .about {
margin-top: 50px;
@media(max-width: 768px) {
header{
flex-direction: column;
align-items:flex-start;
}
h5 {
font-size: 18px;
padding-bottom: 8px;
}
header nav a {
font-size: 12px;
}
header nav a {
font-weight: 500;
margin-left: 0;
margin-right:12px;
}
h1 {
font-size: 32px;
}
.hero{
padding: 60px 160px;
}
h4{
font-size: 24px;
}
.para {
padding: 0 0;
}
/*
.intro, .announcement, .text, .conclusion, .citation, .venn , .exploring_header{
padding: 48px;
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 5px 4px 0 rgb(51 51 51 / 20%);
z-index:1;
*/
.divider{
border-bottom: solid 1px var(--dark_green);
padding-top: 32px;
}
h5 a {
margin-left: 0;
.chart_full_holder h6 {
padding-top: 40px;
}
.gender_legend {
padding-top: 32px;
}
@media (max-width: 980px) {
h1 {
font-family: 'Rosario';
font-size: 48px;
p.legend_text {
font-size: 12px;
}
p.uppercase_heading {
font-size: 16px
}
.levels h6 {
margin-left: 12px;
padding-top: 12px;
font-size: 16px;
}
.levels p {
margin-left: 32px;
margin-right: 24px;
padding-top: 12px;
font-size: 12px;
line-height: 1.2;
font-weight: 700;
}
header {
padding: 24px 24px;
}
header nav a {
font-family: 'Rosario';
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
color: var(--light_gold);
margin-left: 24px;
.block {
width: 20px;
height: 20px;
margin: 2px;
}
.waffle_wrapper{
max-width:250px;
}
p.para.wide.waffle {
font-size: 14px;
}
p.yellow_callout {
font-size: 16px;
}
@media (max-width: 760px) {
h1{
font-size: 36px;
}
section.hero h1 {
padding: 68px 160px;
.wikipedia_bar_gender_wrapper {
padding-left: 100px;
}
h4 {
font-size: 24px;
}
.lollipop_holder p, .heatmap_holder p {
padding-bottom: 48px;
font-size: 12px;
text-align: center;
max-width: 500px;
}
h5 {
font-size: 18px;
}
section.venn .venn_heading{
padding-top: 48px;
}
section.intro, section.announcement, section.text, section.conclusion {
padding: 24px 24px;
}
div.exploring_intro {
padding-top: 24px;
padding-bottom: 24px;
@media(max-width: 414px) {
header {
padding-left: 18px;
}
.level_headers h4 {
padding-bottom: 24px;
line-height: 1.2;
h1 {
font-size:18px;
}
.hero {
padding: 18px;
}
@media (max-width: 644px){
section.hero h1 {
padding: 24px;
font-size: 24px;
.para{
padding:0 0 0 0;
flex-direction:column;
}
section.intro div.para, section.venn div.para, section.announcement div.para, section.text div.para, section.conclusion div.para {
display: flex;
align-items: flex-start;
flex-direction: column;
padding-top: 48px;
padding-bottom: 40px;
max-width: 900px;
margin-right: auto;
margin-left: auto;
line-height: 1.5;
flex-grow: 1;
flex-basis: 0;
/* margin-left: 24px; */
margin: 0 32px;
.para .first {