alicestrete.me/cv.html
2019-01-08 22:28:44 +01:00

729 lines
28 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Resume of Alice Strete</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
@charset "utf-8";
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
body{
font-family: 'Open Sans', Arial, Tahoma;
font-weight: 400;
color: #363636;
background: white;
}
blockquote {
font-size: 1em;
}
.container{
margin-top: 80px;
margin-bottom: 15px;
background: #fff;
}
#photo-header{
margin-top: -75px;
}
#photo{
width: 160px;
height: 160px;
border-radius: 50%;
overflow: hidden;
padding: 5px;
background: black;
display: inline-block;
}
#photo img{
width: 150px;
height: 150px;
border-radius: 50%;
}
#text-header h1{
margin: 0;
padding: 0;
font-size: 1.5em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: -1px;
}
#text-header h1::first-line{
font-size: 1.5em;
font-weight: 800;
line-height: 1.5em;
}
#text-header h1 span{
color: #334960;
opacity: 0.7;
}
#text-header h1 sup{
opacity: 0.5;
}
#text-header:after{
width: 100%;
height: 3px;
border-bottom: 1px solid #ddd;
margin-top: 15px;
content: '';
display: block;
}
.box{
padding-bottom: 10px;
margin-bottom: 25px;
}
.box h2{
color: #227c74;
font-size: 1.5em;
font-weight: 700;
text-transform: uppercase;
}
#awards,
#education{
margin-top: 20px;
margin-bottom: 0;
position: relative;
padding: 1em 0;
list-style: none;
}
#awards:before,
#education:before {
width: 5px;
height: 100%;
position: absolute;
left: 35px;
top: 0;
content: ' ';
display: block;
background: #32475c;
background: -moz-linear-gradient(top, #ffffff 0%, #32475c 7%, #32475c 89%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(7%,#32475c), color-stop(89%,#32475c), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
#awards li,
#education li{
width: 100%;
z-index: 2;
position: relative;
float: left;
}
#awards .year,
#education .year{
width: 14%;
background: #fff;
padding: 10px;
font-weight: 700;
display: inline-block;
}
#awards .description,
#education .description{
width: 83%;
display: inline-block;
background: #eee;
margin-bottom: 10px;
position: relative;
padding: 10px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#awards .description:after,
#education .description:after {
content: '';
position: absolute;
top: 15px;
right: 0;
left: -16px;
height: 0;
width: 0;
border: solid transparent;
border-right-color: #eee;
border-width: 8px;
pointer-events: none;
}
#awards .description h3,
#education .description h3{
font-size: 1.2em;
margin: 0;
padding: 0;
font-weight: 700;
}
#awards .description p,
#education .description p{
margin-top: 5px;
padding: 0;
}
.job{
margin-bottom: 15px;
}
.job .details {
margin-left: 3%;
width: 95%;
padding: 10px;
margin-bottom: 10px;
background: #eee;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.job .where{
font-size: 1.2em;
font-weight: bold;
}
.job .year{
opacity: 0.7;
}
.job .profession{
font-size: 1.2em;
font-weight: bold;
}
.job .description{
line-height: 1.5em;
}
.job .highlights{
padding: 5px 0;
font-weight: bold;
}
.job .job-details {
padding-left: 5%;
width: 100%;
}
.publication {
margin-bottom: 0;
}
.publication .name{
font-size: 1em;
font-weight: bold;
}
.publication .year{
opacity: 0.7;
}
.publication p{
margin: 0;
padding-top: 10px;
}
.contact-item{
width: 100%;
float: left;
}
.contact-item .icon{
padding: 10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color: #32475c;
background: #eee;
}
.contact-item:last-child .icon{
border-bottom: none;
}
.contact-item .title{
width: 80%;
width: calc(100% - 55px);
font-weight: 700;
opacity: 0.9;
}
.contact-item .title.only{
margin-top: 10px;
}
.contact-item .description{
width: 80%;
width: calc(100% - 55px);
color: #334960;
}
.item-interests,
.item-skills{
height: 30px;
color: #334960;
padding: 5px 10px;
margin-bottom: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.1em;
font-weight: 600;
}
.interest,
.skill{
color: #fff;
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
padding: 5px 10px;
background: #32475c;
position: relative;
font-size: .85em;
}
.skill-level {
background-color: #227c74;
border-radius: 4px;
color: #fff;
padding: 1px 8px;
font-size: .75em;
position: absolute;
margin: 1px 10px;
}
#language-skills .skill{
margin: 10px 0;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
</style>
<style type="text/css" media="print">
body {
font-size: .95em;
-webkit-print-color-adjust: exact;
}
a[href]:after {
content: none !important;
}
#photo{
display: none;
}
.box {
margin-bottom: -10px;
}
.col-sm-5{
width: 40%;
padding: 0 15px;
}
.col-sm-7{
width: 60%;
padding: 0 15px;
}
.skills .col-sm-offset-1,
.interests .col-sm-offset-1{
margin-top: -10px;
margin-bottom: 5px;
}
#education {
margin: 0;
margin-bottom: -20px;
}
#awards:before,
#education:before {
background: none;
}
#awards .description,
#education .description,
.job .details {
border: 1px solid #eee;
}
.publication,
.publication .panel-heading,
.publication .name{
margin: 0;
padding: 0 5px;
border: none;
}
.publication .panel-body {
padding: 0 10px;
margin: 0;
}
.badge {
margin: 0;
}
.list-group-item{
border: none;
margin: 0;
padding: 5px 15px;
}
.list-group-item:after{
content: '';
position: absolute;
top: 8px;
right: 0;
left: -1px;
height: 0;
width: 0;
border: solid transparent;
border-right-color: #999;
border-width: 4px;
pointer-events: none;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xs-12">
<div id="photo-header" class="text-center">
<!-- PHOTO (AVATAR) -->
<div id="photo">
<img src="http:&#x2F;&#x2F;i.imgur.com&#x2F;OJbjqTZ.jpg" alt="avatar">
</div>
<div id="text-header">
<h1>Alice Strete<br><span>MA Researcher</span></h1>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-7">
<!-- ABOUT ME -->
<div class="box">
<h2><i class="fa fa-user ico"></i> About</h2>
<p>Master's research in Experimental Publishing at the Piet Zwart Institute, Rotterdam, Netherlands. Currently working on research, art projects, zines, illustration. Latest projects can be found <a href="http://alicestrete.me/work.html"
target="_blank"> here </a> </p>
</div>
<!-- WORK EXPERIENCE -->
<div class="box">
<h2><i class="far fa-keyboard"></i> Projects</h2>
<div class="job clearfix">
<div class="row">
<div class="details">
<div class="where">The Happiness Project</div>
<div class="address"> <a href="https://www.instagram.com/steel.happy/" target="_blank"> https://www.instagram.com/steel.happy/</a>
</div>
<div class="year">2018, presentation in progress</div>
</div>
</div>
<div class="row">
<div class="job-details col-xs-11">
<div class="profession">Public Intervention</div>
<div class="description">Part of Timeline Gallery, collaboration with SIGN Groningen
</div>
</div>
</div>
</div>
<div class="job clearfix">
<div class="row">
<div class="details">
<div class="where">XPPL</div>
<div class="address"> <a href="https://issue.xpub.nl/06/" target="_blank"> https://issue.xpub.nl/06/</a>
</div>
<div class="year">2018</div>
</div>
</div>
<div class="row">
<div class="job-details col-xs-11">
<div class="profession">Part of the Interfacing the Law Thematic Project, collaboration with the Piet Zwart Institute, Constant, and Leeszaal</div>
<div class="description">Collectively built pirate library
</div>
</div>
</div>
</div>
<div class="job clearfix">
<div class="row">
<div class="details">
<div class="where">Over/Under and CarlAndre</div>
<div class="address"> <a href="https://issue.xpub.nl/05/" target="_blank"> https://issue.xpub.nl/05/</a>
</div>
<div class="year">2018</div>
</div>
</div>
<div class="row">
<div class="job-details col-xs-11">
<div class="profession">Part of the OuNuPo Thematic Project, collaboration with the Piet Zwart Institute, Varia and Worm</div>
<div class="description">Two pieces of software art written in Python, in the context of the Ouvroir de Numerisation Potentielle.
</div>
</div>
</div>
</div>
<div class="job clearfix">
<div class="row">
<div class="details">
<div class="where">A Bed, a Chair and a Table</div>
<div class="address"> <a href="https://issue.xpub.nl/04/" target="_blank"> https://issue.xpub.nl/04/</a>
</div>
<div class="year">2017</div>
</div>
</div>
<div class="row">
<div class="job-details col-xs-11">
<div class="profession">Publication, collaboration with the Piet Zwart Institute, and Het Poortgebouw</div>
<div class="description">
</div>
</div>
</div>
</div>
</div>
<div class="box">
<h2><i class="far fa-bell"></i> Talks and Workshops</h2>
<div class="job clearfix">
<div class="row">
<div class="details">
<div class="where">.Pi.Rate.Chnic Meal Replacement Workshop</div>
<div class="address"> <a href="https://pad.xpub.nl/p/pyratechnic_3" target="_blank"> https://pad.xpub.nl/p/pyratechnic_3</a>
</div>
<div class="year">December 2018</div>
</div>
</div>
<div class="row">
<div class="job-details col-xs-11">
<div class="description">Workshop on collective cooking based on DIY meal replacement recipes
</div>
</div>
</div>
</div>
<div class="job clearfix">
<div class="row">
<div class="details">
<div class="where">Zine Machines</div>
<div class="address"> <a href="https://gitlab.constantvzw.org/zine-machines" target="_blank"> https://gitlab.constantvzw.org/zine-machines</a>
</div>
<div class="year">November 2018</div>
</div>
</div>
<div class="row">
<div class="job-details col-xs-11">
<div class="description">Workshop part of Spread Zinefest at SIGN Groningen. In collaboration with Angeliki Diakrousi and Luke Murphy
</div>
</div>
</div>
</div>
<div class="job clearfix">
<div class="row">
<div class="details">
<div class="where">Algologs</div>
<div class="address"> <a href="http://varia.zone/en/algologs.html" target="_blank"> http://varia.zone/en/algologs.html</a>
</div>
<div class="year">March 2018</div>
</div>
</div>
<div class="row">
<div class="job-details col-xs-11">
<div class="description">Presentation of Over/Under and Carlandre as part of the two-day Algologs event at Varia, Rotterdam
</div>
</div>
</div>
</div>
</div>
<div class="box">
<h2><i class="fas fa-money-bill-alt"></i> Work Experience</h2>
<div class="job clearfix">
<div class="row">
<div class="details">
<div class="where">Fairplanet</div>
<div class="address"> <a href="http:&#x2F;&#x2F;fairplanet.org" target="_blank"> http:&#x2F;&#x2F;fairplanet.org</a>
</div>
<div class="year">March 2016 Present</div>
</div>
</div>
<div class="row">
<div class="job-details col-xs-11">
<div class="profession">Social Media Editor</div>
<div class="description">I manage social media for the NGO concerned with human rights and environmental issues. I seek out organizations and NGOs and facilitate collaborations with them.
</div>
</div>
</div>
</div>
<div class="job clearfix">
<div class="row">
<div class="details">
<div class="where">Kaus Group</div>
<div class="address"> <a href="http:&#x2F;&#x2F;kausmediagroup.com" target="_blank"> http:&#x2F;&#x2F;kausmediagroup.com</a>
</div>
<div class="year">September 2012 Present</div>
</div>
</div>
<div class="row">
<div class="job-details col-xs-11">
<div class="profession">Copywriter</div>
<div class="description">Writing engaging copy for local companies in Myanmar, to help them build and grow their campaigns.
</div>
</div>
</div>
</div>
</div>
<!-- AWARDS -->
<div class="box">
<h2><i class="fa fa-certificate ico"></i> Awards</h2>
<ul id="awards" class="clearfix">
<li>
<div class="year pull-left">2013</div>
<div class="description pull-right">
<h3>Publifest Advertising Students&#39; Festival</h3>
<p><i class="fa fa-trophy ico"></i> Best Print, Best Campaign</p>
<p></p>
</div>
</li>
<li>
<div class="year pull-left">2013</div>
<div class="description pull-right">
<h3>Deutsches Kulturzentrum Klausenburg</h3>
<p><i class="fa fa-trophy ico"></i> CEFR Level B1</p>
<p></p>
</div>
</li>
<li>
<div class="year pull-left">2010</div>
<div class="description pull-right">
<h3>University of Cambridge, ESOL Examinations</h3>
<p><i class="fa fa-trophy ico"></i> CEFR Level C2</p>
<p></p>
</div>
</li>
</ul>
</div>
<!-- VOLUNTEER -->
<div class="box">
<h2><i class="fa fa-group ico"></i> Internships/Volunteering </h2>
<div class="job clearfix">
<div class="row">
<div class="details">
<div class="where">Printroom Rotterdam</div>
<div class="address"> <a href="http://www.printroom.org/" target="_blank"> http://www.printroom.org/</a>
</div>
<div class="year">October 2017 Present</div>
</div>
</div>
</div>
<div class="job clearfix">
<div class="row">
<div class="details">
<div class="where">Sykes Cluj-Napoca</div>
<div class="address"> <a href="http:&#x2F;&#x2F;www.sykes.com&#x2F;romania&#x2F;" target="_blank"> http:&#x2F;&#x2F;www.sykes.com&#x2F;romania&#x2F;</a>
</div>
<div class="year">April 2013 June 2013</div>
</div>
</div>
</div>
<div class="job clearfix">
<div class="row">
<div class="details">
<div class="where">Vitrina Advertising</div>
<div class="address"> <a href="http:&#x2F;&#x2F;www.vitrina.ro&#x2F;english" target="_blank"> http:&#x2F;&#x2F;www.vitrina.ro&#x2F;english</a>
</div>
<div class="year">2012</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-5">
<!-- CONTACT -->
<div class="box clearfix">
<h2><i class="fa fa-bullseye ico"></i> Contact</h2>
<div class="contact-item">
<div class="icon pull-left text-center"><span class="fa fa-map-marker fa-fw"></span>
</div>
<div class="description pull-right">Rotterdam, Netherlands</div>
</div>
<div class="contact-item">
</div>
<div class="contact-item">
<div class="icon pull-left text-center"><span class="fa fa-envelope fa-fw"></span>
</div>
<div class="title only pull-right"><a href="mailto:alice.strt@gmail.com" target="_blank">alice.strt@gmail.com</a>
</div>
</div>
<div class="contact-item">
<div class="icon pull-left text-center"><span class="far fa-browser"></span>
</div>
<div class="title only pull-right"><a href="http:&#x2F;&#x2F;alicestrete.me" target="_blank">http:&#x2F;&#x2F;alicestrete.me</a>
</div>
</div>
<div class="contact-item">
<div class="icon pull-left text-center"><span class="far fa-browser"></span>
</div>
<div class="title only pull-right"><a href="https://pzwiki.wdka.nl/mediadesign/User:Alice" target="_blank"> Student Wiki</a>
</div>
</div>
</div>
<!-- EDUCATION -->
<div class="box">
<h2><i class="fa fa-university ico"></i> Education</h2>
<ul id="education" class="clearfix">
<li>
<div class="year pull-left">2017-present</div>
<div class="description pull-right">
<h3>Piet Zwart Institute, MA</h3>
<p></p>
</div>
</li>
<li>
<div class="year pull-left">2013 2014</div>
<div class="description pull-right">
<h3>Dublin City University</h3>
<p></p>
<p>GPA: 6.6</p>
</div>
</li>
<li>
<div class="year pull-left">2011 2014</div>
<div class="description pull-right">
<h3>Babes-Bolyai University</h3>
<p></p>
<p>GPA: 9.6</p>
</div>
</li>
</ul>
</div>
<!-- LANGUAGES -->
<div class="box">
<h2><i class="fa fa-language ico"></i> Languages</h2>
<ul class="list-group">
<li class=" list-group-item">Romanian - native<span class="skill badge pull-right"></span>
</li>
<li class=" list-group-item">English - fluent<span class="skill badge pull-right"></span>
</li>
<li class=" list-group-item">German - intermediate<span class="skill badge pull-right"></span>
</li>
<li class=" list-group-item">Spanish - intermediate<span class="skill badge pull-right"></span>
</li>
</ul>
</div>
<!-- HOBBIES -->
<div class="box">
<h2><i class="fa fa-heart ico"></i> Interests</h2>
<div class="interests clearfix">
<div class="item-interests">Illustration</div>
<div class="col-sm-offset-1 col-sm-12 clearfix"></div>
</div>
<div class="interests clearfix">
<div class="item-interests">Programming</div>
<div class="col-sm-offset-1 col-sm-12 clearfix"></div>
</div>
<div class="interests clearfix">
<div class="item-interests">Political economy of food</div>
<div class="col-sm-offset-1 col-sm-12 clearfix"></div>
</div>
</div>
</div>
</div>
</div>
<!-- JQUERY -->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<!-- BOOTSTRAP -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>