minisite 07

master
Pedro Sá Couto 5 years ago
parent d860784151
commit 6b69fd248c

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 244 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 282 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 197 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 207 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 290 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 284 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 266 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 280 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 140 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 380 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 296 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 329 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 344 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 274 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 261 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 273 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

@ -1,28 +1,191 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Start up, Burn out: Life Hacks</title>
<link rel="stylesheet" href="style.css">
<script src="iris.js"></script>
</head>
<header>
<h1>Start up, Burn out:<br /> Life Hacks</h1>
<p>13.12.2018<br />19:30-21:30<br />Het Nieuwe Instituut<br /><br /><a href="https://www.eventbrite.nl/e/tickets-life-hacks-introducing-iris-53533095931"><span class="blink">EXCLUSIVE MANDATORY<br />FREE TICKETS HERE<br />(100% DISCOUNT 100% LEGIT)</blink></a></p>
</header>
<main>
<div class="box"><h2 id="oneliner-1">IRIS</h2></div>
<p>A shady corporation is trying to take control of a fluid, chaotic global market. Workers surrender themselves to a seductive new device called Iris, which purports to enlighten them and unleash the real power of the entrepreneurial self. Iris is designed to help full-time, part-time and zero-time employees cope with the complexity of modern life, divulging secrets of the precarious worker, of autonomy and maximum efficiency through a new magic formula contained in the meaning of Life Hacks. But… anonymous cyber-pirates are exploiting the device to rouse a cry of rebellion against this oppressive society of self-management. Discover the paradox buried deep within Iris, where autonomy leads to subjugation, and subjugation appears as freedom.</p>
<p>The Experimental Publishing (XPUB) program of the Piet Zwart Institute invites you to the third event of the Life Hacks series. Following the launch of Ten Theses on Life Hacks, XPUBs 7th Special Issue is a further step of an inquiry into the meaning of Life Hacks. XPUB welcomes you to experience a personal session with Iris, and discover your limitless potential to succeed.</p>
<div class="box"><h2 id="oneliner-2">IRIS</h2></div>
<p>Contributors: Gill Baldwin, Simon Browne, Tancredi Di Giovanni, Paloma García, Rita Graça, Artemis Gryllaki, Pedro Sá Couto, Biyi Wen, Bohye Woo, Silvio Lorusso, Aymeric Mansoux, André Castro, Steve Rushton, Michael Murtaugh, Leslie Robbins. Produced and published by the Experimental Publishing (XPUB) program of the Piet Zwart Institute, Rotterdam, December 2018. A collaboration between Silvio Lorusso, the Research Department of Het Nieuwe Instituut and XPUB.</p>
<div class="box"><h2 id="oneliner-3">IRIS</h2></div>
<p>Life Hacks is part of <a href="https://hetnieuweinstituut.nl/">Het Nieuwe Instituut</a>s fellowship program around the theme of burn-out. As 2017 fellow Ramon Amaro states, “on the one hand, to burn out is to stall, break, or become otherwise unusable. In other words, processes, procedure and participation simply stop working. On the other hand, burn-out is an opportunity to break open, promote action and catalyse change towards new structures and relations.”</p>
<p>Life Hacks manifests in a series of gatherings that respond to this ambivalence by exploring the approaches and techniques adopted to design or redesign life against the backdrop of growing precarity and an intensified entrepreneurial regime. Together with <a href="http://silviolorusso.com/">Silvio Lorusso</a>, theorists, practitioners and XPUB, the <a href="http://www.pzwart.nl/experimental-publishing/">Experimental Publishing program of the Piet Zwart Institute</a>, Life Hacks looks into the tensions and releases that emerge from the constant reinvention and progressive self-optimization necessary to inhabit public and private space, manage time and productivity, and tweak one's own thoughts and feelings.</p>
</main>
<footer>
<p>13.12.2018<br />19:30-21:30<br />Het Nieuwe Instituut<br /><br /><a href="https://www.eventbrite.nl/e/tickets-life-hacks-introducing-iris-53533095931"><span class="blink">EXCLUSIVE MANDATORY<br />FREE TICKETS HERE<br />(100% DISCOUNT 100% LEGIT)</blink></a></p>
<h1>Start up, Burn out:<br /> Life Hacks</h1>
</footer>
</body>
<html lang="en">
<head>
<title>&nbsp;IRIS</title>
<meta charset="UTF-8">
<meta name="description" content="Start up, Burn out: Life Hacks">
<meta name="date" content="DECEMBER 2018">
<meta name="keywords" content="HNI, Piet Zwart Institute, IRIS, Life Hacks, XPUB">
<meta name="author" content="XPUB">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="irisicon.png">
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="iris.js"></script>
<script src="mouse.js"></script>
</head>
<body>
<div class="back">
<img src="img/02.jpg">
</div>
<div class="left">
<div id="leftheader">
<a id="desktop" href="x_theses.pdf" download class="get">DOWNLOAD TEN THESES ON LIFE HACKS HERE!</p></a>
<a id="phone" href="x_theses.pdf" download class="get">DOWNLOAD TEN THESES ON DESKTOP VERSION!</p></a>
</div>
<div class="slideshow-container">
<div class="mySlides fade">
<img src="01/07.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="01/02.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="01/03.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="01/04.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="01/05.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="01/06.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="01/01.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="01/08.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="01/09.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="01/010.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="01/011.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="01/012.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="01/013.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="01/014.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="01/015.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="01/016.jpg" style="width:100%">
</div>
<a class="prev" onclick="plusSlides(-1)">PREVIOUS</a>
<a class="next" onclick="plusSlides(1)">NEXT</a>
</div>
<br>
<div id="topdots">
<img src="img/horizontaldots.png">
</div>
<div id="bottomdots">
<img src="img/horizontaldots.png">
</div>
</div>
<div class="right">
<div class="headeright">
<a href=#colophon class="menus">COLOPHON </a>
<a href=#video class="menus"> VIDEO </a>
<a href=#about class="menus"> ABOUT</a>
</div>
<main>
<video id="video" src="special_issue_07-web.mp4" poster="intro.jpg" controls></video>
<div class="block">
<div class="text">
<h1>Start up, Burn out:<br>
Life Hacks</h1>
<h2>13.12.2018<br>
Het Nieuwe Instituut</h2>
<p id="about">A shady corporation is trying to take control of a fluid, chaotic global market. Workers surrender themselves to a seductive new device called Iris, which purports to enlighten them and unleash the real power of the entrepreneurial self. Iris is designed to help full-time, part-time and zero-time employees cope with the complexity of modern life, divulging secrets of the precarious worker, of autonomy and maximum efficiency through a new magic formula contained in the meaning of Life Hacks. But… anonymous cyber-pirates are exploiting the device to rouse a cry of rebellion against this oppressive society of self-management. Discover the paradox buried deep within Iris, where autonomy leads to subjugation, and subjugation appears as freedom.</p><br>
<p>The Experimental Publishing (XPUB) program of the Piet Zwart Institute invites you to the third event of the Life Hacks series. Following the launch of Ten Theses on Life Hacks, XPUBs 7th Special Issue is a further step of an inquiry into the meaning of Life Hacks. XPUB welcomes you to experience a personal session with Iris, and discover your limitless potential to succeed.</p><br>
<p>Life Hacks is part of <a href="https://hetnieuweinstituut.nl/">Het Nieuwe Instituut</a>s fellowship program around the theme of burn-out. As 2017 fellow Ramon Amaro states, “on the one hand, to burn out is to stall, break, or become otherwise unusable. In other words, processes, procedure and participation simply stop working. On the other hand, burn-out is an opportunity to break open, promote action and catalyse change towards new structures and relations.”</p><br>
<p>Life Hacks manifests in a series of gatherings that respond to this ambivalence by exploring the approaches and techniques adopted to design or redesign life against the backdrop of growing precarity and an intensified entrepreneurial regime. Together with <a href="http://silviolorusso.com/">Silvio Lorusso</a>, theorists, practitioners and XPUB, the <a href="http://www.pzwart.nl/experimental-publishing/">Experimental Publishing program of the Piet Zwart Institute</a>, Life Hacks looks into the tensions and releases that emerge from the constant reinvention and progressive self-optimization necessary to inhabit public and private space, manage time and productivity, and tweak one's own thoughts and feelings.</p><br>
<h2 id="colophon">Contributors</h2>
<p id="colophon2">Gill Baldwin, Simon Browne, Tancredi Di Giovanni, Paloma García, Rita Graça, Artemis Gryllaki, Pedro Sá Couto, Biyi Wen, Bohye Woo, Silvio Lorusso, Aymeric Mansoux, André Castro, Steve Rushton, Michael Murtaugh, Leslie Robbins. Produced and published by the Experimental Publishing (XPUB) program of the Piet Zwart Institute, Rotterdam, December 2018. A collaboration between Silvio Lorusso, the Research Department of Het Nieuwe Instituut and XPUB.</p>
<img id="bo" src="02/iris.jpg">
</div>
</div>
</main>
</div>
<footer>
<span>
<div class="box">
<p id="oneliner-1">IRIS</p>
</div>
</span>
</footer>
</body>
<script language="JavaScript" type="text/JavaScript">
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
</script>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 399 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

@ -0,0 +1,89 @@
;(function(){
var msg = "IRIS version 0.5";
var size = 14;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.3;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();

Before

Width:  |  Height:  |  Size: 131 KiB

After

Width:  |  Height:  |  Size: 131 KiB

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Start up, Burn out: Life Hacks</title>
<link rel="stylesheet" href="style.css">
<script src="iris.js"></script>
</head>
<header>
<h1>Start up, Burn out:<br /> Life Hacks</h1>
<p>13.12.2018<br />19:30-21:30<br />Het Nieuwe Instituut<br /><br /><a href="https://www.eventbrite.nl/e/tickets-life-hacks-introducing-iris-53533095931"><span class="blink">EXCLUSIVE MANDATORY<br />FREE TICKETS HERE<br />(100% DISCOUNT 100% LEGIT)</blink></a></p>
</header>
<main>
<div class="box"><h2 id="oneliner-1">IRIS</h2></div>
<p>A shady corporation is trying to take control of a fluid, chaotic global market. Workers surrender themselves to a seductive new device called Iris, which purports to enlighten them and unleash the real power of the entrepreneurial self. Iris is designed to help full-time, part-time and zero-time employees cope with the complexity of modern life, divulging secrets of the precarious worker, of autonomy and maximum efficiency through a new magic formula contained in the meaning of Life Hacks. But… anonymous cyber-pirates are exploiting the device to rouse a cry of rebellion against this oppressive society of self-management. Discover the paradox buried deep within Iris, where autonomy leads to subjugation, and subjugation appears as freedom.</p>
<p>The Experimental Publishing (XPUB) program of the Piet Zwart Institute invites you to the third event of the Life Hacks series. Following the launch of Ten Theses on Life Hacks, XPUBs 7th Special Issue is a further step of an inquiry into the meaning of Life Hacks. XPUB welcomes you to experience a personal session with Iris, and discover your limitless potential to succeed.</p>
<div class="box"><h2 id="oneliner-2">IRIS</h2></div>
<p>Contributors: Gill Baldwin, Simon Browne, Tancredi Di Giovanni, Paloma García, Rita Graça, Artemis Gryllaki, Pedro Sá Couto, Biyi Wen, Bohye Woo, Silvio Lorusso, Aymeric Mansoux, André Castro, Steve Rushton, Michael Murtaugh, Leslie Robbins. Produced and published by the Experimental Publishing (XPUB) program of the Piet Zwart Institute, Rotterdam, December 2018. A collaboration between Silvio Lorusso, the Research Department of Het Nieuwe Instituut and XPUB.</p>
<div class="box"><h2 id="oneliner-3">IRIS</h2></div>
<p>Life Hacks is part of <a href="https://hetnieuweinstituut.nl/">Het Nieuwe Instituut</a>s fellowship program around the theme of burn-out. As 2017 fellow Ramon Amaro states, “on the one hand, to burn out is to stall, break, or become otherwise unusable. In other words, processes, procedure and participation simply stop working. On the other hand, burn-out is an opportunity to break open, promote action and catalyse change towards new structures and relations.”</p>
<p>Life Hacks manifests in a series of gatherings that respond to this ambivalence by exploring the approaches and techniques adopted to design or redesign life against the backdrop of growing precarity and an intensified entrepreneurial regime. Together with <a href="http://silviolorusso.com/">Silvio Lorusso</a>, theorists, practitioners and XPUB, the <a href="http://www.pzwart.nl/experimental-publishing/">Experimental Publishing program of the Piet Zwart Institute</a>, Life Hacks looks into the tensions and releases that emerge from the constant reinvention and progressive self-optimization necessary to inhabit public and private space, manage time and productivity, and tweak one's own thoughts and feelings.</p>
</main>
<footer>
<p>13.12.2018<br />19:30-21:30<br />Het Nieuwe Instituut<br /><br /><a href="https://www.eventbrite.nl/e/tickets-life-hacks-introducing-iris-53533095931"><span class="blink">EXCLUSIVE MANDATORY<br />FREE TICKETS HERE<br />(100% DISCOUNT 100% LEGIT)</blink></a></p>
<h1>Start up, Burn out:<br /> Life Hacks</h1>
</footer>
</body>
</html>

@ -0,0 +1,94 @@
(function () {
Messages = [
"My mind is bursting with bright ideas, kind words, and happiness.",
"No person, place, or thing has any power over me, for I am the only thinker in my mind.",
"Every experience I have is perfect for my growth.",
"I am a joyful breeze entering a room.",
"I feel safe in the rhythm and flow of ever-changing life.",
"I am my own superhero.",
"My body is healthy, and Im grateful.",
"I choose not to criticize myself or others around me.",
"I love myself fully, including the way I look.",
"Negative thoughts only have the power I allow them.",
"Today I create a wonderful new day and a wonderful new future.",
"Being miserable is a habit; being happy is a habit; the choice is mine.",
"My financial prospect brings me joy.",
"A problem is a chance for me to do my very best.",
"Dreams and goals are coming attractions in my life.",
"There is only one thing that makes a dream impossible to achieve: the fear of failure.",
"I will master distractions and keep my focus on my goals.",
"I turn towards my difficulties instead of trying to fix them instantly.",
"I am in charge of how I feel and today I am choosing happiness.",
"I have infinite patience when it comes to fulfilling my own destiny.",
"I am connected to an unlimited source of abundance.",
"Im an infinite being. The age of my body has no bearing on what I do and who I am.",
"I feel passionately about my life, and this passion fills me with excitement and energy.",
"Every crisis is an opportunity in disguise.",
"I bring something unique to the table by simply being me.",
"The tools I need to succeed are in my possession.",
"I use my failures as stepping stones.",
"The success of others will not make me jealous. My time will come.",
"A calm feeling spreads through my thoughts and actions.",
"Inner wisdom shines from within me as I grow.",
"Are efficient solutions the ultimate goal?",
"Do you try to solve one problem at a time?",
"Are you conscious of your problems?",
"If happiness is a currency, how rich do you think you are?",
"If there were no consequences, would you be afraid of mistakes?",
"Are you doing what you truly want to do?",
"If the chance of failure and success was 50-50, would you still take a shot?",
"What would you prefer? Stable but boring work, or interesting and demanding work?",
"If you had a time machine, would you abandon this era?",
"Are you convinced this is the best possible world?",
"Which is worse, failing or not even trying?",
"Is this insanity or just creativity?",
"Why are you, you?",
"What are you most grateful for?",
"In what ways do you make your life better, more fulfilling, or meaningful?",
"What empowering beliefs will help you achieve your goals?",
"What is your purpose in life? Why do you exist? What is your mission?",
"Is there a joyful marriage between your profession and your passion?",
"What qualities do you embody?",
"We learn from our mistakes, yet were always so afraid to make them. Where is this true for you?",
"Think of one job that could get you out of bed happily for the rest of your life. Are you doing it now?",
"When its all said and done, will you have said more than youve done?",
"Were always making choices. Are you choosing for your story or for someone elses?",
"Do you need permission to move forward?",
"How much better would your life be if there werent any criticism in the world?",
"Which worries you more doing things right or doing the right things?",
"What risk would you take if you knew you could not fail?",
"Are you working so hard to create an amazing future, that you miss a million nows?",
"Are your dreams bigger than other people's opinions or vice versa?",
"If the biggest obstacle in your life was removed, how would your life change?"
];
function getRandomInt(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1)) + min;
}
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
async function newMessage(id) {
while (true) {
ms = getRandomInt(1000, 3000);
Message = Messages[Math.floor(Math.random()*Messages.length)];
document.getElementById(id).innerHTML = Message;
await sleep(ms);
}
}
function iris(){
newMessage('oneliner-1');
newMessage('oneliner-2');
newMessage('oneliner-3');
}
window.onload = iris;
})();

@ -0,0 +1,80 @@
@font-face {
font-family: "Vegur Regular";
src: url("fonts/Vegur-Regular.otf");
}
@font-face {
font-family: "Vegur Light";
src: url("fonts/Vegur-Light.otf");
}
html {
background-color: #9200e5;
background-image: url("img/iris.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-attachment: fixed;
font-size: 16px;
@media (max-width: 1000px) {
font-size: calc(12px + .4vw);
}
}
body {
text-align: center;
max-width: 800px;
margin: 0 auto;
font-size: 1.5rem;
font-family: "Vegur Regular", sans-serif;
color: #ffffff;
}
.box {
display: flex;
flex: 1 1 auto;
flex-direction: column;
text-align: center;
align-items: center;
justify-content: center;
height: 12rem;
}
h1 {
font-size: 6rem;
letter-spacing: -0.2rem;
line-height: 5rem;
}
h2 {
font-size: 3rem;
font-family: "Vegur Light";
letter-spacing: -0.1rem;
}
header p, footer p {
font-size: 2rem;
}
header p.italic, footer p.italic {
font-style: italic;
}
main p {
line-height: 3rem;
}
.blink {
animation: blinker 1s step-end infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
a, a:active, a:visited {
color: #ffffff;
}

@ -0,0 +1,48 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

Binary file not shown.

@ -1,80 +1,340 @@
@font-face {
font-family: "Vegur Regular";
src: url("fonts/Vegur-Regular.otf");
font-family: "Arial";
src: url("font/arial.ttf");
font-weight: 300;
font-style: normal;}
@font-face {
font-family: "Arial Narrow";
src: url("font/Arial Narrow.ttf");
font-weight: 300;
font-style: normal;}
body {
font-size: calc(8px + 0.7vw);
font-family: Arial, Helvetica, sans-serif;
scrollbar-width: none;
}
@font-face {
font-family: "Vegur Light";
src: url("fonts/Vegur-Light.otf");
a{
text-decoration: none;
color: black;
display: inline;
clear: none;
}
html {
background-color: #9200e5;
background-image: url("img/iris.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-attachment: fixed;
font-size: 16px;
a:hover, a.get:hover, a.menus:hover{
text-decoration: none;
color: #972fe8;
}
@media (max-width: 1000px) {
font-size: calc(12px + .4vw);
}
a:visited{
text-decoration: none;
color: black;
}
body {
text-align: center;
max-width: 800px;
margin: 0 auto;
font-size: 1.5rem;
font-family: "Vegur Regular", sans-serif;
color: #ffffff;
.back{
margin-left: 30vw;
width: 70vw;
height: 94vh;
position: fixed;
background-color: #dbdcde;
}
#topdots{
position: fixed;
top: 0px;
height: 4vh;
width: 30vw;
background-color: #dbdcde;
}
#topdots img{
width: 80%;
margin-left: 10%;
margin-top: 1vh;
}
.box {
display: flex;
flex: 1 1 auto;
flex-direction: column;
#bottomdots{
position: fixed;
bottom: 6vh;
height: 4vh;
width: 30vw;
background-color: #dbdcde;
}
#bottomdots img{
width: 80%;
margin-left: 10%;
}
.left{
position: fixed;
margin-top: 4vh;
height: 86vh;
width: 30vw;
background-color: #dbdcde;
}
#leftheader{
font-family: "Arial Narrow", Helvetica, sans-serif;
width: 100%;
text-align: center;
align-items: center;
justify-content: center;
height: 12rem;
font-size: calc(6px + 0.5vw);
}
h1 {
font-size: 6rem;
letter-spacing: -0.2rem;
line-height: 5rem;
.gallerywrapper{
margin-top: 4vh;
margin-left: 10%;
width: 80%;
text-align: center;
}
h2 {
font-size: 3rem;
font-family: "Vegur Light";
letter-spacing: -0.1rem;
.gallerywrapper img{
width: 100%;
}
header p, footer p {
font-size: 2rem;
::-webkit-scrollbar {
display: none;
}
header p.italic, footer p.italic {
footer {
background-color: #972fe8;
color: white;
font-size: calc(6px + 0.7vw);
font-style: italic;
position: fixed;
bottom: 0;
left: 0
width: 100vw;
height: 6vh;
}
.box{
text-align: center;
width: 100vw;
height: 6vh;
line-height: 6vh;
}
video{
width: 100%;
}
main{
position: fixed;
left: 30vw;
margin-top: 4vh;
margin-left: 3vw;
height: 75.5vh;
width: 64vw;
overflow:scroll;
text-align: left;
}
.right{
position: fixed;
top: 0;
margin-top: 4vh;
width: 70vw;
left: 30vw;
text-align: center;
}
.headeright{
font-family: "Arial", Helvetica, sans-serif;
width: 70vw;
font-size: calc(6px + 0.5vw);
}
.block{
background-color: #dbdcde;
}
.text{
line-height: 115%;
padding-top: 8vh;
margin-left: 2vw;
margin-right: 15vw;
}
#bo{
width: 30vw;
}
h2{
padding-bottom: 3vh;
padding-top: 1vh;
text-transform: uppercase;
color: #972fe8;
}
#colophon2{
padding-bottom: 5vh;
}
/* MOUSE OUTER CIRCLE!!!!!!!!!!!!! */
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #000;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;
}
#outerCircleText div {position: relative;}
#outerCircleText div div {
position: absolute;
top: 0;
left: 0;
text-align: center;
}
/* MOUSE OUTER CIRCLE!!!!!!!!!!!!! */
/* Slideshow container */
.slideshow-container {
margin-top: 4vh;
margin-left: 10%;
width: 80%;
text-align: center;
}
/* Position the "next button" to the right */
.next {
width: 12vw;
text-align: right;
font-family: "Arial Narrow", Helvetica, sans-serif;
font-size: calc(6px + 0.5vw);
position: fixed;
bottom: 15vh;
cursor: pointer;
}
.prev {
text-align: left;
font-family: "Arial Narrow", Helvetica, sans-serif;
font-size: calc(6px + 0.5vw);
position: fixed;
bottom: 15vh;;
left: 3vw;
cursor: pointer;
}
main p {
line-height: 3rem;
.next:hover, .prev:hover{
text-decoration: none;
color: #972fe8;
}
.blink {
animation: blinker 1s step-end infinite;
#phone{
display: none;
}
@keyframes blinker {
50% {
opacity: 0;
@media screen and (max-width: 635px) {
#desktop{
display: none;
}
#phone{
display:block;
}
body{
background-color: #dbdcde;
overflow-x: hidden;
}
.back{
display: none;
width: 100%;
overflow: hidden;
}
.left{
position: static;
width: 100vw;
height: 60vh;
overflow:hidden;
margin-top: 2vh;
}
.text{
margin-left: 9vw;
margin-right: 7vw;
}
#colophon2{
padding-bottom: 2vh;
}
main{
position: static;
width: 100%;
overflow: auto;
margin-top: 65vh;
overflow:hidden;
height: auto;
margin-left: -30vw;
}
.right{
position: absolute;
width: 100vw;
margin-top: 0vh;
}
.headeright{
display: none;
}
.block{
background-color: #dbdcde;
}
#leftheader{
position: static;
top: 3vh;
}
/* Position the "next button" to the right */
.next {
display: none;
}
.prev {
display: none;
}
#topdots{
display: none;
}
#bottomdots{
display: none;
}
footer {
font-size: calc(7px + 0.9vw);
height: 4vh;
}
.box{
height: 4vh;
line-height: 4vh;
}
#bo{
width: 40vw;
padding-bottom: 20vw;
}
a, a:active, a:visited {
color: #ffffff;
}

Binary file not shown.
Loading…
Cancel
Save