initial repos

master
ugrnm 7 years ago
commit 25b14c8228

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

@ -0,0 +1,32 @@
Grilli Type Web Fonts
End User License Agreement
Version 1.7 / April 2014
1) This is an agreement between you, the purchaser and licensee, and GrilliType GmbH (hereafter Grilli Type). By purchasing, or downloading, or installing, or using, or otherwise handling the digital typeface software (hereafter fonts), you accept the terms of this agreement. In accepting the terms of this agreement, you acknowledge understanding and complying with its terms. This agreement replaces and supersedes any previously made oral or written proposal or agreement between you and Grilli Type.
2a) You are purchasing a certain amount of licenses to use fonts by Grilli Type on a certain number of devices within your organization, and on servers under your control to serve to a specific number of visitors per month. You are purchasing so-called “self-hosted” fonts that you host on your own servers. You are not purchasing the copyright to the design or any other part of the fonts, but the rights to use the fonts as specified in this agreement.
2b) “Within your organization” shall mean usage inside your company or organization, across all your business locations, but shall not include usage by clients or other third parties, including self-employed parties who are working for you but not at one of your business locations. Self-employed third parties temporarily working at one of your business locations on your devices are considered part of your organization.
2c) “On servers under your control” shall mean that all fonts are solely stored using online storage (hereafter servers) to serve websites for which you or your organization have sole administrative access to (aside from the owner of the server).
2d) “Visitors per month” shall mean the number of uniquely identifiable users visiting your website. You have to record and control the number of monthly visitors by using an analytics tool generally recognized to be able to properly document the number of unique visitors to a website. You may exceed your limit of maximum monthly visitors as specified by your license one time for one month. If you exceed your monthly visitors limit at any later point, after that one month you exceeded your limit already, you have to buy additional licenses. Grilli Type reserves the right to request and receive screenshots of your analytics tool to prove the amount of unique visitors per month is below the maximum limit of allowed visitors that you have purchased licenses for.
3a) For each license you purchase, you may install the fonts on a maximum number of devices within your organization, as specified on your invoice and during the purchasing process. The use of the fonts on devices in your organization is restricted to preparing their use on servers, for activities generally called “web design” and “web development”.
3b) For each license you purchase, you may install the fonts on any number of hosting services for any number of domains, as long as the overall number of unique visitors of all websites served from those servers and domains together is below the number you have purchased licenses for. The number of allowed unique visitors is noted during your purchase and on your invoice.
4) You can make archival copies of the fonts for your own purposes, counting additionally to the amount of devices you licensed the fonts for. You shall not distribute the fonts to people outside of your organization. A copy of the fonts may be sent to a third-party website developer if absolutely necessary. The fonts may be embedded into websites using the CSS @font-face technique. The fonts may not be embedded into any other format or in any other way under this license.
5) You may not use the fonts to create or save bitmap or vector images, except for usage directly related to the websites you are creating. This includes the creation of images for use directly in the websites itself (only in the formats JPG, PNG, GIF, SVG). It also includes usage to create previews of the website you are designing, to receive feedback on your website design, or show the website design in your portfolio. You expressly may not use this license to create bitmap or vector images for any other use, for example for a logo.
6) You may modify the fonts for your own purposes after receiving written permission from Grilli Type. Any rights, including but not limited to copyrights and trademarks, of both the original version and the edited version remains with Grilli Type and their respective owners, and the number of devices and servers covered by the license remains the same overall. You may not modify the fonts without first gaining written permission from Grilli Type. Outside of their legal use as described in this license, you may not distribute, lend, rent, sell, give away, publicly or privately share any modified or unmodified version of the fonts. Grilli Type does not offer any support for or guarantee the proper functioning of any modified fonts.
7) We try to produce our fonts to the highest and most up-to-date technical standards. If you do experience any difficulties with our fonts, we will do everything that we can to work with you to resolve any issues. If, after we have worked with you to resolve any technical issues, you are still not satisfied with our product, we will be pleased to refund your money, which shall be the limit of our liability in this transaction. Any such refund terminates your license to use the fonts. Only technical issues are reason for refund, and you have to show clearly that they do exist and can not be resolved by Grilli Type. You must give Grilli Type notice of such problems in the first 30 days after your purchase. The actual refund can only be given in the first 60 days after the purchase, and not at any time after that.
8) Any breach of the terms and conditions of this agreement terminates your license to use the fonts. After any termination of the agreement you must destroy any copies of the fonts, including your archival copies.
9) Any and all rights not expressly granted in this agreement are reserved to Grilli Type.
10) The agreement shall be governed by and construed in accordance with Swiss law. Place of performance is Zurich, Switzerland. The courts of Zurich, Switzerland shall have jurisdiction.

Binary file not shown.

After

Width:  |  Height:  |  Size: 493 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 233 KiB

@ -0,0 +1,201 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
@font-face {
font-family: "cinetype";
src: url('font/GT-Cinetype-Bold.eot'); /* IE9 Compat Modes */
src: url('font/GT-Cinetype-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font/GT-Cinetype-Bold.otf') format("opentype"),
url('font/GT-Cinetype-Bold.ttf') format("truetype"),
url('font/GT-Cinetype-Bold.woff') format("woff");
}
body{
margin: 0;
padding: 0;
border: 0;
background-image: url("img/cropped-pattern.jpg");
background-repeat: repeat;
height:1480px;
font-family: "cinetype", Helvetica, sans-serif;
color:#ff662c;
}
a{
color:#ff662c;
}
.big{
font-size: 30px;
text-align: right;
line-height: 10px;
}
.small{
font-size: 12px;
text-align: justify;
text-align-last: right;
}
.small-right{
font-size: 12px;
text-align: right;
}
.icons{
width:20px;
margin: 10px;
}
/*BIGGER THAN 800PX SCREEN*/
@media (min-width: 800px){
.big-two{
font-size: 30px;
text-align: right;
line-height: 10px;
}
.info-op-is-op{
position:fixed;
right:50px;
top:19px;
width:650px;
height:588px;
background-color: white;
padding:10px 20px 10px 30px;
}
}
/*SMALLER THAN 800PX SCREEN*/
@media (max-width: 800px){
.big-two{
font-size: 30px;
text-align: right;
line-height: 30px;
}
.info-op-is-op{
position:relative;
top:80px;
width:80%;
/*height:588px;*/
padding:10px 20px 10px 30px;
}
.info-op-is-op-transparent{
position:fixed;
width:100%;
height:100%;
background-color: white;
opacity:0.8;
padding:10px 20px 10px 30px;
}
}
/*SMALLER THAN 480PX SCREEN*/
@media (max-width: 480px) {
.big-two{
font-size: 30px;
text-align: right;
line-height: 30px;
}
.info-op-is-op{
position:relative;
top:80px;
width:80%;
/*height:588px;*/
padding:10px 20px 10px 30px;
}
.info-op-is-op-transparent{
position:fixed;
width:100%;
height:100%;
background-color: white;
opacity:0.8;
padding:10px 20px 10px 30px;
}
}
</style>
</head>
<body>
<div class="info-op-is-op-transparent"></div>
<div class="info-op-is-op">
<p class="big">SAT 10.12.16</p>
<p class="big">19:00-23:00</p>
</br>
<p class="big">WORM</p>
<p class="big-two">Boomgaardsstraat 71, Rotterdam</p>
</br>
<!-- <p class="small">OP=OP is a publication about scarcity of resources that takes the shape of a board game. It questions the capitalist system, and players compete to become wealthier fighting to get the available resources and complete a series of missions. Come get the publication and play the game with us on the 10th of December at 19:00 @ <a href="https://www.facebook.com/worm.rotterdam/" target="_blank">WORM</a>. Be ready for dumpster diving food, drinks, dice and loads of fun.
</p> -->
<p class="small-right" style="margin-top:-10px; margin-bottom:25px;">19:00-19:30 - Presentation <br/>
19:30-23:00 - Game + drinks + snacks!</p>
<p class="small">OP=OP is the first special issue conceptualised, developed and produced this autumn by the students from the Experimental Publishing study path (XPUB) at the Media Design and Communication Master, Piet Zwart Institute. Derived from Monopoly, the publication takes the form of a board game that explores the topic of scarcity, with players competing for assets, services and raw materials, following their pre-defined agendas, establishing both regulated and unregulated trade transactions, while witnessing an accelerating depletion of all resources. By amplifying, modifying, and adding to the initial rules of Monopoly, OP=OP aims at triggering discussions on property, trades, ecology, and markets, thus breaking through the consumerist sugarcoating culture of the infamous board game, and bring back to light its origin as a critical device.</p>
<p class="small">Come get your copy of the limited publication/board hybrid and play the game with us on the 10th of December at 19:00 WORM Rotterdam (Slash Gallery)! We will serve special 'dumpster dived' food and snacks for all the players, and screen randomised extracts from WORM's Piratebay in relation to the special issue theme!</p>
<p class="small">This publication is brought to you by: Emily Buzzo, Karina Dukalska, Max Franklin, Giulia de Giovanelli, Clàudia Giralt, Pleun Gremmen, Francisco González, Julia Kul, Margreet Riphagen, Kimmy Spreeuwenberg, and Noémie Vidé.</p>
<p class="small" style="text-align:right;"><a href="https://www.instagram.com/xpub.pietzwart/" target="_blank"><img class="icons" src="img/Instagram%20Filled-50.png"/></a><a href="https://twitter.com/pzixpub" target="_blank"><img class="icons" src="img/Twitter-48.png"/></a><a href="https://www.facebook.com/xpub.pietzwart/" target="_blank"><img class="icons" src="img/Facebook-48.png"/></a></p>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 412 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Gidugu" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<title>Pushing the Score</title>
</head>
<body>
<header>
<div class="title"><span>TGC # 3 / MAT>NET>PU</span></div>
<div class="with">WITH JOHANNES BERGMARK, HIELE MARTENS, HELGA JAKOBSON & PZI XPUB STUDENTS</div>
<div class="info">
<span>Fri 24 Mar 2017 <br>
<a href="http://deplayer.nl/events/tgc-3-matnetpu-johannes-bergmark-hiele-mar tens-helga-jakobson-pzi-xpub-students">@DE PLAYER</a>
<br> 20:00hrs
<br>Admission:&nbsp;€7,-</span>
</div>
<div class="location"><span>
Hillelaan 49 D, 3072 JE, <br>Rotterdam, The Netherlands</span>
</div>
</header>
<table class="content">
<tr>
<th><p class="artist">TGC #3 </p></th>
<th><p class="artist">XPUB (x)</p></th>
</tr>
<tr>
<td>
</p>
TGC #3 is the third issue of the TETRA GAMMA CIRCULAIRE series (an unknown audio magazine), initiated in 2015 by the polymorphic production platform DE PLAYER in Rotterdam. But it is also the second Special Issue of the Experimental Publishing (XPUB) programme of the Media Design Master of the Piet Zwart Institute (are you still following?). The TGC series is famous as a magazine because it has no limits nor exact face and appears in unexpected solutions and situations. TGC #3 fits right in. Concretely, very concretely, TGC #3 is in itself a particular kind of publishing platform (some may dare say a jukebox) experimentally engineered for sonic experiments, instruments, and installations. The first edition is limited to 12 copies, and to inaugurate its launch it is distributed with works created and compiled by the XPUB students.This evening, the new issue will be demonstrated in its dynamic applications and for the festivity we flew in some other nerdy sound makers and breakers.
</p>
</td>
<td>
</p>
Experimental Publishing is a new course of the Piet Zwart Institute's Media Design Master programme. The concept of the course revolves around two core principles: first, the inquiry into the technological, political and cultural processes through which things are made public; and second, the desire to expand the notion of publishing beyond print media and its direct digital translation. The Experimental Publishing students who contributed to the development of TGC #3 are: <span class="students">
Karina Dukalska, Max Franklin, Giulia de Giovanelli, Clàudia Giralt, Franc González, Margreet Riphagen, Nadine Rotem-Stibbe and Kimmy Spreeuwenberg.</span></p>
</td>
</tr>
</table>
<div class="deplayerlogo"><img src="img/deplayersm.png" alt=""></div>
<div class="pzilogo"><img src="img/pzilogosmaller.png"></div>
<!-- <div class="background"><img src="PastedGraphic.png" alt=""></div>
-->
</body>
</html>

@ -0,0 +1,105 @@
body{ color: #4d0663;
font-weight: 700;
font-family: 'Droid Serif', serif;
background-image: url("img/background.jpg");
background-repeat: none;
}
header{
max-width:1000px;
margin: auto; }
.students{}
.deplayerlogo{
float: left;
}
.pzilogo{
width: 20px;
}
td {padding: 10px;}
.title span{background-color: rgba(230,0,0,.8);
padding-left: 30px;
padding-right: 30px;}
.title{
padding-top: 20px;
font-family: 'Gidugu', sans-serif;
color: #4d0663;
line-height: .9em;
font-size: 100px;
letter-spacing: 2px;
}
.with {background-color: rgba(230,0,0,.5);
padding-left: 10px;
padding-right: 10px;
letter-spacing: 2px;
margin-left: -50px;
margin-top: 20px;
font-family: 'Gidugu', sans-serif;
font-size: 60px;
line-height: .9em;
color: #4d0663;
max-width: 825px;
}
.info span {
text-transform: uppercase;
letter-spacing: 1px;
padding-left: 10px;
background-color: rgba(230,0,0,.7);}
.info {
margin-left: 200px;
font-size:40px;
color: white;}
.location span {
letter-spacing: 1px;
padding-left: 10px;
background-color: rgba(230,0,0,.7);}
.location {
margin-left: 300px;
font-size: 20px;
color: white;}
.description{
margin-left: 20px;
max-width: 400px;
display: inline-block; }
h2 {color: #011787;
font-family: 'Gidugu', sans-serif;
font-size: 40px;
line-height: .9em;
}
.artist{
font-family: 'Gidugu', sans-serif;
color: #4d0663;
float: left;
margin-bottom: -30px;
font-size:50px;
letter-spacing: 2px;
}
.who{font-weight: bold;}
.content{
background-color:rgba(255,255,255,.8);
max-width: 900px;
padding:10px;
margin: auto;}
.background{z-index: -1;}
/*////////mobile///////*/
@media screen and (max-width:767px) {
.title {line-height: 74px;
font-size: 60px;}
.with{font-size: 40px;
margin-left: 0px;}
.info{font-size: 30px;
margin-left: 0px;}
.location{
margin-left: 0px;}
.artist{
margin-top: -20px;
}
}/*/end of 767*/
Loading…
Cancel
Save