better header + 100% blink

master
ugrnm 6 years ago
parent d1b76e83fe
commit 2faabfc7e5

@ -8,10 +8,12 @@
</head> </head>
<header> <header>
<h1>Start up, Burn out:<br /> Life Hacks</h1> <h1>Start up, Burn out:<br /> Life Hacks</h1>
<div class="box"><h2 id="oneliner-1">IRIS</h2></div>
<p class="italic">(◕‿◕) Take your time to reflect on this: Are you doing what you truly want to do? (◕‿◕) ị̞͍s̯̩̠ ̴̩͉̫̗͇ț̠ͅh̪̼̟̪̕i͠s͎̝̩̯̩̠ ̗̘̰̟̩͕p̻̘͙͓á̩̭r̳͚͕̘͖ṯ̤̼͔͖ͅ ̜̱o̯̩̦̗̮̖̣f ̺͝y̥͡o̧̺͚͉̠͙̗ͅu̧̜͖̥r̸̘ ̹̤͙̳j̴̙̗o̵̼̲͉͖̮b̥͖͘ ͕͓ḏ̷̩e̫s͖̭͕̙̱͉ć̖͉̯̙̫̪r̶̠i̖p̨̜t̨̼͓ͅi͖͈͇͙͞o͏̹̠̬̻n͍̩͇̱͞? (◕‿◕) If happiness is a currency, how rich do you think you are? (◕‿◕) ♪♬ ғɪx ᴡᴏʙʙʟʏ ᴏғғɪᴄᴇ ғᴜʀɴɪᴛᴜʀᴇ ʙʏ sɪɴɢ ᴏʟᴅ ᴅs ᴛᴏ ᴀᴠᴏɪᴅ ʙʙʟᴇs ᴀɴᴅ ᴘʀᴏᴛᴇᴄᴛ ᴛʜᴇ ᴄᴀʀᴘᴇᴛ. ᴛʜᴇʏ ᴀʟs ᴍᴀᴋᴇ ɢʀᴇᴀᴛ ᴀsᴛᴇʀs. ♪♬</p>
<p>13.12.2018<br />19:30-21:30<br />Het Nieuwe Instituut<br /><a href="https://www.eventbrite.nl/e/tickets-life-hacks-introducing-iris-53533095931"><span class="blink">FREE TICKETS HERE (100% DISCOUNT)</blink></a></p>
</header> </header>
<main> <main>
<p>(◕‿◕) Take your time to reflect on this: Are you doing what you truly want to do? (◕‿◕) ị̞͍s̯̩̠ ̴̩͉̫̗͇ț̠ͅh̪̼̟̪̕i͠s͎̝̩̯̩̠ ̗̘̰̟̩͕p̻̘͙͓á̩̭r̳͚͕̘͖ṯ̤̼͔͖ͅ ̜̱o̯̩̦̗̮̖̣f ̺͝y̥͡o̧̺͚͉̠͙̗ͅu̧̜͖̥r̸̘ ̹̤͙̳j̴̙̗o̵̼̲͉͖̮b̥͖͘ ͕͓ḏ̷̩e̫s͖̭͕̙̱͉ć̖͉̯̙̫̪r̶̠i̖p̨̜t̨̼͓ͅi͖͈͇͙͞o͏̹̠̬̻n͍̩͇̱͞? (◕‿◕) If happiness is a currency, how rich do you think you are? (◕‿◕) ♪♬ ғɪx ᴡᴏʙʙʟʏ ᴏғғɪᴄᴇ ғᴜʀɴɪᴛᴜʀᴇ ʙʏ sɪɴɢ ᴏʟᴅ ᴅs ᴛᴏ ᴀᴠᴏɪᴅ ʙʙʟᴇs ᴀɴᴅ ᴘʀᴏᴛᴇᴄᴛ ᴛʜᴇ ᴄᴀʀᴘᴇᴛ. ᴛʜᴇʏ ᴀʟs ᴍᴀᴋᴇ ɢʀᴇᴀᴛ ᴀsᴛᴇʀs. ♪♬</p> <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>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> <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> <div class="box"><h2 id="oneliner-2">IRIS</h2></div>

@ -10,6 +10,7 @@ body {
text-align: center; text-align: center;
max-width: 800px; max-width: 800px;
margin: 0 auto; margin: 0 auto;
font-size: 1rem;
} }
.box { .box {
@ -30,6 +31,20 @@ h2 {
font-size: 2rem; font-size: 2rem;
} }
body { header p {
font-size: 1rem; font-size: 2rem;
}
header p.italic {
font-style: italic;
}
.blink {
animation: blinker 1s step-end infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
} }

Loading…
Cancel
Save