-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
158 lines (138 loc) · 6.29 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html class="html" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Chelsea Long</title>
<meta name="Chelsea Long" content="Hey!">
<!-- <link rel="stylesheet" href="styles/simple-grid.css"> -->
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="https://use.typekit.net/mif5efa.css">
</head>
<body>
<main>
<header>
<!-- <h1>Chelsea Long is a journalist based in Berkeley, California.</h1> -->
<h1>Chelsea Long is a journalist based in Berkeley, California who
<span
class="txt-rotate"
data-period="2000"
data-rotate='[ "writes.", "analyzes data.", " will eventually make cool graphics."]'></span>
</h1>
<nav>
<ul>
<li><a href="https://github.com/Lelseac">Github</a></li>
<li><a href="https://www.linkedin.com/in/chelseablong/">Linkedin</a></li>
</ul>
</nav>
<p>Chelsea Long is a master's student at UC Berkeley's Graduate School of Journalism.</p>
<p>This summer, worked with the Investigative Reporting team at Mississippi Today as an intern.</p>
<p>She was born and raised on Florida's Space Coast and received her bachelor's degree from Florida State Univeristy.
</p>
<p>Here's her <a href="file:///Users/chelsealong/Desktop/Job%20Applications/Chelsea%20Long_Resume.pdf">resume</a>.</p>
<p>You can reach her at <a href="mailto:chelsealong[at]berkeley[dot]edu">chelsealong [at] berkeley [dot] edu</a>.</p>
</header>
<section>
<h2>Selected Clips</h2>
<article>
<a href="https://www.chronicle.com/article/how-diversity-became-a-bad-word-at-one-states-public-colleges">
<figure class="floatLeft">
<img src="styles/SouthDakota.webp" alt="An illustration of the state of South Dakota."/>
<figcaption>Valerie Chiang, The Chronicle</figcaption>
</figure>
<h3>How Diversity Became a Bad Word at One State's Public Colleges</h3>
<p>Across South Dakota, some professors and administrators say a hostile climate is driving them to quit.
</p>
</a>
</article>
<article>
<a href="https://www.chronicle.com/article/florida-bill-may-shield-university-presidential-searches-from-the-public"
>
<figure class="floatLeft">
<img src="styles/JeffBrandes.webp" alt="Florida State Sen. Jeff Brandes sitting in a chair."/>
<figcaption>Martha Asencio-Rhine, Tampa Bay Times, Zuma Press Wire, Newscom</figcaption>
</figure>
<h3>Bill May Shield University Presidential Searches From the Public</h3>
<p>A bill in the Florida Legislature aims to keep secret parts of the presidential-selection process at state colleges. Critics advocate for transparency.</p>
</a>
</article>
<article>
<a href="https://www.chronicle.com/article/floridas-public-colleges-may-soon-recruit-presidents-in-secret">
<figure class="floatLeft">
<img src="styles/RonDeSantis.webp" alt="Portrait of Florida Gov. Ron Desantis."/>
<figcaption>Paul Hennessy, Nurphoto, Associated Press</figcaption>
</figure>
<h3>Public Colleges May Soon Recruit Presidents in Secret
</h3>
<p>The governor is expected to sign a bill that calls for concealing the names of candidates for leadership of those institutions.</p>
</a>
</article>
</section>
<section>
<h2>Other Clips</h2>
<ul>
<li><a href="https://www.chronicle.com/article/floridas-colleges-must-administer-viewpoint-diversity-survey-dont-take-it-faculty-union-says">Florida’s Colleges Must Administer ‘Viewpoint Diversity’ Survey. Don’t Take It, Faculty Union Says.</a> The Chronicle of Higher Education</li>
<li><a href="https://www.chronicle.com/article/biden-wants-to-double-the-maximum-pell-grant-what-difference-would-that-make">Biden Wants to Double the Maximum Pell Grant. What Difference Would That Make?</a> The Chronicle of Higher Education</li>
</ul>
</section>
<section>
<h2>Class Projects</h2>
<ul>
<li><a href="projects/d3_bar_chart/">D3 bar chart showing seafarer deaths.</a></li>
<li><a href="projects/leaflet_chart/">Leaflet chart showing medical examiner locations for deceased seafarers.</a></li>
<li><a href="projects/leaflet_chart_two/">Leaflet chart showing nationalities of deceased seafarers.</a></li>
</section>
</main>
<script>
var TxtRotate = function(el, toRotate, period) {
this.toRotate = toRotate;
this.el = el;
this.loopNum = 0;
this.period = parseInt(period, 10) || 2000;
this.txt = '';
this.tick();
this.isDeleting = false;
};
TxtRotate.prototype.tick = function() {
var i = this.loopNum % this.toRotate.length;
var fullTxt = this.toRotate[i];
if (this.isDeleting) {
this.txt = fullTxt.substring(0, this.txt.length - 1);
} else {
this.txt = fullTxt.substring(0, this.txt.length + 1);
}
var colours = ["red", "green", "blue", "yellow", "orange"]
this.el.innerHTML = '<span class="wrap" style="color: ' + colours[i] + '">'+this.txt+'</span>';
var that = this;
var delta = 300 - Math.random() * 100;
if (this.isDeleting) { delta /= 2; }
if (!this.isDeleting && this.txt === fullTxt) {
delta = this.period;
this.isDeleting = true;
} else if (this.isDeleting && this.txt === '') {
this.isDeleting = false;
this.loopNum++;
delta = 500;
}
setTimeout(function() {
that.tick();
}, delta);
};
window.onload = function() {
var elements = document.getElementsByClassName('txt-rotate');
for (var i=0; i<elements.length; i++) {
var toRotate = elements[i].getAttribute('data-rotate');
var period = elements[i].getAttribute('data-period');
if (toRotate) {
new TxtRotate(elements[i], JSON.parse(toRotate), period);
}
}
// INJECT CSS
var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = ".txt-rotate > .wrap { border-right: 0.08em solid #666 }";
document.body.appendChild(css);
};
</script>
</body>
</html>