-
Notifications
You must be signed in to change notification settings - Fork 0
/
old.html
125 lines (98 loc) · 4.63 KB
/
old.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
<!doctype html>
<html>
<head>
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon'>
<title>Hi, I'm Jasmine.</title>
<link href="css/main.css" rel="stylesheet" type = "text/css">
<link href="css/network.css" rel="stylesheet" type = "text/css">
<link href="fonts/stylesheet.css" rel="stylesheet" type = "text/css">
<meta name="viewport" content="width=device-width">
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-71845192-1', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
<!-- Custom Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<!-- MDL JavaScript, jQuery, d3 -->
<link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-pink.min.css">
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s="
crossorigin="anonymous"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<style>
#network {
text-align: center;
}
.links line {
stroke-opacity: 0.6;
}
.nodes circle {
stroke: #fff;
stroke-width: 1.5px;
}
text {
font-family: "webfontbold", sans-serif;
font-style: oblique;
color: #555;
}
</style>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header mdl-layout__header--seamed">
<div class="mdl-layout__header-row">
<div class="mdl-layout-spacer"></div>
</div>
</header>
</div>
<body>
<main class="mdl-layout__content">
<div class="page-content">
<!-- <div class="scroll-left">
<p><a href="https://keepintouch.substack.com/p/coming-soon">💜 Let's keep in touch 💜 Click here to sign up for my newsletter 💜 Brain dumps! Articles! Friendship! 💜 Let's keep in touch 💜</a></p>
</div> -->
<div class="intro">
<h3>jasmine mithani</h3>
<h4>✨ designer, developer, researcher, && data witch ✨</h4>
<div id="icons">
<a href="https://github.com/jmithani" target="_blank"> <img src="img/github-circle.png" alt="github link"></img> </a>
<a href="https://linkedin.com/in/jmithani" target="_blank"> <img src="img/linkedin-circle.png" alt="linkedin link"></img> </a>
<a href="https://twitter.com/jazzmyth" target="_blank"> <img src="img/twitter-circle.png" alt="twitter link"></img> </a>
</div>
<br />
<div class="main-content">
<div id="status">
<ul id="work">
<li class="first-item"><span>👔 work</span></li>
<li><span><a href="https://fivethirtyeight.com/contributors/jasmine-mithani/">data visuals reporter</a></span></li>
</ul>
<ul id="writing">
<li class="first-item"><span>📝 writing</span></li>
<li><a href="/blog">blog</a></li>
<li><a href="https://keepintouch.substack.com">newsletter</a></li>
</ul>
<ul id="past">
<li class="first-item"><span>⌛ past</span></li>
<li><span><a href="https://fivethirtyeight.com/contributors/jasmine-mithani/">visual journalist</a></span></li>
<li><span><a href="https://southsideweekly.com/">alt-weekly editor</a></span></li>
<li><span><a href="http://datamade.us">civic tech developer</a></span></li>
<li><span><a href="http://blog.apps.npr.org">baby graphics journalist</a></span></li>
<li><span><a href="http://graphicacy.com">visualization ux designer</a></span></li>
<li><span><a href="http://dosomething.org">social activist game dev</a></span></li>
<li><span><a href="http://summerscience.org">insomniac astrophysicist</a></span></li>
</ul>
</div>
<div id="network"></div>
</div>
</div>
</main>
</body>
<!-- JavaScript -->
<script type="text/javascript" src="js/network.js"></script>
</html>