-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.htm
170 lines (170 loc) · 11.3 KB
/
index.htm
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
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html>
<head>
<title>Jessica Jordan - Senior Frontend Engineer</title>
<meta name="description" content="Jessica Jordan Profile Website">
<link href="./styles/simple-grid.min.css" rel="stylesheet" />
<link href="./styles/nes.css" rel="stylesheet" />
<link href="./styles/custom.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap" rel="stylesheet">
<link rel="icon" href="./images/favicon.png">
</head>
<body class="portfolio">
<header class="pure-g">
<h1>Jessica Jordan</h1>
</header>
<main>
<section class="row">
<h2 class="pure-u-1">Open-Source <i class="nes-icon heart"></i></h2>
<progress class="nes-progress" value="15" max="100"></progress>
<article class="nes-container with-title is-rounded mt-1">
<h3 class="title">Ember Learning Core Team <span>@EmberJS<i></i></span><br> - <span class="nes-text is-primary">since Januray 2018</span></h3>
<p>Documentation and newsletters.</p>
<img class="nes-avatar is-large" alt="Hamster icon" src="./images/hamster.png">
</article>
<article class="pure-u-1 nes-container with-title is-rounded is-dark mt-1">
<h3 class="title">Editor and Writer <span><i>@The Ember Times</i></span><br> - <span class="nes-text is-primary">since June 2017</span></h3>
<p>Weekly newslettering about what happens in the Ember community.</p>
<img class="nes-avatar is-rounded is-large" alt="Hamster icon" src="./images/writing.png">
</article>
<article class="pure-u-1 nes-container with-title is-rounded is-dark mt-1">
<h3 class="title"><a href="http://uncaughtreferenceerror.com/" target="uncaughtt" rel=”noopener noreferrer”>Blogging</a></h3>
<p>Writing about technology and humans on <a href="http://uncaughtreferenceerror.com/" target="uncaughtt" rel=”noopener noreferrer”>my personal blog</a>.</p>
<img class="nes-avatar is-rounded is-large" alt="Hamster icon" src="./images/writing.png">
</article>
</section>
<hr />
<section class="pure-g">
<h2 class="pure-u-1">Talks <i class="nes-icon star"></i></h2>
<progress class="nes-progress is-warning" value="30" max="100"></progress>
<article class="nes-container is-rounded mt-1">
<h3 class="title">2019</h3>
<div class="row">
<div class="col-6">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/tpjIwmg8meY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="100%" height="315" src="https://www.youtube.com/embed/tXOn_8ivUns" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-6">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/3-dg2Vulg7k" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="100%" height="315" src="https://www.youtube.com/embed/BPmuR4mAQaw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="row">
<div class="col-6">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/C_abEQENdy0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<h4>Unrecorded talks</h4>
<ul class="nes-list is-disc">
<li>"Crafting Web Comics with EmberJS". c't web dev 2019. Cologne.</li>
<li>"Crafting Web Comics for Literally Everyone". Fullstack London 2019. London.</li>
<li>"That's what you get for letting your developers work on OSS". HiveConf 2019. Berlin</li>
</ul>
</article>
<article class="nes-container is-rounded is-dark mt-1">
<h3 class="title">2018</h3>
<div class="row">
<div class="col-6">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/3cicU6IxclY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="100%" height="315" src="https://www.youtube.com/embed/h3YtViXranw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-6">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/5eXe5t_KO2Q" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="100%" height="315" src="https://www.youtube.com/embed/Ezb-sovFD5o" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="row">
<div class="col-6">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/PjUd67Saq1w" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-6">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/cljehgyxOSQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<h4>Unrecorded talks</h4>
<ul class="nes-list is-disc">
<li>"Animate the Web with EmberJS". <a href="https://bulgariawebsummit.com/" target="bulgwebsummit" rel=”noopener noreferrer”>Bulgaria Web Summit 2018</a>. Sofia.</li>
<li>"A Glimmer of Hope - Building Web Components with GlimmerJS". <a href="https://2018.afrotechfest.co.uk/" target="aftech" rel=”noopener noreferrer”>Afrotech Fest 2018</a>. London.</li>
</ul>
</article>
<article class="nes-container is-rounded mt-1">
<h3 class="title">2017</h3>
<div class="row">
<div class="col-6">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/wFJPIjRTIVU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="100%" height="315" src="https://www.youtube.com/embed/OzFgDBJcWuU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-6">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/n-z7En2O9mQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="100%" height="315" src="https://www.youtube.com/embed/jaJ5cCCYrcU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="row">
<div class="col-6">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/E1EUG2UPZrY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="100%" height="315" src="https://www.youtube.com/embed/ln9xBiqbA2U" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-6">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/D1yqIm86jqM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<h4>Unrecorded talks</h4>
<ul class="nes-list is-disc">
<li>"Testing Against Time". Emberfest 2017. Amsterdam.</li>
</ul>
</article>
</section>
<hr />
<section class="pure-g">
<h2 class="pure-u-1">Projects that paid my rent <i class="nes-icon coin"></i><i class="nes-icon coin"></i><i class="nes-icon coin"></i></h2>
<progress class="nes-progress is-primary" value="70" max="100"></progress>
<article class="pure-u-1 nes-container with-title is-rounded mt-1">
<h3 class="title">Senior Frontend Engineer <span><i>@simplabs</i></span><br> - <span class="nes-text is-primary">since June 2017</span></h3>
<p>IT consulting for web applications. EmberJS, QUnit, JavaScript.</p>
<ul class="nes-list is-disc">
<li>Developing and leading frontend projects</li>
<li>Iteration planning in collaboration with product and other engineering teams</li>
<li>Prioritization and development of technical aspects of product strategies</li>
<li>Creation, management and leading technical workshops</li>
</ul>
</article>
<article class="pure-u-1 nes-container with-title is-dark is-rounded mt-1">
<h3 class="title">Web Developer <span><i>Freelance</i></span><br> - <span class="nes-text is-warning">March 2015 - May 2017</span></h3>
<p>Development of websites and web applications. EmberJS, QUnit, jQuery, PHP, HTML, CSS, JavaScript, Optimizely.</p>
<ul class="nes-list is-circle">
<li>Frontend development</li>
<li>A/B Testing</li>
<li>Implementation of UI interfaces and landing pages based on semantic HTML, CSS and jQuery</li>
<li>Webcontent Management using Wordpress, Liferay.</li>
</ul>
</article>
<article class="pure-u-1 nes-container with-title is-rounded mt-1">
<h3 class="title">Software Developer <span><i>@Earlham Institute</i></span><br> - <span class="nes-text is-primary">January 2016 - December 2016</span></h3>
<p>Web development of UI components for life sciences and leading workshops. EmberJS, JavaScript, Polymer.</p>
<ul class="nes-list is-disc">
<li>Development of UI components</li>
<li>Data visualization</li>
<li>Workshop preparation and mentoring for data visualization / frontend web development</li>
</ul>
</article>
<article class="pure-u-1 nes-container with-title is-dark is-rounded mt-1">
<h3 class="title">Webcontent Management & A/B Testing. <span><i>@Mobility Media GmbH. Bosch Group.</i></span><br> - <span class="nes-text is-warning">Sept 2013 - February 2015</span></h3>
<p>Development of websites, web content management and A/B Testing. jQuery, HTML, CSS, JavaScript, Optimizely.</p>
<ul class="nes-list is-circle is-dark">
<li>Frontend development and webcontent management</li>
<li>A/B Testing</li>
</ul>
</article>
<article class="mt-1">
<h3>More projects</h3>
<p class="nes-text">You can find more projects on my <a class="nes-text" href="https://www.linkedin.com/in/jessicajordanfedev/" target="twitter" rel=”noopener noreferrer”>CV on Linkedin</a>.</p>
</article>
</section>
</main>
<hr />
<footer>
<progress class="nes-progress is-success" value="99" max="100"></progress>
<p class="nes-text">(C) Jessica Jordan, 2019. Join my other 7 followers on <a class="nes-text" href="https://twitter.com/jjordan_dev" target="twitter" rel=”noopener noreferrer”>Twitter <i class="nes-icon twitter"></i></a>. Send me offers for .NET developer roles on <a class="nes-text" href="https://www.linkedin.com/in/jessicajordanfedev/" target="twitter" rel=”noopener noreferrer”>Linkedin <i class="nes-icon linkedin"></i></a>.</p>
</footer>
</body>
</html>