still missing: about giulia; nadine's work
lidia_p
5 years ago
parent
65ffabcd64
commit
6c9d14fbf8
@ -0,0 +1,72 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>Alt Reality Lexicon</title>
|
||||
<meta name="description" content="XPUB">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="pages.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id='wrapper'></div>
|
||||
<header>
|
||||
<h1 id='project-title'>Alt Reality Lexicon <a href='#hleft-text' id='show' class='int'>>></a></h1>
|
||||
<div id='links'>
|
||||
<h2 id='student-name'>Pleun Gremmen</h2>
|
||||
</div>
|
||||
<div id='hleft-text'>
|
||||
|
||||
<a href=# id='back'>
|
||||
<div id='inner-hleft-text'>
|
||||
<div id='ihtp'>
|
||||
<div id='about-project'>
|
||||
<p>The Alt Reality Lexicon (2018) is a lexicon of neologisms that helps the demystification and clarification of the language used by two prominent far-right online subcultures: the Alt-Right and the Manosphere by translating jargon to common language. In order to keep conversing about our differences the editors of the lexicon build a door in the walls of the echo chamber to open it up to a broader audience.</p>
|
||||
</div>
|
||||
<hr align='left'>
|
||||
<div id='about-student'>
|
||||
<p>Pleun is a visual artist and graphic designer aiming to research ways to create and share new narratives about current affairs and interests while pushing the boundaries of her practice.</p>
|
||||
</div>
|
||||
<span id='getback'> go back </span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
<section id='main'>
|
||||
<div id="galleries">
|
||||
<div id='publication'>
|
||||
<h3 class='gal-title'>Publication</h3>
|
||||
<ul id='publist'>
|
||||
<li><a href='pdf/pleun/Publication-AltRealityLexBook.pdf' target="_blank" class='ext'>Publication PDF</a></li>
|
||||
<li><a href='pdf/pleun/Publication-AltRealityLexBook-print.pdf' target="_blank" class='ext'>Printed publication PDF</a></li>
|
||||
</ul>
|
||||
<img src="img/pleun/pzithesis-4.jpg" class='workimg'/>
|
||||
<img src="img/pleun/pzithesis-2.jpg" class='workimg'/>
|
||||
<img src="img/pleun/pzithesis-7.jpg" class='workimg'/>
|
||||
<img src="img/pleun/pzithesis-8.jpg" class='workimg'/>
|
||||
<img src="img/pleun/PublicationAltRealityLexicon-1.jpg" class='workimg'/>
|
||||
<img src="img/pleun/PublicationAltRealityLexicon-2.jpg" class='workimg'/>
|
||||
</div>
|
||||
<div id='work'>
|
||||
<h3 class='gal-title'>Work</h3>
|
||||
<img src="img/pleun/wiki-1.jpg" class='workimg'/>
|
||||
<img src="img/pleun/wiki-2.jpg" class='workimg'/>
|
||||
<img src="img/pleun/videoscreenshot.jpg" class='workimg'/>
|
||||
</div>
|
||||
<div id='gradshow'>
|
||||
<h3 class='gal-title'>Graduation Show</h3>
|
||||
<img src="img/pleun/gradshow-1.jpg" class='workimg'/>
|
||||
<img src="img/pleun/gradshow-2.jpg" class='workimg'/>
|
||||
<img src="img/pleun/gradshow-3.jpg" class='workimg'/>
|
||||
<img src="img/pleun/gradshow-4.jpg" class='workimg'/>
|
||||
<img src="img/pleun/gradshow-5.jpg" class='workimg'/>
|
||||
<img src="img/pleun/gradshow-6.jpg" class='workimg'/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,68 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>Anomolous Faces</title>
|
||||
<meta name="description" content="XPUB">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="pages.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id='wrapper'></div>
|
||||
<header>
|
||||
<h1 id='project-title'>Anomolous Faces <a href='#hleft-text' id='show' class='int'>>></a></h1>
|
||||
<div id='links'>
|
||||
<h2 id='student-name'>Max Franklin</h2>
|
||||
</div>
|
||||
<div id='hleft-text'>
|
||||
|
||||
<a href=# id='back'>
|
||||
<div id='inner-hleft-text'>
|
||||
<div id='ihtp'>
|
||||
<div id='about-project'>
|
||||
<p>Improvisation poses questions upon the production and dissemination of artistic work in terms of its material value, and traditional attributions of mastery.<br>
|
||||
Karen Eliot is an improviser, musician, artist, and activist who works to resist standardised valuation of artistic practice. Her work cannot be characterised in distinct forms, but exists as a multitude of actions, challenging ownership, identity and representation.</p>
|
||||
</div>
|
||||
<hr align='left'>
|
||||
<div id='about-student'>
|
||||
<p>Max Franklin is a musician and digital artist currently based in Rotterdam. His work is concerned with the fragile nature of improvisation in music, with software. He has worked within this position since completing his studies in Music, moving between a wide range of acts involving music, technology, design, arts and education.</p>
|
||||
</div>
|
||||
<span id='getback'> go back </span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
<section id='main'>
|
||||
<div id="galleries">
|
||||
<div id='publication'>
|
||||
<h3 class='gal-title'>Publication</h3>
|
||||
<ul id='publist'>
|
||||
<li><a href='pdf/max/Publication-POD_Thesis_Max-Franklin.pdf' target="_blank" class='ext'>Publication PDF</a></li>
|
||||
<li><a href='pdf/max/Publication-POD_Thesis_Max-Franklin-print.pdf' target="_blank" class='ext'>Printed publication PDF</a></li>
|
||||
</ul>
|
||||
<img src="img/max/pzithesis-5.jpg" class='workimg'/>
|
||||
<img src="img/max/pzithesis-3.jpg" class='workimg'/>
|
||||
<img src="img/max/pzithesis-4.jpg" class='workimg'/>
|
||||
<img src="img/max/pzithesis-2.jpg" class='workimg'/>
|
||||
</div>
|
||||
<div id='work'>
|
||||
<h3 class='gal-title'>Work</h3>
|
||||
<img src="img/max/pd_patch.png" class='workimg'/>
|
||||
</div>
|
||||
<div id='gradshow'>
|
||||
<h3 class='gal-title'>Graduation Show</h3>
|
||||
<img src="img/max/gradshow-1.jpg" class='workimg'/>
|
||||
<img src="img/max/gradshow-2.jpg" class='workimg'/>
|
||||
<img src="img/max/gradshow-3.jpg" class='workimg'/>
|
||||
<img src="img/max/gradshow-4.jpg" class='workimg'/>
|
||||
<img src="img/max/gradshow-5.jpg" class='workimg'/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,68 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>Back It Up</title>
|
||||
<meta name="description" content="XPUB">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="pages.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id='wrapper'></div>
|
||||
<header>
|
||||
<h1 id='project-title'>Back It Up <a href='#hleft-text' id='show' class='int'>>></a></h1>
|
||||
<div id='links'>
|
||||
<h2 id='student-name'>Karina Dukalska</h2>
|
||||
</div>
|
||||
<div id='hleft-text'>
|
||||
|
||||
<a href=# id='back'>
|
||||
<div id='inner-hleft-text'>
|
||||
<div id='ihtp'>
|
||||
<div id='about-project'>
|
||||
<p>The intangibility of social dances create a disruptive beauty of pure fulfilment in the moment, a true sense of flow, as well as a yearning for the fleeting memory that may be lost forever. Back It Up (2018) is an interactive performance of two swing dancers whose steps are controlled by the audience. It is accompanied by graphical notation systems, traces of the non-verbal dialogue between dancers and the atmosphere in the room recorded by the audience. The difference in perception of the experience is what makes every recording unique.</p>
|
||||
</div>
|
||||
<hr align='left'>
|
||||
<div id='about-student'>
|
||||
<p>Karina Dukalska is a graphic designer challenging the physicality of books by enforcing physical interaction. Engaging with the content through materials, tangibility and actions deepens the experience of consuming the content itself.</p>
|
||||
</div>
|
||||
<span id='getback'> go back </span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
<section id='main'>
|
||||
<div id="galleries">
|
||||
<div id='publication'>
|
||||
<h3 class='gal-title'>Publication</h3>
|
||||
<ul id='publist'>
|
||||
<li><a href='pdf/karina/Publication-Karina_ABC_thesis.pdf' target="_blank" class='ext'>Publication PDF</a></li>
|
||||
<li><a href='pdf/karina/Publication-Karina_ABC_thesis-print.pdf' target="_blank" class='ext'>Printed publication PDF</a></li>
|
||||
</ul>
|
||||
<img src="img/karina/pzithesis-3.jpg" class='workimg'/>
|
||||
<img src="img/karina/pzithesis-6.jpg" class='workimg'/>
|
||||
<img src="img/karina/pzithesis-5.jpg" class='workimg'/>
|
||||
<img src="img/karina/pzithesis-7.jpg" class='workimg'/>
|
||||
<img src="img/karina/publication-mockup.jpg" class='workimg'/>
|
||||
</div>
|
||||
<div id='work'>
|
||||
<h3 class='gal-title'>Work</h3>
|
||||
<img src="img/karina/web-screenshot.jpg" class='workimg'/>
|
||||
</div>
|
||||
<div id='gradshow'>
|
||||
<h3 class='gal-title'>Graduation Show</h3>
|
||||
<img src="img/karina/gradshow-1.jpg" class='workimg'/>
|
||||
<img src="img/karina/gradshow-2.jpg" class='workimg'/>
|
||||
<img src="img/karina/gradshow-3.jpg" class='workimg'/>
|
||||
<img src="img/karina/gradshow-4.jpg" class='workimg'/>
|
||||
<img src="img/karina/gradshow-5.jpg" class='workimg'/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,155 @@
|
||||
@import url("main.css");
|
||||
|
||||
body{
|
||||
color:black;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
background-color:white;
|
||||
}
|
||||
|
||||
/*header*/
|
||||
|
||||
|
||||
#project-title {
|
||||
font-size:calc(17px + 1.5vw);
|
||||
line-height:135%;
|
||||
margin-bottom:1%;
|
||||
}
|
||||
|
||||
#student-name {
|
||||
margin-bottom:0;
|
||||
font-weight:normal;
|
||||
font-size:calc(10px + 0.6vw);
|
||||
}
|
||||
|
||||
#hleft-text{
|
||||
overflow-y:auto;
|
||||
overflow-x:hidden;
|
||||
padding-right:1%;
|
||||
box-sizing:border-box;
|
||||
cursor:default;
|
||||
|
||||
}
|
||||
|
||||
#ihtp{
|
||||
|
||||
margin-top:3%;
|
||||
width:80%;
|
||||
color:black;
|
||||
}
|
||||
|
||||
#about-student{
|
||||
width:95%;
|
||||
color:#2f2f2f;
|
||||
font-size:calc(8px + 0.5vw);
|
||||
line-height: 130%;
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
hr{
|
||||
width:50%;
|
||||
color:#0f0;
|
||||
}
|
||||
|
||||
a#show{
|
||||
color:black;
|
||||
}
|
||||
/*section*/
|
||||
|
||||
section#main{
|
||||
overflow:auto;
|
||||
|
||||
}
|
||||
|
||||
#galleries{
|
||||
padding-top:3%;
|
||||
}
|
||||
|
||||
.gal-title{
|
||||
font-size:calc(12px + 0.7vw);
|
||||
}
|
||||
|
||||
#publist {
|
||||
line-height:155%;
|
||||
}
|
||||
|
||||
#publication a{
|
||||
color:black;
|
||||
}
|
||||
|
||||
#publication a:hover{
|
||||
text-decoration-color:#f3ca1b;
|
||||
}
|
||||
|
||||
.workimg{
|
||||
max-width: 47%;
|
||||
height: auto;
|
||||
padding: 0.5% 0.5% 0.5% 0;
|
||||
}
|
||||
|
||||
@media all and (min-width: 600px) and (max-width: 720px){
|
||||
|
||||
#about-student{
|
||||
font-size:calc(8px + 1.7vh);
|
||||
line-height:130%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media all and (min-width: 720px) and (max-width: 992px){
|
||||
|
||||
|
||||
/*header*/
|
||||
|
||||
#about-student{
|
||||
font-size:calc(10px + 1.7vh);
|
||||
line-height:130%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 600px){
|
||||
|
||||
|
||||
/*header*/
|
||||
|
||||
#about-student{
|
||||
font-size:calc(7px + 1.5vh);
|
||||
line-height:130%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 922px){
|
||||
|
||||
section#main{
|
||||
width:74%;
|
||||
left:27%;
|
||||
}
|
||||
|
||||
#galleries{
|
||||
padding-left:1%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width: 992px){
|
||||
|
||||
#links{
|
||||
width:30%;
|
||||
padding-right:5%;
|
||||
white-space:normal;
|
||||
}
|
||||
|
||||
#student-name{
|
||||
text-align:right;
|
||||
line-height:125%;
|
||||
}
|
||||
|
||||
#ihtp, #about-student{
|
||||
color:white;
|
||||
}
|
||||
|
||||
#getback {
|
||||
padding-bottom:5%;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,68 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>Referendum Medialogs</title>
|
||||
<meta name="description" content="XPUB">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="pages.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id='wrapper'></div>
|
||||
<header>
|
||||
<h1 id='project-title'>Referendum Medialogs <a href='#hleft-text' id='show' class='int'>>></a></h1>
|
||||
<div id='links'>
|
||||
<h2 id='student-name'>Franc González</h2>
|
||||
</div>
|
||||
<div id='hleft-text'>
|
||||
|
||||
<a href=# id='back'>
|
||||
<div id='inner-hleft-text'>
|
||||
<div id='ihtp'>
|
||||
<div id='about-project'>
|
||||
<p>Referendum Medialogs (2018) is a work in progress, mapping a journey of the events before, during and after the referendum, showing a series of conflicts leading to both blocking and distributing practices, in a context strongly characterized by nonstop overloads of inaccurate information. At the same time, Referendum Medialogs digs into the issue of disinformation and media noise, using open source revision control software to track and log article revisionism.</p>
|
||||
</div>
|
||||
<hr align='left'>
|
||||
<div id='about-student'>
|
||||
<p>Franc is a visual designer from Barcelona. His work intersects printed matter digging into the political side of software and design as part of his studies, in an ongoing quest to better understand the radical implications of digital tools to society and individuals in general. This has led to his current research in the use of revision control software applied to journalism, in the dramatic context surrounding the Catalan referendum.</p>
|
||||
</div>
|
||||
<span id='getback'> go back </span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
<section id='main'>
|
||||
<div id="galleries">
|
||||
<div id='publication'>
|
||||
<h3 class='gal-title'>Publication</h3>
|
||||
<ul id='publist'>
|
||||
<li><a href='pdf/franc/Publication-referendum_medialogs.pdf' target="_blank" class='ext'>Publication PDF</a></li>
|
||||
<li><a href='pdf/franc/Publication-referendum_medialogs-print.pdf' target="_blank" class='ext'>Printed publication PDF</a></li>
|
||||
</ul>
|
||||
<img src="img/franc/pzithesis-docu2018_1.jpg" class='workimg'/>
|
||||
<img src="img/franc/pzithesis-docu2018_5.jpg" class='workimg'/>
|
||||
<img src="img/franc/pzithesis-docu2018_7.jpg" class='workimg'/>
|
||||
<img src="img/franc/pzithesis-docu2018_2.jpg" class='workimg'/>
|
||||
</div>
|
||||
<div id='work'>
|
||||
<h3 class='gal-title'>Work</h3>
|
||||
<img src="img/franc/mainpagefrancwiki.jpg" class='workimg'/>
|
||||
<img src="img/franc/mainfg.jpg" class='workimg'/>
|
||||
<img src="img/franc/log-revisions.jpg" class='workimg'/>
|
||||
</div>
|
||||
<div id='gradshow'>
|
||||
<h3 class='gal-title'>Graduation Show</h3>
|
||||
<img src="img/franc/gradshow-1.jpg" class='workimg'/>
|
||||
<img src="img/franc/gradshow-2.jpg" class='workimg'/>
|
||||
<img src="img/franc/gradshow-3.jpg" class='workimg'/>
|
||||
<img src="img/franc/gradshow-4.jpg" class='workimg'/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,69 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>Unlearning the Rules of Collectivity</title>
|
||||
<meta name="description" content="XPUB">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="pages.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id='wrapper'></div>
|
||||
<header>
|
||||
<h1 id='project-title'>Unlearning the Rules of Collectivity <a href='#hleft-text' id='show' class='int'>>></a></h1>
|
||||
<div id='links'>
|
||||
<h2 id='student-name'>Giulia de Giovanelli</h2>
|
||||
</div>
|
||||
<div id='hleft-text'>
|
||||
|
||||
<a href=# id='back'>
|
||||
<div id='inner-hleft-text'>
|
||||
<div id='ihtp'>
|
||||
<div id='about-project'>
|
||||
<p>Unlearning the Rules of Collectivity (2018) is a research project that studies practices of collaboration for art and education models and existent communities. In the thesis, there is an interest in looking at the meaning of community and cooperation, and in rethinking these concepts in different terms. My proposal is to introduce different values that would aim to create a balance between individuals and their natural competitive forces, and the collective, with a need for community and cooperation. The research explores a variety of possibilities and values which calls for a need for balance.</p>
|
||||
</div>
|
||||
<hr align='left'>
|
||||
<div id='about-student'>
|
||||
<p>Franc is a visual designer from Barcelona. His work intersects printed matter digging into the political side of software and design as part of his studies, in an ongoing quest to better understand the radical implications of digital tools to society and individuals in general. This has led to his current research in the use of revision control software applied to journalism, in the dramatic context surrounding the Catalan referendum.</p>
|
||||
</div>
|
||||
<span id='getback'> go back </span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
<section id='main'>
|
||||
<div id="galleries">
|
||||
<div id='publication'>
|
||||
<h3 class='gal-title'>Publication</h3>
|
||||
<ul id='publist'>
|
||||
<li><a href='pdf/giulia/Publication-thesis Giuliade Giovanelli.pdf' target="_blank" class='ext'>Publication PDF</a></li>
|
||||
<li><a href='pdf/giulia/Publication-thesis Giuliade Giovanelli-print.pdf' target="_blank" class='ext'>Printed publication PDF</a></li>
|
||||
</ul>
|
||||
<img src="img/giulia/pzithesis-9.jpg" class='workimg'/>
|
||||
<img src="img/giulia/pzithesis-1.jpg" class='workimg'/>
|
||||
<img src="img/giulia/pzithesis-3.jpg" class='workimg'/>
|
||||
<img src="img/giulia/pzithesis-6.jpg" class='workimg'/>
|
||||
</div>
|
||||
<div id='work'>
|
||||
<h3 class='gal-title'>Work</h3>
|
||||
<img src="img/giulia/zine.jpg" class='workimg'/>
|
||||
<img src="img/giulia/sharedspace.jpg" class='workimg'/>
|
||||
<img src="img/giulia/autonomous-archive.jpg" class='workimg'/>
|
||||
<img src="img/giulia/schermata.jpg" class='workimg'/>
|
||||
<img src="img/giulia/gamegrad.jpg" class='workimg'/>
|
||||
</div>
|
||||
<div id='gradshow'>
|
||||
<h3 class='gal-title'>Graduation Show</h3>
|
||||
<img src="img/giulia/gradshow-1.jpg" class='workimg'/>
|
||||
<img src="img/giulia/gradshow-2.jpg" class='workimg'/>
|
||||
<img src="img/giulia/gradshow-3.jpg" class='workimg'/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue