); ], <path d="M -200 500 C 400 -300 800 1350 1200 500" fill="none"/> "version": "0.2.0", // but the previous service worker will still serve the older <li> Used to go about the winter in shirts&shorts until the discovery of the fashion potential of long sleeves </li> }, const div = document.createElement('div'); "request": "launch",} </div> </div> 'worker. To learn more, visit http://bit.ly/CRA-PWA' return {} const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href); ReactDOM.unmountComponentAtNode(div); <p>I am very much looking forward to getting to know all the intricacies and tools that go into webdev, and getting to work with talented people etc. etc. <br> I'm quite new to this web development thing, but have loved programming for some time now so yeah, I'm not going anywhere anytime soon :) </p> <li> If something is little-known, there's an 28% increase in the chance that I will like it. </li> <img src="images/kawaiiSpul.jpg"> <div class="fly-in"> <path d="M -150 1200 C 200 900 400 800 400 1200" fill="none"/> // Execute callback <div id="icon-jumble"> <p style="font-size: 10px; position: absolute; margin-top: 40px;"> ©Jiri Swen, 2018 </p> <div id="links"> <li> Speaks English with some kind of weird made-up British accent </li>export function unregister() { </body> </ul> <meta charset="utf-8"> <body> <a target="_blank"> <img src="images/twitter.png" class="icon"> </a> registration.unregister(); </div> <div class="social-media-plug"> <path d="M -150 1000 C 200 700 600 800 700 1200" fill="none"/> <script src="scripts/main.js"></script> /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/ <p> <a target="_blank">Instagram</a> <br>(don't post) </p> (contentType != null && contentType.indexOf('javascript') === -1) <h2 style="margin-top: 10vw" class="left"> fantasy </h2> <h2 class="normal" style="margin-top: 4vw"> Links </h2> </div> // At this point, everything has been precached. if (installingWorker == null) { { } "preLaunchTask": "npm: watch" if (isLocalhost) { <img src="images/panorama-web-klein.jpg" class="fullscreen-width" style="margin: 0; clip-path: polygon(78% 0, 100% 0, 100% 100%, 0 100%, 0 0); position: absolute; top: 0;"> <p style="margin-top: 14vw; text-align: right;"> This one doesn't really need explaining does it >:3 </p> </div> <img src="images/happouen.jpg"> <div id="footer"> <div class="right-triangle" style="clip-path: polygon(100% 14%, 0 65%, 100% 94%); margin-top: -12vw;">// existing tabs open on the page have been closed, since previously cached } }function checkValidServiceWorker(swUrl, config) { <p> <a target="_blank">SoundCloud</a> <br>(it's just 2 weird conglomerations of tunes but may be interesting to get insight into the inner workings of my brain or sth) </p> <a href="https://nl.linkedin.com/in/jiriswen" target="_blank"> <img src="images/linkedin.png" class="icon"> </a> case USER_SIGNUP_SUCCESS: System.err.println(message);
<div class="left-triangle" style="clip-path: polygon(0 5%, 0 76%, 100% 15%); margin-top: 0vw; right: 50%;">// opt-in, read http://bit.ly/CRA-PWA </div> "request": "launch", // service worker/PWA documentation. console.log( if (installingWorker.state === 'installed') { error: payload "configurations": [ <p style="margin-top: 28vw/*540px*/;"> Hi, I'm Jiri! (*´ω｀*) 宜しくお願いっす～～ </p> } </svg> );}// This optional code is used to register a service worker. <head> public MathException() {}
<img src="images/fantasyWorld.jpg">{ "args": [ private String message;
<p style="margin-top: 17vw;"> I'm, like, a weeaboo... except that <br>I went to the point where I think it's no longer called that。 </p> <path d="M -200 200 C 400 -700 750 1800 1100 -400" fill="none"/> return; </div>export default function (state = {}, {type, payload}) { <div class="left-triangle" style="clip-path: polygon(0 16%, 0 92%, 100% 56%); margin-top: -10vw;"> // No service worker found. Probably a different app. Reload the page. 'This web app is being served cache-first by a service ' +}import React from 'react'; const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`; <path d="M -150 1100 C 200 800 500 800 500 1200" fill="none"/> })<!DOCTYPE html> "type": "extensionHost", window.location.hostname === '[::1]' ||// Hover to view descriptions of existing attributes. "--extensionDevelopmentPath=${workspaceFolder}", <div id="new-icons"></div> <h2 style="margin-top: 12vw" class="left"> nerdy things </h2> "${workspaceFolder}/out/**/*.js" // At this point, the updated precached content has been fetched, // It's the perfect time to display a </div> <ul> // from what our page is served on. This might happen if a CDN is used to </div> "--extensionTestsPath=${workspaceFolder}/out/test" navigator.serviceWorker "--extensionDevelopmentPath=${workspaceFolder}" // This is running on localhost. Let's check if a service worker still exists or not. <p style="margin-top: 12vw; text-align: right;"> Western fashion is mostly stupid and boring, <br> I'll pick the Asian perspective on clothing any day. <br>Also like to experiment with combining things that aren't "meant" to come together ^^ </p> <p><br>I like:</p> } <p style="margin-top: 25vw; text-align: right;"> Used to be more of a nerd than I am now, <br>but I still like my anime/games and do find things interesting that <br> are probably not supposed to be interesting (ﾟ∀ﾟ) </p> console.log('Content is cached for offline use.');// resources are updated in the background. response.status === 404 || </div>function registerValidSW(swUrl, config) { <p> <a href="https://nl.linkedin.com/in/jiriswen" target="_blank">LinkedIn</a> <br> (behold, in how professional a manner I can present myself on a high-end platform like LinkedIn... yeah NOT xD) </p> <div class="left-triangle" style="clip-path: polygon(0 9%, 0 90%, 100% 30%); margin-top: -20vw;"> window.location.reload(); <li> Transgender / not yet medically transitioning but e.g. dressing girlily (yess that is correct English albeit rarely used), should not hinder communication </li> }); "preLaunchTask": "npm: watch" default: ] const contentType = response.headers.get('content-type'); <h2 style="margin-top: 7vw" class="right"> 日本 </h2> ); // The URL constructor is available in all browsers that support SW. navigator.serviceWorker.ready.then(registration => { installingWorker.onstatechange = () => { config.onSuccess(registration); success: truepublic class MathException extends Exception {
.then(registration => { // 127.0.0.1/8 is considered localhost for IPv4. </div> ], <path d="M -200 400 C 400 -600 750 1650 1200 0" fill="none"/> } <li> INFP through and through (though also a bit of INTP) ((use this information however you wish except if it is disadvantageous to me)) (((；ﾟДﾟ))) </li> <p> <a target="_blank">Twitter</a> <br>(don't use, why am I even listing this here...) </p> <li> Has most keys on the keyboard in muscle memory. Useful! (like, actually) </li> "name": "Extension", <div id="introduction"> ) ) { config.onUpdate(registration); </div> <div class="social-media-plug"> } } <img src="images/coding.jpg"> checkValidServiceWorker(swUrl, config); </head>} "outFiles": [ navigator.serviceWorker.ready.then(registration => {// register() is not called by default. <div class="left-triangle" style="clip-path: polygon(0 16%, 0 92%, 100% 40%); margin-top: -10vw; right: 30%;"> </div>
"name": "Extension Tests", // [::1] is the IPv6 localhost address. .catch(error => { // Is not localhost. Just register service worker return { ], // Ensure service worker exists, and that we really are getting a JS file. <a target="_blank"> <img src="images/instagram.png" class="icon"> </a> <div id="facts"> console.log(it('renders without crashing', () => { <h1>Jiri</h1> <div class="right-triangle" style="clip-path: polygon(100% 9%, 0 40%, 100% 90%); margin-top: -6vw;"> <div class="social-media-plug"> "outFiles": [ .then(response => { "runtimeExecutable": "${execPath}", } else { <li> Emilia is best grill, jk </li> }); // serve assets; see https://github.com/facebook/create-react-app/issues/2374 { }; if (publicUrl.origin !== window.location.origin) { // Add some additional logging to localhost, pointing developers to the </div> <img src="images/geesen.jpg"> // content until all client tabs are closed. <div class="right-triangle" style="clip-path: polygon(100% 14%, 0 48%, 100% 94%); margin-top: -8vw;"> <link href="styles/style.css" rel="stylesheet" type="text/css">const isLocalhost = Boolean(export function register(config) {// will only see deployed updates on subsequent visits to a page, after all the navigator.serviceWorker.ready.then(() => { <p> Scroll down for some info about me. </p> <p style="margin-top: 18vw;"> (Curious to see if Javascript is as abominable <br>a programming language as my Computer Science friends always say it is... <br>I mean I'm already liking that the syntax since ES6 sort-a resembles Java) </p> window.location.hostname.match(} <a target="_blank"> <img src="images/deviantart.png" class="icon"> </a> <p> <a target="_blank">DeviantArt</a> <br>(sometimes like(d) to draw with my Wacom tablet) </p>// A launch configuration that compiles the extension and then opens it inside a new window <path d="M -200 650 C 400 -200 800 1350 1200 700" fill="none"/> <div class="social-media-plug"> </div> <h2 style="margin-top: 7vw" class="right"> quiet places </h2> if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {// Use IntelliSense to learn about possible attributes. }); USER_SIGNUP_SUCCESS, USER_SIGNUP_FAILED console.error('Error during service worker registration:', error); } else { <title>侍鈴さんの名鑼儼</title> if (config && config.onUpdate) { super(message);
'No internet connection found. App is running in offline mode.' <path d="M -200 950 C 200 500 600 800 900 1200" fill="none"/> <p style="margin-top: 17vw;"> Hardcore introvert here, so I really need my <br>recharging time in comfortable places like my home or nature <br>(particularly like the mountains and 庭園) </p>} });// it offline capabilities. However, it also means that developers (and users) "${workspaceFolder}/out/test/**/*.js" </div> // Our service worker won't work if PUBLIC_URL is on a different origin <div class="right-triangle" style="clip-path: polygon(100% 14%, 0 48%, 100% 94%); margin-top: -10vw;"> registerValidSW(swUrl, config); <h2 style="margin-top: 9vw" class="right"> coding ;) </h2> <img src="images/streetFashion.jpeg"> <div class="social-media-plug">});
const installingWorker = registration.installing; </div> window.addEventListener('load', () => { <p style="margin-top: 20vw; text-align: right;"> The regular world/society/life is boring which is why <br>I'm extraordinarily inspired by worlds that are by today's standards impossible or unthinkable. </p>// To learn more about the benefits of this model and instructions on how to "runtimeExecutable": "${execPath}", if (navigator.serviceWorker.controller) { </div> return; });import App from './App'; 'tabs for this page are closed. See http://bit.ly/CRA-PWA.' <p style="margin-top: 20vw; text-align: left;"> Avid fan of all kinds of different music though <br> mostly electronic genres. Also like to play piano and have dabbled into creating electronic music (: </p> <div class="cool-animation">// This lets the app load faster on subsequent visits in production, and gives 'New content is available and will be used when all ' + <img src="images/japan.jpg"> if ( <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> <img src="images/musicEquipment.jpg"> <h2 style="margin-top: 5.5vw" class="left"> fashion </h2> <svg height="85vh" width="100vw" viewBox="0 0 1000 1000" preserveAspectRatio="none" style="display: block; margin: auto;"> registration.onupdatefound = () => { } else { } </div> fetch(swUrl) if ('serviceWorker' in navigator) { ReactDOM.render(<App />, div); // "Content is cached for offline use." message. switch(type) { } <h2 style="margin-top: -6vw" class="left"> cute stuff </h2> });<html> // Check if the service worker can be found. If it can't reload the page. } <path d="M -200 850 C 200 350 600 800 1200 1300" fill="none"/> <p style="font-size: 11.5px; line-height: 12px; margin-top: -5px; color: #FFAACB"> (Explanation about "text going around objects": in order for "shape-outside" to work the object that uses it cannot be positioned "absolute"ly and I did actually get all this working using cool calc()s and stuff, but then the whole site got buggy and elements were shifting from the place where they are supposed to be in the flow of the page and just generally I never got the layout to look pleasing at all ratios, soooow yes it'd help to actually understand Javascript or sth.) <br></p> .catch(() => { <p> <a href="https://www.facebook.com/jiri.swen" target="_blank">Facebook</a> <br>(don't use, but sure go ahead and have a look at my embarrassing pictures from the past ~kyaaah~) </p> window.location.hostname === 'localhost' ||import ReactDOM from 'react-dom'; return state .register(swUrl) <p style="font-size: 13px; line-height: 16px; margin-top: 50px"> This page is best viewed using a 16:9 screen using Google Chrome. Lots of proportion-based magic has been incorporated to make it usable at other aspect ratios (try resizing the window!), however I will have to admit that actually making this fully functional and aesthetically pleasing with text going around the objects is at this point too challenging for me. And also on some mobile browsers, something seems to break as a consequence of the Javascript-animation and I hate it and I can't find it :d </p> }
<a target="_blank"> <img src="images/soundcloud.png" class="icon"> </a> <div id="triangle-section"> }) </div></html> registration.unregister().then(() => { if (config && config.onSuccess) { registerValidSW(swUrl, config); console.log( <h2 class="normal" style="margin-top: 6vw;"> Random facts about me </h2>// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 } </div> } ); <a href="https://www.facebook.com/jiri.swen" target="_blank"> <img src="images/facebook.png" class="icon"> </a> "type": "extensionHost", <li> Finished bachelor Architecture ¯\_(ツ)_/¯ </li> // Service worker found. Proceed as normal. ], <h2 style="margin-top: 7vw;" class="right"> music </h2>import {
} from '../actions/users' // Execute callback } <div class="social-media-plug"> case USER_SIGNUP_FAILED: public MathException(String message) {
<path d="M -200 750 C 400 0 800 1300 1200 900" fill="none"/>export const SITE_NAME = '侍鈴々原作'; "args": [ }; </div> });
ABOUT
osu! db manipulator