alicestrt/alicestrete.me
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added projects, removed icons

Browse Source
This commit is contained in:
alicestrt 2019-01-08 16:03:31 +01:00 committed by GitHub
parent e75dc82e80
commit f9664c0701
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 152 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

180
cv.html
View File

@ -9,6 +9,7 @@
<title>Resume of Alice Strete</title> <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/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 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"> <style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
@charset "utf-8"; @charset "utf-8";
@ -17,7 +18,7 @@
@-ms-viewport { width: device-width; } @-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; } @-o-viewport { width: device-width; }
@viewport { width: device-width; } @viewport { width: device-width; }
body{ body{
font-family: 'Open Sans', Arial, Tahoma; font-family: 'Open Sans', Arial, Tahoma;
font-weight: 400; font-weight: 400;
@ -27,13 +28,13 @@
blockquote { blockquote {
font-size: 1em; font-size: 1em;
} }
.container{ .container{
margin-top: 80px; margin-top: 80px;
margin-bottom: 15px; margin-bottom: 15px;
background: #fff; background: #fff;
} }
#photo-header{ #photo-header{
margin-top: -75px; margin-top: -75px;
} }
@ -79,7 +80,7 @@
content: ''; content: '';
display: block; display: block;
} }
.box{ .box{
padding-bottom: 10px; padding-bottom: 10px;
margin-bottom: 25px; margin-bottom: 25px;
@ -90,7 +91,7 @@
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
} }
#awards, #awards,
#education{ #education{
margin-top: 20px; margin-top: 20px;
@ -169,7 +170,7 @@
margin-top: 5px; margin-top: 5px;
padding: 0; padding: 0;
} }
.job{ .job{
margin-bottom: 15px; margin-bottom: 15px;
} }
@ -218,7 +219,7 @@
margin: 0; margin: 0;
padding-top: 10px; padding-top: 10px;
} }
.contact-item{ .contact-item{
width: 100%; width: 100%;
float: left; float: left;
@ -247,7 +248,7 @@
width: calc(100% - 55px); width: calc(100% - 55px);
color: #334960; color: #334960;
} }
.item-interests, .item-interests,
.item-skills{ .item-skills{
height: 30px; height: 30px;
@ -280,7 +281,7 @@
position: absolute; position: absolute;
margin: 1px 10px; margin: 1px 10px;
} }
#language-skills .skill{ #language-skills .skill{
margin: 10px 0; margin: 10px 0;
padding-bottom: 10px; padding-bottom: 10px;
@ -292,15 +293,15 @@
font-size: .95em; font-size: .95em;
-webkit-print-color-adjust: exact; -webkit-print-color-adjust: exact;
} }
a[href]:after { a[href]:after {
content: none !important; content: none !important;
} }
#photo{ #photo{
display: none; display: none;
} }
.box { .box {
margin-bottom: -10px; margin-bottom: -10px;
} }
@ -308,18 +309,18 @@
width: 40%; width: 40%;
padding: 0 15px; padding: 0 15px;
} }
.col-sm-7{ .col-sm-7{
width: 60%; width: 60%;
padding: 0 15px; padding: 0 15px;
} }
.skills .col-sm-offset-1, .skills .col-sm-offset-1,
.interests .col-sm-offset-1{ .interests .col-sm-offset-1{
margin-top: -10px; margin-top: -10px;
margin-bottom: 5px; margin-bottom: 5px;
} }
#education { #education {
margin: 0; margin: 0;
margin-bottom: -20px; margin-bottom: -20px;
@ -328,7 +329,7 @@
#education:before { #education:before {
background: none; background: none;
} }
#awards .description, #awards .description,
#education .description, #education .description,
.job .details { .job .details {
@ -345,11 +346,11 @@
padding: 0 10px; padding: 0 10px;
margin: 0; margin: 0;
} }
.badge { .badge {
margin: 0; margin: 0;
} }
.list-group-item{ .list-group-item{
border: none; border: none;
margin: 0; margin: 0;
@ -391,17 +392,140 @@
<!-- ABOUT ME --> <!-- ABOUT ME -->
<div class="box"> <div class="box">
<h2><i class="fa fa-user ico"></i> About</h2> <h2><i class="fa fa-user ico"></i> About</h2>
<p>MA Student in Experimental Publishing at the Piet Zwart Institute, Rotterdam, Netherlands. Currently working on research, art projects, zines, illustration. Latest project can be found <a href="https://issue.xpub.nl/04/" <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"><i class="fa fa-globe ico"></i> here </a> </p> target="_blank"> here </a> </p>
</div> </div>
<!-- WORK EXPERIENCE --> <!-- WORK EXPERIENCE -->
<div class="box"> <div class="box">
<h2><i class="fa fa-suitcase ico"></i> Work Experience</h2> <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="job clearfix">
<div class="row"> <div class="row">
<div class="details"> <div class="details">
<div class="where">Fairplanet</div> <div class="where">Fairplanet</div>
<div class="address"> <a href="http:&#x2F;&#x2F;fairplanet.org" target="_blank"><i class="fa fa-globe ico"></i> http:&#x2F;&#x2F;fairplanet.org</a> <div class="address"> <a href="http:&#x2F;&#x2F;fairplanet.org" target="_blank"> http:&#x2F;&#x2F;fairplanet.org</a>
</div> </div>
<div class="year">March 2016 – Present</div> <div class="year">March 2016 – Present</div>
</div> </div>
@ -418,7 +542,7 @@
<div class="row"> <div class="row">
<div class="details"> <div class="details">
<div class="where">Kaus Group</div> <div class="where">Kaus Group</div>
<div class="address"> <a href="http:&#x2F;&#x2F;kausmediagroup.com" target="_blank"><i class="fa fa-globe ico"></i> http:&#x2F;&#x2F;kausmediagroup.com</a> <div class="address"> <a href="http:&#x2F;&#x2F;kausmediagroup.com" target="_blank"> http:&#x2F;&#x2F;kausmediagroup.com</a>
</div> </div>
<div class="year">September 2012 – Present</div> <div class="year">September 2012 – Present</div>
</div> </div>
@ -469,7 +593,7 @@
<div class="row"> <div class="row">
<div class="details"> <div class="details">
<div class="where">Printroom Rotterdam</div> <div class="where">Printroom Rotterdam</div>
<div class="address"> <a href="http://www.printroom.org/" target="_blank"><i class="fa fa-globe ico"></i> http://www.printroom.org/</a> <div class="address"> <a href="http://www.printroom.org/" target="_blank"> http://www.printroom.org/</a>
</div> </div>
<div class="year">October 2017 – Present</div> <div class="year">October 2017 – Present</div>
</div> </div>
@ -480,7 +604,7 @@
<div class="row"> <div class="row">
<div class="details"> <div class="details">
<div class="where">Sykes Cluj-Napoca</div> <div class="where">Sykes Cluj-Napoca</div>
<div class="address"> <a href="http:&#x2F;&#x2F;www.sykes.com&#x2F;romania&#x2F;" target="_blank"><i class="fa fa-globe ico"></i> http:&#x2F;&#x2F;www.sykes.com&#x2F;romania&#x2F;</a> <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>
<div class="year">April 2013 – June 2013</div> <div class="year">April 2013 – June 2013</div>
</div> </div>
@ -491,7 +615,7 @@
<div class="row"> <div class="row">
<div class="details"> <div class="details">
<div class="where">Vitrina Advertising</div> <div class="where">Vitrina Advertising</div>
<div class="address"> <a href="http:&#x2F;&#x2F;www.vitrina.ro&#x2F;english" target="_blank"><i class="fa fa-globe ico"></i> http:&#x2F;&#x2F;www.vitrina.ro&#x2F;english</a> <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>
<div class="year">2012</div> <div class="year">2012</div>
</div> </div>
@ -520,13 +644,13 @@
</div> </div>
</div> </div>
<div class="contact-item"> <div class="contact-item">
<div class="icon pull-left text-center"><span class="fa fa-globe fa-fw"></span> <div class="icon pull-left text-center">
</div> </div>
<div class="title only pull-right"><a href="http:&#x2F;&#x2F;alicestrete.me" target="_blank">http:&#x2F;&#x2F;alicestrete.me</a> <div class="title only pull-right"><a href="http:&#x2F;&#x2F;alicestrete.me" target="_blank">http:&#x2F;&#x2F;alicestrete.me</a>
</div> </div>
</div> </div>
<div class="contact-item"> <div class="contact-item">
<div class="icon pull-left text-center"><span class="fa fa-globe fa-fw"></span> <div class="icon pull-left text-center">
</div> </div>
<div class="title only pull-right"><a href="https://pzwiki.wdka.nl/mediadesign/User:Alice" target="_blank"> Student Wiki</a> <div class="title only pull-right"><a href="https://pzwiki.wdka.nl/mediadesign/User:Alice" target="_blank"> Student Wiki</a>
</div> </div>