-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·177 lines (142 loc) · 8.89 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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.css" media="screen,projection">
<link type="text/css" rel="stylesheet" href="css/stylesheet.css">
<link href="http://fonts.googleapis.com/css?family=Josefin+Sans:700|Roboto:300,400,800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
<script type="text/javascript" src="js/materialize.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<nav>
<div class="nav-wrapper" id="top">
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="hansen_kate_resume.pdf" type="pdf" target="_blank">RESUME</a></li>
<li><a href="worksamples.html">WORKSAMPLES</a></li>
<li><a href="writing.html">WRITING</a></li>
<li><a href="artlanding.html">ART</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</div>
</nav>
<ul class="sidenav" id="mobile-demo">
<li><a href="hansen_kate_resume.pdf" type="pdf" target="_blank">RESUME</a></li>
<li><a href="worksamples.html">WEB + DESIGN</a></li>
<li><a href="writing.html">WRITING + WKSHPS</a></li>
<li><a href="artlanding.html">ART</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
<a class="buttontop" href="#top">
<i class="fas fa-arrow-up"></i>
</a>
<!--END NAV-->
<div class="noborder">
<main class="container">
<div id="about" class="border about">
<h2>KATE HANSEN</h2>
<div class="sidebar">
<div class="portrait">
<img class="kate" src="assets/me.png" alt="Kate portrait" />
</div>
<p>I am a junior front-end web developer with a previous career as a public art project manager. <br> <br> Although I am shifting to a dev role, I’m a natural born project lead and manager that strives to help others better themselves
and their teams. My strongest attributes are an awareness of sociology, aesthetics, and user intuitions and expectations. In my first career, I’d project managed a variety of city- and county-wide public art and social practice
projects for the <a href="https://www.pittsburghartscouncil.org/public-art" target="_blank">Office of Public Art</a> (Pittsburgh, PA), with partners and clients including governmental agencies, community groups, private developers,
and more. These projects consisted of collaborating with citizens, politicians, stakeholders, artists, vendors, and policy while keeping the objectives, budget, timing, and human emotions in balance. Projects spanned from months
to years, from object-based public artworks and their maintenance to ideating, soliciting grant funding for, and establishing programming and social practice projects. My favorite partnership was with the Pittsburgh International
Airport where I obtained seed funding for and initiated performing arts program that is ongoing and currently scalable. I also initiated program architecture and funding for an artist-in-residence program, as well as several temporary
placemaking opportunities for local artists. <br><br> Though I’ve never held an agency or in-house product team role, I am certainly no stranger to web design, strategy, and development. In 2012 I provided discovery, ideation,
user testing, design, and development management for Western PA’s central repository for artists: <a href="https://www.pittsburghartistregistry.org/" target="_blank">Pittsburgh Artist Registry</a> (see case study below) In addition,
I’ve assisted Pittsburgh area artists with their web presence and outreach by consulting them in all facets of internet media, including their online portfolios. In 2018, I decided to pursue my passion for accessible information
sharing and was accepted into a development bootcamp at <a href="https://academypgh.com/" target="_blank">Academy Pittsburgh</a>. While presented with a variety of freelance web and design opportunities, I decide to continue with
my front-end education at <a href="https://www.momscan.co" target="_blank">MomsCan&Co School</a> where I studied human-centered design and focused more on front-end development.
<br><br> I’m also a practicing non-media/new-media artist, and my arts CV can be found at the link in the nav bar.
</p>
</div>
</div>
<!--
<section id="about" class="about">
<div class="row">
<div class="col">
</div>
</div>
-->
<div id="skills" class="border">
<h2>SKILLS</h2>
<div class="row">
<div class="col s12 l6">
<ul class="skills1">
<h4>WEB</h4>
<li>HTML/CSS</li>
<li>JavaScript</li>
<li>Node.js</li>
<li>JQuery</li>
<li>SQlite</li>
<li>Ruby/Ruby on Rails</li>
<li>Materialize</li>
<li>Git/Github</li>
<li>Webflow</li>
<li>Glitch.com</li>
</ul>
</div>
<div class="col s12 l6">
<ul class="skills2">
<h4>DESIGN</h4>
<li>Adobe Suite:<br> <span class="italp">incl. Photoshop, Illustrator, Indesign</li></span>
<li>Affinity Suite:<span class="italp"><br>incl. Photo, Design, Publisher</li></span>
</h3>
</div>
</div>
<div class="col s12 l6">
<ul class="skills3">
<h4>PM + WIREFRAME</h4>
<li>Figma</li>
<li>Balsamiq</li>
<li>draw.io</li>
<li>Clickup</li>
<li>Asana</li>
<li>Trello</li>
<li></li>
</ul>
</div>
<div class="col s12 l6">
<ul class="skills3">
<h4>OTHER</h4>
<li>Video editing + Production</li>
<li>3D Modeling including Blender, Sketchup</li>
</ul>
</div>
</div>
</div>
</div>
<!--contact-->
<footer class="contact" id="contact">
<h2>CONTACT</h2>
<div class="socialmedia">
<a href="mailto:[email protected]?Subject=I followed a link from your website and here I am" target="_blank"><i class="far fa-envelope "></i></a>
<a href="https://www.facebook.com/k8hansen" target="_blank "><i class="fab fa-facebook-f "></i></a>
<a href="http://www.twitter.com/newgroundsIRL " target="_blank "> <i class="fab fa-twitter "></i></a>
<a href="https://www.instagram.com/mallpalm/ " target="_blank "> <i class="fab fa-instagram "></i></a>
<a href="https://www.linkedin.com/in/k8hansen/ " target="_blank "><i class="fab fa-linkedin-in "></i></a>
<a href="https://codepen.io/k8hansen/ " target="_blank "><i class="fab fa-codepen "></i></a>
<a href="https://github.com/k8hansen " target="_blank "><i class="fab fa-github "></i></a>
<a href="https://open.spotify.com/user/1259062356?si=SzQe3dGZTHu_bhyRapSGHA " target="_blank "> <i class="fab fa-spotify "></i></a>
</div>
</footer>
<!--JavaScript at end of body for optimized loading-->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script>
$(document).ready(function() {
$('.sidenav').sidenav();
$('.tooltipped').tooltip()
});
</script>
</body>
</html>