diff --git a/index.php b/index.php new file mode 100644 index 0000000..1c0878f --- /dev/null +++ b/index.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/porto/.htaccess b/porto/.htaccess new file mode 100644 index 0000000..a80b694 --- /dev/null +++ b/porto/.htaccess @@ -0,0 +1,4 @@ +RewriteEngine on +RewriteCond %{REQUEST_FILENAME} !-f +RewriteCond %{REQUEST_FILENAME} !-d +RewriteRule ^.*$ /porto/index.php?path=$0 [L,QSA] \ No newline at end of file diff --git a/porto/assets/background.png b/porto/assets/background.png new file mode 100644 index 0000000..7b66cdd Binary files /dev/null and b/porto/assets/background.png differ diff --git a/porto/assets/bgmobile.png b/porto/assets/bgmobile.png new file mode 100644 index 0000000..6f9d0bc Binary files /dev/null and b/porto/assets/bgmobile.png differ diff --git a/porto/assets/blurred.png b/porto/assets/blurred.png new file mode 100644 index 0000000..1b51187 Binary files /dev/null and b/porto/assets/blurred.png differ diff --git a/porto/assets/blurredmobile.png b/porto/assets/blurredmobile.png new file mode 100644 index 0000000..1e25c04 Binary files /dev/null and b/porto/assets/blurredmobile.png differ diff --git a/porto/assets/hguisfml.png b/porto/assets/hguisfml.png new file mode 100644 index 0000000..6f820f4 Binary files /dev/null and b/porto/assets/hguisfml.png differ diff --git a/porto/assets/hprojectlog.png b/porto/assets/hprojectlog.png new file mode 100644 index 0000000..fb286ef Binary files /dev/null and b/porto/assets/hprojectlog.png differ diff --git a/porto/assets/hrastas3.png b/porto/assets/hrastas3.png new file mode 100644 index 0000000..0c0511c Binary files /dev/null and b/porto/assets/hrastas3.png differ diff --git a/porto/assets/ld30screenshot.png b/porto/assets/ld30screenshot.png new file mode 100644 index 0000000..fae7a80 Binary files /dev/null and b/porto/assets/ld30screenshot.png differ diff --git a/porto/assets/logos/1.png b/porto/assets/logos/1.png new file mode 100644 index 0000000..825de25 Binary files /dev/null and b/porto/assets/logos/1.png differ diff --git a/porto/assets/logos/10.png b/porto/assets/logos/10.png new file mode 100644 index 0000000..c8f0d43 Binary files /dev/null and b/porto/assets/logos/10.png differ diff --git a/porto/assets/logos/2.png b/porto/assets/logos/2.png new file mode 100644 index 0000000..414442d Binary files /dev/null and b/porto/assets/logos/2.png differ diff --git a/porto/assets/logos/3.png b/porto/assets/logos/3.png new file mode 100644 index 0000000..1ef1dda Binary files /dev/null and b/porto/assets/logos/3.png differ diff --git a/porto/assets/logos/4.png b/porto/assets/logos/4.png new file mode 100644 index 0000000..e12e123 Binary files /dev/null and b/porto/assets/logos/4.png differ diff --git a/porto/assets/logos/5.png b/porto/assets/logos/5.png new file mode 100644 index 0000000..2fd9ca8 Binary files /dev/null and b/porto/assets/logos/5.png differ diff --git a/porto/assets/logos/6.png b/porto/assets/logos/6.png new file mode 100644 index 0000000..551dbc3 Binary files /dev/null and b/porto/assets/logos/6.png differ diff --git a/porto/assets/logos/7.png b/porto/assets/logos/7.png new file mode 100644 index 0000000..cb498dd Binary files /dev/null and b/porto/assets/logos/7.png differ diff --git a/porto/assets/logos/8.png b/porto/assets/logos/8.png new file mode 100644 index 0000000..b9e1f32 Binary files /dev/null and b/porto/assets/logos/8.png differ diff --git a/porto/assets/logos/9.png b/porto/assets/logos/9.png new file mode 100644 index 0000000..dde47a4 Binary files /dev/null and b/porto/assets/logos/9.png differ diff --git a/porto/assets/media/80ssynth.mp3 b/porto/assets/media/80ssynth.mp3 new file mode 100644 index 0000000..3e51f70 Binary files /dev/null and b/porto/assets/media/80ssynth.mp3 differ diff --git a/porto/assets/media/electrotrack.mp3 b/porto/assets/media/electrotrack.mp3 new file mode 100644 index 0000000..1e1a719 Binary files /dev/null and b/porto/assets/media/electrotrack.mp3 differ diff --git a/porto/assets/media/hionppkrmx.mp3 b/porto/assets/media/hionppkrmx.mp3 new file mode 100644 index 0000000..a8ac4c3 Binary files /dev/null and b/porto/assets/media/hionppkrmx.mp3 differ diff --git a/porto/assets/media/sourcearenamaintheme.mp3 b/porto/assets/media/sourcearenamaintheme.mp3 new file mode 100644 index 0000000..3842b14 Binary files /dev/null and b/porto/assets/media/sourcearenamaintheme.mp3 differ diff --git a/porto/assets/media/unnamed1.mp3 b/porto/assets/media/unnamed1.mp3 new file mode 100644 index 0000000..aa3f9a9 Binary files /dev/null and b/porto/assets/media/unnamed1.mp3 differ diff --git a/porto/assets/media/unnamed1.wav b/porto/assets/media/unnamed1.wav new file mode 100644 index 0000000..683a6f8 Binary files /dev/null and b/porto/assets/media/unnamed1.wav differ diff --git a/porto/assets/media/unnamed2.mp3 b/porto/assets/media/unnamed2.mp3 new file mode 100644 index 0000000..7648e8f Binary files /dev/null and b/porto/assets/media/unnamed2.mp3 differ diff --git a/porto/assets/media/unnamed3.mp3 b/porto/assets/media/unnamed3.mp3 new file mode 100644 index 0000000..fc819f1 Binary files /dev/null and b/porto/assets/media/unnamed3.mp3 differ diff --git a/porto/assets/profiel.png b/porto/assets/profiel.png new file mode 100644 index 0000000..4ce1fce Binary files /dev/null and b/porto/assets/profiel.png differ diff --git a/porto/assets/sourcearena.jpg b/porto/assets/sourcearena.jpg new file mode 100644 index 0000000..35fb8b5 Binary files /dev/null and b/porto/assets/sourcearena.jpg differ diff --git a/porto/assets/sourcearenasite.png b/porto/assets/sourcearenasite.png new file mode 100644 index 0000000..b36be20 Binary files /dev/null and b/porto/assets/sourcearenasite.png differ diff --git a/porto/assets/subsonics.png b/porto/assets/subsonics.png new file mode 100644 index 0000000..4598e24 Binary files /dev/null and b/porto/assets/subsonics.png differ diff --git a/porto/components/content_aboutme.php b/porto/components/content_aboutme.php new file mode 100644 index 0000000..d440703 --- /dev/null +++ b/porto/components/content_aboutme.php @@ -0,0 +1,55 @@ +
+ +

Over Mij

+
+

+ Naam: Andreas Schaafsma
+ Functie: Student Applicatieontwikkelaar
+ Woonplaats: Groningen
+ Email: and.schaafsma@gmail.com
+ Twitter twitter.com/_andreas_s
+
+ Jack of all trades, master of none.
+

+
+
+

Algemene programmeer/ script vaardigheden

+
+

Frontend

+

+ HTML, CSS, Javascript. +

+
+

Backend

+

+ NodeJS, XML, PHP, SQL. +

+
+

Andere programmeertalen

+

+ C++, C#, Java (JDK), Python, ActionScript 3.0 flex-sdk(Flash), lua. +

+
+
+

Media vormgeving

+
+

2d Grafisch design

+

+ Adobe Animate(Adobe flash Pro), Adobe Illustrator, Adobe photoshop, Paint.net. +

+
+

3d design en game asset creatie

+

+ Blender. +

+
+

Audio vormgeving

+

+ FL Studio, Audacity. +

+
+

Video editing

+

+ Blender, Adobe After Effects, Adobe Premiere. +

+
diff --git a/porto/components/content_categories.php b/porto/components/content_categories.php new file mode 100644 index 0000000..9f86cfb --- /dev/null +++ b/porto/components/content_categories.php @@ -0,0 +1,48 @@ +"> +
+

Web

+

+ Website frontend & backend projecten. +

+
+ +"> +
+

AS3

+

+ ActionScript 3.0 projecten. +

+
+ +"> +
+

C++

+

+ C++ projecten. +

+
+ +"> +
+

Logo's

+

+ Logo's die ik heb ontworpen. +

+
+ +"> +
+

Java/JDK

+

+ Java/JDK projecten +

+
+ +"> +
+

Muziek

+

+ Muziek die ik aan het maken ben. +

+
+ \ No newline at end of file diff --git a/porto/components/content_home.php b/porto/components/content_home.php new file mode 100644 index 0000000..63a32ee --- /dev/null +++ b/porto/components/content_home.php @@ -0,0 +1,12 @@ +
+

Welkom

+

+ Welkom op de portfolio website van Andreas Schaafsma. Om een overzicht te zien van alle projecten (op categorie) ga naar de Projecten pagina. +

+
+
+

Introductie

+

+ Ik ben een student Apllicatieontwikkelaar aan het Alfa College. Mijn eigen interesses liggen vooral bij desktop/ server applicaties schrijven, gamedevelopment, reverse engineering en het schrijven van eigen systemen. Je hoeft niet altijd het wiel opnieuw uit te vinden, maar je leert er wel het een en ander van. +

+
\ No newline at end of file diff --git a/porto/components/content_project.php b/porto/components/content_project.php new file mode 100644 index 0000000..610b0b7 --- /dev/null +++ b/porto/components/content_project.php @@ -0,0 +1,28 @@ +

404 Error

Je hebt ergens een verkeerde bocht genomen of wij hebben iets fout gedaan. Sorry!"); + } +?> diff --git a/porto/components/content_project_as3.html b/porto/components/content_project_as3.html new file mode 100644 index 0000000..e934f4b --- /dev/null +++ b/porto/components/content_project_as3.html @@ -0,0 +1,29 @@ +
+

+ Deze pagina bevat links naar interactieve demo's. Om gebruik te maken van deze demo's is een browser nodig die flash player ondersteunt. +

+
+
+

hRasteriserAS3 *Ontwikkeling voorlopig gestopt*

+

+ Software 3d rasterisering engine (geen hardware versnelling) geshreven in AS3. Ik was aan dit project begonnen als uitdaging voor mezelf en om fundamentele kennis op te doen over de achterliggende werking van game engines en 3d rendering algemeen. +
+ Klik op de afbeelding hieronder voor een interactieve demo van een oude versie (Ik heb geen gecompileerde release van de nieuwste versie). Deze versie ondersteunt geen solid poligon rendering maar geeft wel een idee van ruimte doormiddel van vertex rotation. Hier is een browser voor nodig die flash player ondersteunt. +

+
+ +
+
+
+

Ludum Dare 30 game

+

+ Game geschreven voor de Ludum Dare 30 "Other Worlds" competitie. De Ludum Dare competitie wordt meerdere keren per jaar gehouden. Het doel is om binnen 48 uur een game te programmeren wat binnen een bepaald thema past. Voor mijn game was ik begonnen met het schrijven van de achterliggende systemen voor een 2d platformer, maar ik liep hiermee tegen veel problemen aan met mijn collision detection en optimalisatie. Hierdoor heb ik uiteindelijk alleen de eerste twee kamers afgekregen. Ik ben intussen de source code voor dit project verloren toen mijn harde schijf was gecrashed. Met dit project heb ik geleerd effectief om te gaan met spritesheets, bitmap data, collision meshes, local offset movement, tool tips en het produceren van redelijke kwaliteit pixel art. +

+
+

+ Mijn idee voor dit thema was om er een soort puzzel platformer van te maken waarin je via deuren in een andere dimensie kunt komen. In deze dimensie heb je een andere versie van het level waarin je rondloopt met kleine veranderingen in layout en met andere voorwerpen. +

+
+ +
+
\ No newline at end of file diff --git a/porto/components/content_project_cpp.html b/porto/components/content_project_cpp.html new file mode 100644 index 0000000..6623316 --- /dev/null +++ b/porto/components/content_project_cpp.html @@ -0,0 +1,18 @@ +
+

SourceArena

+

+ SourceArena is een Quake 3 CPMA style arena shooter. Deze game ontwikkel ik in mijn eentje doormiddel van de source engine 2013 branch. Dit project was eerst te ingewikkeld, totdat ik een keer goed de tijd had genomen om vanaf de grond op een c++ OOP project te beginnen, en fundamentele 3d kennis heb geleerd doormiddel van mijn project hRasteriserAS3. Klik hier om de devblog te bezoeken. +

+
+ +
+
+
+

hGUISFML

+

+ hGUISFML is een graphical user interface systeem ontwikkeld dormiddel van de SFML library. Bij dit systeem wordt ook een editor gekoppeld. Dit project is bedoeld als basis voor een stel andere projecten waar ik aan wil beginnen zoals het schrijven van een eigen file explorer en een eigen text editor. Het systeem is nog in een beginfase maar is al wel in staat pictogrammen in te laden. +

+
+ +
+
\ No newline at end of file diff --git a/porto/components/content_project_java.html b/porto/components/content_project_java.html new file mode 100644 index 0000000..f99e414 --- /dev/null +++ b/porto/components/content_project_java.html @@ -0,0 +1,9 @@ +
+

hProjectLog

+

+ hProjectLog is een applicatie die ik voor mezelf bouw om activiteiten te loggen wanneer ik met projecten bezig ben. De applicatie laad data uit en slaat data op in een XML formaat. Dit project is vooral bedoeld als manier voor mezelf om de basics van JFrame en Java Events te leren. +

+
+ +
+
\ No newline at end of file diff --git a/porto/components/content_project_logos.html b/porto/components/content_project_logos.html new file mode 100644 index 0000000..3a851d6 --- /dev/null +++ b/porto/components/content_project_logos.html @@ -0,0 +1,18 @@ +
+

Logo's

+

+ Een paar logo's die ik heb ontworpen voor mezelf en voor anderen doormiddel van Flash Pro, Illustrator en Paint.net. +

+
+ + + + + + + + + + +
+
diff --git a/porto/components/content_project_muziek.html b/porto/components/content_project_muziek.html new file mode 100644 index 0000000..a5e8951 --- /dev/null +++ b/porto/components/content_project_muziek.html @@ -0,0 +1,69 @@ +
+

Muziek

+

+ Muziek die ik aan het maken ben. Dit zijn vooral remixes en nummers die bedoeld zijn als deel van de soundtrack voor games die ik aan het ontwikkelen ben/ was. +

+
+
+ +

Foster the people - Pumped up Kicks (Hion-V Remix)

+ + +
+
+ +

Hion-V - Source Arena Main Theme (preview)

+ + +
+
+ +

Hion-V - Electro Track

+ + +
+
+ +

Hion-V - 80ssynth

+ + +
+
+ +

Hion-V - Unnamed Audio 1

+ + +
+
+ +

Hion-V - Unnamed Audio 2

+ + +
+
+ +

Hion-V - Unnamed Audio 3

+ + +
\ No newline at end of file diff --git a/porto/components/content_project_web.html b/porto/components/content_project_web.html new file mode 100644 index 0000000..7c7dc93 --- /dev/null +++ b/porto/components/content_project_web.html @@ -0,0 +1,18 @@ +
+

subsonics.nl

+

+ Persoonlijke site voor het delen van informatie en bestanden met vrienden, en als centrale hub voor al mijn projecten. Tevens is dit een perfecte plek om een portfolio te hosten. Deze website heeft meerdere iteraties gehad over de laatste 8 jaar en begon als webpagina voor muziekcollaboratie met een vriend van mij. Wij maakten destijds muziek onder de naam Subsonic Maniacs. Deze site is vooral functie over form en gebruikt bijna geen HTML5 standaarden. Dit is tevens een restant van hoe ik oorspronkelijk webdesign heb geleerd rond 2011. +

+
+ +
+
+
+

SourceArena devblog

+

+ Ontwikkelings logboek en centrale hub voor alle publieke informatie over mijn game development project SourceArena. Deze site is grotendeels een copypaste van het hoofddomein subsonics.nl maar heeft een grote aanpassing in de vorm van een blogsysteem dat ik heb geschreven in een combinatie van PHP en XML. De XML data bevat alle blogposts en metadata om ervoor te zorgen dat de posts die erin staan niet hardcoded zijn. Ik had geen zin om hier SQL voor te gebruiken omdat ik dat niet geinstalleerd had en ik het leuker vind om custom oplossingen te schrijven. +

+
+ +
+
\ No newline at end of file diff --git a/porto/components/dochead.php b/porto/components/dochead.php new file mode 100644 index 0000000..dde3b62 --- /dev/null +++ b/porto/components/dochead.php @@ -0,0 +1,15 @@ + + + Portfolio Andreas Schaafsma + '; + } + else{ + echo ''; + }; + ?> + \ No newline at end of file diff --git a/porto/components/footer.html b/porto/components/footer.html new file mode 100644 index 0000000..403346e --- /dev/null +++ b/porto/components/footer.html @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/porto/components/header.php b/porto/components/header.php new file mode 100644 index 0000000..e71c883 --- /dev/null +++ b/porto/components/header.php @@ -0,0 +1,7 @@ +
+ +
\ No newline at end of file diff --git a/porto/demos/hRast/3dEZ.swf b/porto/demos/hRast/3dEZ.swf new file mode 100644 index 0000000..fa0852b Binary files /dev/null and b/porto/demos/hRast/3dEZ.swf differ diff --git a/porto/demos/hRast/game.html b/porto/demos/hRast/game.html new file mode 100644 index 0000000..6472d0a --- /dev/null +++ b/porto/demos/hRast/game.html @@ -0,0 +1,40 @@ + + + + + 3dEZ + + + + + + + +
+

3dEZ

+

Get Adobe Flash player

+
+ + \ No newline at end of file diff --git a/porto/demos/hRast/index.html b/porto/demos/hRast/index.html new file mode 100644 index 0000000..4c93214 --- /dev/null +++ b/porto/demos/hRast/index.html @@ -0,0 +1,50 @@ + + + +
+ + LD + + + + + + +
+

LD

+

Get Adobe Flash player

+
+
+

+ - CONTROLS -
+ MOVEMENT: WASD
+ KLOOK: UP LEFT DOWN RIGHT
+ - PERSPECTIVES -
+ topdown 2d: 1
+ topdown pseudo3d: 2
+ 3d: 3 +

+ + \ No newline at end of file diff --git a/porto/demos/hRast/js/swfobject.js b/porto/demos/hRast/js/swfobject.js new file mode 100644 index 0000000..b17981f --- /dev/null +++ b/porto/demos/hRast/js/swfobject.js @@ -0,0 +1,4 @@ +/* SWFObject v2.2 + is released under the MIT License +*/ +var swfobject=function(){var D="undefined",r="object",S="Shockwave Flash",W="ShockwaveFlash.ShockwaveFlash",q="application/x-shockwave-flash",R="SWFObjectExprInst",x="onreadystatechange",O=window,j=document,t=navigator,T=false,U=[h],o=[],N=[],I=[],l,Q,E,B,J=false,a=false,n,G,m=true,M=function(){var aa=typeof j.getElementById!=D&&typeof j.getElementsByTagName!=D&&typeof j.createElement!=D,ah=t.userAgent.toLowerCase(),Y=t.platform.toLowerCase(),ae=Y?/win/.test(Y):/win/.test(ah),ac=Y?/mac/.test(Y):/mac/.test(ah),af=/webkit/.test(ah)?parseFloat(ah.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,X=!+"\v1",ag=[0,0,0],ab=null;if(typeof t.plugins!=D&&typeof t.plugins[S]==r){ab=t.plugins[S].description;if(ab&&!(typeof t.mimeTypes!=D&&t.mimeTypes[q]&&!t.mimeTypes[q].enabledPlugin)){T=true;X=false;ab=ab.replace(/^.*\s+(\S+\s+\S+$)/,"$1");ag[0]=parseInt(ab.replace(/^(.*)\..*$/,"$1"),10);ag[1]=parseInt(ab.replace(/^.*\.(.*)\s.*$/,"$1"),10);ag[2]=/[a-zA-Z]/.test(ab)?parseInt(ab.replace(/^.*[a-zA-Z]+(.*)$/,"$1"),10):0}}else{if(typeof O.ActiveXObject!=D){try{var ad=new ActiveXObject(W);if(ad){ab=ad.GetVariable("$version");if(ab){X=true;ab=ab.split(" ")[1].split(",");ag=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}}catch(Z){}}}return{w3:aa,pv:ag,wk:af,ie:X,win:ae,mac:ac}}(),k=function(){if(!M.w3){return}if((typeof j.readyState!=D&&j.readyState=="complete")||(typeof j.readyState==D&&(j.getElementsByTagName("body")[0]||j.body))){f()}if(!J){if(typeof j.addEventListener!=D){j.addEventListener("DOMContentLoaded",f,false)}if(M.ie&&M.win){j.attachEvent(x,function(){if(j.readyState=="complete"){j.detachEvent(x,arguments.callee);f()}});if(O==top){(function(){if(J){return}try{j.documentElement.doScroll("left")}catch(X){setTimeout(arguments.callee,0);return}f()})()}}if(M.wk){(function(){if(J){return}if(!/loaded|complete/.test(j.readyState)){setTimeout(arguments.callee,0);return}f()})()}s(f)}}();function f(){if(J){return}try{var Z=j.getElementsByTagName("body")[0].appendChild(C("span"));Z.parentNode.removeChild(Z)}catch(aa){return}J=true;var X=U.length;for(var Y=0;Y0){for(var af=0;af0){var ae=c(Y);if(ae){if(F(o[af].swfVersion)&&!(M.wk&&M.wk<312)){w(Y,true);if(ab){aa.success=true;aa.ref=z(Y);ab(aa)}}else{if(o[af].expressInstall&&A()){var ai={};ai.data=o[af].expressInstall;ai.width=ae.getAttribute("width")||"0";ai.height=ae.getAttribute("height")||"0";if(ae.getAttribute("class")){ai.styleclass=ae.getAttribute("class")}if(ae.getAttribute("align")){ai.align=ae.getAttribute("align")}var ah={};var X=ae.getElementsByTagName("param");var ac=X.length;for(var ad=0;ad'}}aa.outerHTML='"+af+"";N[N.length]=ai.id;X=c(ai.id)}else{var Z=C(r);Z.setAttribute("type",q);for(var ac in ai){if(ai[ac]!=Object.prototype[ac]){if(ac.toLowerCase()=="styleclass"){Z.setAttribute("class",ai[ac])}else{if(ac.toLowerCase()!="classid"){Z.setAttribute(ac,ai[ac])}}}}for(var ab in ag){if(ag[ab]!=Object.prototype[ab]&&ab.toLowerCase()!="movie"){e(Z,ab,ag[ab])}}aa.parentNode.replaceChild(Z,aa);X=Z}}return X}function e(Z,X,Y){var aa=C("param");aa.setAttribute("name",X);aa.setAttribute("value",Y);Z.appendChild(aa)}function y(Y){var X=c(Y);if(X&&X.nodeName=="OBJECT"){if(M.ie&&M.win){X.style.display="none";(function(){if(X.readyState==4){b(Y)}else{setTimeout(arguments.callee,10)}})()}else{X.parentNode.removeChild(X)}}}function b(Z){var Y=c(Z);if(Y){for(var X in Y){if(typeof Y[X]=="function"){Y[X]=null}}Y.parentNode.removeChild(Y)}}function c(Z){var X=null;try{X=j.getElementById(Z)}catch(Y){}return X}function C(X){return j.createElement(X)}function i(Z,X,Y){Z.attachEvent(X,Y);I[I.length]=[Z,X,Y]}function F(Z){var Y=M.pv,X=Z.split(".");X[0]=parseInt(X[0],10);X[1]=parseInt(X[1],10)||0;X[2]=parseInt(X[2],10)||0;return(Y[0]>X[0]||(Y[0]==X[0]&&Y[1]>X[1])||(Y[0]==X[0]&&Y[1]==X[1]&&Y[2]>=X[2]))?true:false}function v(ac,Y,ad,ab){if(M.ie&&M.mac){return}var aa=j.getElementsByTagName("head")[0];if(!aa){return}var X=(ad&&typeof ad=="string")?ad:"screen";if(ab){n=null;G=null}if(!n||G!=X){var Z=C("style");Z.setAttribute("type","text/css");Z.setAttribute("media",X);n=aa.appendChild(Z);if(M.ie&&M.win&&typeof j.styleSheets!=D&&j.styleSheets.length>0){n=j.styleSheets[j.styleSheets.length-1]}G=X}if(M.ie&&M.win){if(n&&typeof n.addRule==r){n.addRule(ac,Y)}}else{if(n&&typeof j.createTextNode!=D){n.appendChild(j.createTextNode(ac+" {"+Y+"}"))}}}function w(Z,X){if(!m){return}var Y=X?"visible":"hidden";if(J&&c(Z)){c(Z).style.visibility=Y}else{v("#"+Z,"visibility:"+Y)}}function L(Y){var Z=/[\\\"<>\.;]/;var X=Z.exec(Y)!=null;return X&&typeof encodeURIComponent!=D?encodeURIComponent(Y):Y}var d=function(){if(M.ie&&M.win){window.attachEvent("onunload",function(){var ac=I.length;for(var ab=0;ab + + +
+ + LD + + + + + + + +
+ + \ No newline at end of file diff --git a/porto/demos/ld30/js/swfobject.js b/porto/demos/ld30/js/swfobject.js new file mode 100644 index 0000000..b17981f --- /dev/null +++ b/porto/demos/ld30/js/swfobject.js @@ -0,0 +1,4 @@ +/* SWFObject v2.2 + is released under the MIT License +*/ +var swfobject=function(){var D="undefined",r="object",S="Shockwave Flash",W="ShockwaveFlash.ShockwaveFlash",q="application/x-shockwave-flash",R="SWFObjectExprInst",x="onreadystatechange",O=window,j=document,t=navigator,T=false,U=[h],o=[],N=[],I=[],l,Q,E,B,J=false,a=false,n,G,m=true,M=function(){var aa=typeof j.getElementById!=D&&typeof j.getElementsByTagName!=D&&typeof j.createElement!=D,ah=t.userAgent.toLowerCase(),Y=t.platform.toLowerCase(),ae=Y?/win/.test(Y):/win/.test(ah),ac=Y?/mac/.test(Y):/mac/.test(ah),af=/webkit/.test(ah)?parseFloat(ah.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,X=!+"\v1",ag=[0,0,0],ab=null;if(typeof t.plugins!=D&&typeof t.plugins[S]==r){ab=t.plugins[S].description;if(ab&&!(typeof t.mimeTypes!=D&&t.mimeTypes[q]&&!t.mimeTypes[q].enabledPlugin)){T=true;X=false;ab=ab.replace(/^.*\s+(\S+\s+\S+$)/,"$1");ag[0]=parseInt(ab.replace(/^(.*)\..*$/,"$1"),10);ag[1]=parseInt(ab.replace(/^.*\.(.*)\s.*$/,"$1"),10);ag[2]=/[a-zA-Z]/.test(ab)?parseInt(ab.replace(/^.*[a-zA-Z]+(.*)$/,"$1"),10):0}}else{if(typeof O.ActiveXObject!=D){try{var ad=new ActiveXObject(W);if(ad){ab=ad.GetVariable("$version");if(ab){X=true;ab=ab.split(" ")[1].split(",");ag=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}}catch(Z){}}}return{w3:aa,pv:ag,wk:af,ie:X,win:ae,mac:ac}}(),k=function(){if(!M.w3){return}if((typeof j.readyState!=D&&j.readyState=="complete")||(typeof j.readyState==D&&(j.getElementsByTagName("body")[0]||j.body))){f()}if(!J){if(typeof j.addEventListener!=D){j.addEventListener("DOMContentLoaded",f,false)}if(M.ie&&M.win){j.attachEvent(x,function(){if(j.readyState=="complete"){j.detachEvent(x,arguments.callee);f()}});if(O==top){(function(){if(J){return}try{j.documentElement.doScroll("left")}catch(X){setTimeout(arguments.callee,0);return}f()})()}}if(M.wk){(function(){if(J){return}if(!/loaded|complete/.test(j.readyState)){setTimeout(arguments.callee,0);return}f()})()}s(f)}}();function f(){if(J){return}try{var Z=j.getElementsByTagName("body")[0].appendChild(C("span"));Z.parentNode.removeChild(Z)}catch(aa){return}J=true;var X=U.length;for(var Y=0;Y0){for(var af=0;af0){var ae=c(Y);if(ae){if(F(o[af].swfVersion)&&!(M.wk&&M.wk<312)){w(Y,true);if(ab){aa.success=true;aa.ref=z(Y);ab(aa)}}else{if(o[af].expressInstall&&A()){var ai={};ai.data=o[af].expressInstall;ai.width=ae.getAttribute("width")||"0";ai.height=ae.getAttribute("height")||"0";if(ae.getAttribute("class")){ai.styleclass=ae.getAttribute("class")}if(ae.getAttribute("align")){ai.align=ae.getAttribute("align")}var ah={};var X=ae.getElementsByTagName("param");var ac=X.length;for(var ad=0;ad'}}aa.outerHTML='"+af+"";N[N.length]=ai.id;X=c(ai.id)}else{var Z=C(r);Z.setAttribute("type",q);for(var ac in ai){if(ai[ac]!=Object.prototype[ac]){if(ac.toLowerCase()=="styleclass"){Z.setAttribute("class",ai[ac])}else{if(ac.toLowerCase()!="classid"){Z.setAttribute(ac,ai[ac])}}}}for(var ab in ag){if(ag[ab]!=Object.prototype[ab]&&ab.toLowerCase()!="movie"){e(Z,ab,ag[ab])}}aa.parentNode.replaceChild(Z,aa);X=Z}}return X}function e(Z,X,Y){var aa=C("param");aa.setAttribute("name",X);aa.setAttribute("value",Y);Z.appendChild(aa)}function y(Y){var X=c(Y);if(X&&X.nodeName=="OBJECT"){if(M.ie&&M.win){X.style.display="none";(function(){if(X.readyState==4){b(Y)}else{setTimeout(arguments.callee,10)}})()}else{X.parentNode.removeChild(X)}}}function b(Z){var Y=c(Z);if(Y){for(var X in Y){if(typeof Y[X]=="function"){Y[X]=null}}Y.parentNode.removeChild(Y)}}function c(Z){var X=null;try{X=j.getElementById(Z)}catch(Y){}return X}function C(X){return j.createElement(X)}function i(Z,X,Y){Z.attachEvent(X,Y);I[I.length]=[Z,X,Y]}function F(Z){var Y=M.pv,X=Z.split(".");X[0]=parseInt(X[0],10);X[1]=parseInt(X[1],10)||0;X[2]=parseInt(X[2],10)||0;return(Y[0]>X[0]||(Y[0]==X[0]&&Y[1]>X[1])||(Y[0]==X[0]&&Y[1]==X[1]&&Y[2]>=X[2]))?true:false}function v(ac,Y,ad,ab){if(M.ie&&M.mac){return}var aa=j.getElementsByTagName("head")[0];if(!aa){return}var X=(ad&&typeof ad=="string")?ad:"screen";if(ab){n=null;G=null}if(!n||G!=X){var Z=C("style");Z.setAttribute("type","text/css");Z.setAttribute("media",X);n=aa.appendChild(Z);if(M.ie&&M.win&&typeof j.styleSheets!=D&&j.styleSheets.length>0){n=j.styleSheets[j.styleSheets.length-1]}G=X}if(M.ie&&M.win){if(n&&typeof n.addRule==r){n.addRule(ac,Y)}}else{if(n&&typeof j.createTextNode!=D){n.appendChild(j.createTextNode(ac+" {"+Y+"}"))}}}function w(Z,X){if(!m){return}var Y=X?"visible":"hidden";if(J&&c(Z)){c(Z).style.visibility=Y}else{v("#"+Z,"visibility:"+Y)}}function L(Y){var Z=/[\\\"<>\.;]/;var X=Z.exec(Y)!=null;return X&&typeof encodeURIComponent!=D?encodeURIComponent(Y):Y}var d=function(){if(M.ie&&M.win){window.attachEvent("onunload",function(){var ac=I.length;for(var ab=0;ab#'.$path.'{color:'.$selectedLinkColor.';}'); +switch($path){ + case 'home': + include_once("pages/home.php"); + break; + case 'projecten': + include_once("pages/projecten.php"); + break; + case 'aboutme': + include_once("pages/aboutme.php"); + break; + case 'project': + include_once("pages/project.php"); + break; + default: + include_once("pages/404.php"); + break; +} +?> \ No newline at end of file diff --git a/porto/pages/404.php b/porto/pages/404.php new file mode 100644 index 0000000..a933343 --- /dev/null +++ b/porto/pages/404.php @@ -0,0 +1,15 @@ + + + + 404 ERROR + + + +

404 ERROR

+

SNEL TERUG JONGEMAN, U HEEFT EEN VERKEERDE AFSLAG GENOMEN!!!!

+ + \ No newline at end of file diff --git a/porto/pages/aboutme.php b/porto/pages/aboutme.php new file mode 100644 index 0000000..e90172b --- /dev/null +++ b/porto/pages/aboutme.php @@ -0,0 +1,12 @@ + + + + + +
+ +
+
+ + + \ No newline at end of file diff --git a/porto/pages/home.php b/porto/pages/home.php new file mode 100644 index 0000000..68dd968 --- /dev/null +++ b/porto/pages/home.php @@ -0,0 +1,12 @@ + + + + + +
+ +
+
+ + + \ No newline at end of file diff --git a/porto/pages/project.php b/porto/pages/project.php new file mode 100644 index 0000000..809c129 --- /dev/null +++ b/porto/pages/project.php @@ -0,0 +1,12 @@ + + + + + +
+ +
+
+ + + \ No newline at end of file diff --git a/porto/pages/projecten.php b/porto/pages/projecten.php new file mode 100644 index 0000000..e736840 --- /dev/null +++ b/porto/pages/projecten.php @@ -0,0 +1,14 @@ + + + + + +
+
+ +
+
+
+ + + \ No newline at end of file diff --git a/porto/styles/desktop.css b/porto/styles/desktop.css new file mode 100644 index 0000000..6c315e8 --- /dev/null +++ b/porto/styles/desktop.css @@ -0,0 +1,193 @@ +*{ + margin: 0px; + font-family: Helvetica, Arial, sans-serif; + opacity: 1; + color: white; + text-decoration: none; + background-repeat: no-repeat; + background-attachment: fixed; + background-size: 19200px 10800px; + /*background-size: 100vw 56vw; + background-size: 100vmax 100vmax;*/ + backface-visibility: hidden; + +} +body{ + background: url("../assets/background.png") no-repeat 0vh 0vh fixed; + background-position: 0 0; + background-size: cover; + display: flex; + min-height: 100%; + height: 100%; + flex-direction: column; + padding-bottom: 16px; + box-sizing: border-box; + overflow-y: overlay +} +main{ + height: 100%; +} +header, main, footer +{ + margin: 0px; + width: 100px; + height: auto; + flex-shrink: 0; +} +header{ + margin-top: 16px; + min-height: 60px; + width: auto; + margin-left: auto; margin-right: auto; + background-color: green; +} +footer{ + display:block; + float: bottom; + justify-self: flex-end; + text-align: center; + min-height: 30px; + margin: auto; + background-color: red; + margin-top: 32px; + width: auto; + box-sizing: content-box; + margin-bottom: 16px; + /*Make padding go inside the element rather than making it bigger*/ + padding: 16px; + +} +nav{ + text-align: center; +} +header nav a{ + text-align: center; + margin-top: auto; margin-bottom: auto; + line-height: 60px; + padding: 10px; + font-size: 28px; + font-weight: 900; + white-space: nowrap; +} +footer h1{ + line-height: 30px; + font-size: 20px; + font-weight: 300; +} +h1{ + font-size: 25px; +} +p{ + font-size: 18px; +} +.redlink{ + color:#ff4444; +} +.min-size{ + min-width: 200px; +} +.longboi{ + min-width: 60vw; +} +.blur{ + padding: 16px; + border-radius: 10px; + box-shadow: 10px 10px 15px #000000; + background: url("../assets/blurred.png") no-repeat 0 0 fixed; + background-blend-mode: hard-light; + background-attachment: fixed; + background-size: cover; +} + +.flex{ + /*Set display mode to flexbox*/ + display:inline-flex; + /*Make the element stretch to the bottom of the page pushing the footer down*/ + flex: 1 0 auto; + flex-grow: 1; + /*Make flex items wrap around*/ + flex-wrap: wrap; + flex-direction: row; + justify-content: center; +} +.flexrow{ + /*Set display mode to flexbox*/ + display:inline-flex; + /*Make the element stretch to the bottom of the page pushing the footer down*/ + flex-shrink: 1; + /*Make flex items wrap around*/ + flex-wrap: wrap; + flex-direction: row; + justify-content: center; +} +.flexcolumn{ + width: inherit; + /*Set display mode to flexbox*/ + display:flex; + /*Make the element stretch to the bottom of the page pushing the footer down*/ + flex: 1 0 auto; + flex-grow: 1; + flex-shrink: 0; + -moz-box-flex: 1; + flex-direction: column; + align-items: center; +} +main{ + margin-top: 16px; + margin-left: auto; margin-right: auto; + width: 100%; + align-items: center; + /*Make padding go inside the element rather than making it bigger*/ + /*padding: 16px;*/ +} +.transparant{ + background-color: #FFFFFF55; +} +article{ + display: inline-block; + margin: 16px; + max-width: 60vw; + max-height: auto; + word-wrap: break-word; +} +audio{ + margin-top: 8px; + width: 60vw; +} +.project{ + flex-shrink: 0; + flex-grow: 0; + display: inline-block; + max-width: 300px; + text-align: center; + margin: 16px; + margin-top: 16px; + align-self: space-between; +} +.project:hover{ + filter: brightness(1.5); +} +.project:hover, .screenshot:hover{ + box-shadow: 0px 0px 50px white; +} +.screenshot{ + margin-left: auto; margin-right: auto; + margin-top: 32px; + margin-bottom: 32px; + box-shadow: 0px 0px 50px black; + width: 50%; + box-sizing: border-box; + align-self: center; +} +.screenshotparent{ + text-align: center; +} +.nowrap{ + white-space: nowrap; +} +.profielfoto{ + display: block; + align-self: center; + justify-self: center; + margin-left: auto; margin-right: auto; +} \ No newline at end of file diff --git a/porto/styles/mobile.css b/porto/styles/mobile.css new file mode 100644 index 0000000..9aebe3c --- /dev/null +++ b/porto/styles/mobile.css @@ -0,0 +1,193 @@ +*{ + margin: 0px; + font-family: Helvetica, Arial, sans-serif; + opacity: 1; + color: white; + text-decoration: none; + background-repeat: no-repeat; + background-attachment: fixed; + background-size: 19200px 10800px; + /*background-size: 100vw 56vw; + background-size: 100vmax 100vmax;*/ + backface-visibility: hidden; + +} +body{ + background-color: #333333; + background: url("../assets/bgmobile.png") no-repeat 0vh 0vh fixed; + background-position: 0 0; + background-size: cover; + display: flex; + min-height: 100%; + height: 100vh; + flex-direction: column; + padding-bottom: 16px; + box-sizing: border-box; + overflow-y: overlay +} +main{ + height: 100%; +} +header, main, footer +{ + margin: 0px; + width: 100px; + height: auto; + flex-shrink: 0; +} +header{ + margin-top: 16px; + min-height: 60px; + width: auto; + margin-left: auto; margin-right: auto; + background-color: green; +} +footer{ + display:block; + float: bottom; + justify-self: flex-end; + text-align: center; + min-height: 30px; + margin: auto; + background-color: red; + margin-top: 32px; + width: auto; + box-sizing: content-box; + margin-bottom: 16px; + /*Make padding go inside the element rather than making it bigger*/ + padding: 16px; + +} +nav{ + text-align: center; +} +header nav a{ + text-align: center; + margin-top: auto; margin-bottom: auto; + line-height: 60px; + padding: 10px; + font-size: 28px; + font-weight: 900; + white-space: nowrap; +} +footer h1{ + line-height: 30px; + font-size: 20px; + font-weight: 300; +} +h1{ + font-size: 25px; +} +p{ + font-size: 18px; +} +.redlink{ + color:#ff4444; +} +.min-size{ + min-width: 200px; +} +.longboi{ + min-width: 60vw; +} +.blur{ + padding: 16px; + border-radius: 10px; + box-shadow: 10px 10px 15px #000000; + background-blend-mode: hard-light; + background-attachment: fixed; + background-size: cover; +} + +.flex{ + /*Set display mode to flexbox*/ + display:inline-flex; + /*Make the element stretch to the bottom of the page pushing the footer down*/ + flex: 1 0 auto; + flex-grow: 1; + /*Make flex items wrap around*/ + flex-wrap: wrap; + flex-direction: row; + justify-content: center; +} +.flexrow{ + /*Set display mode to flexbox*/ + display:inline-flex; + /*Make the element stretch to the bottom of the page pushing the footer down*/ + flex-shrink: 1; + /*Make flex items wrap around*/ + flex-wrap: wrap; + flex-direction: row; + justify-content: center; +} +.flexcolumn{ + width: inherit; + /*Set display mode to flexbox*/ + display:flex; + /*Make the element stretch to the bottom of the page pushing the footer down*/ + flex: 1 0 auto; + flex-grow: 1; + flex-shrink: 0; + -moz-box-flex: 1; + flex-direction: column; + align-items: center; +} +main{ + margin-top: 16px; + margin-left: auto; margin-right: auto; + width: 100%; + align-items: center; + /*Make padding go inside the element rather than making it bigger*/ + /*padding: 16px;*/ +} +.transparant{ + background-color: #FFFFFF55; +} +article{ + display: inline-block; + margin: 16px; + max-width: 100vw; + max-height: auto; + word-wrap: break-word; +} +audio{ + margin-top: 8px; + width: 60vw; +} +.project{ + flex-shrink: 0; + flex-grow: 0; + display: inline-block; + max-width: 300px; + text-align: center; + margin: 16px; + margin-top: 16px; + align-self: space-between; +} +.project:hover{ + filter: brightness(1.5); +} +.project:hover, .screenshot:hover{ + box-shadow: 0px 0px 50px white; +} +.screenshot{ + margin-left: auto; margin-right: auto; + margin-top: 32px; + margin-bottom: 32px; + box-shadow: 0px 0px 50px black; + width: 50%; + box-sizing: border-box; + align-self: center; +} +.screenshotparent{ + text-align: center; +} +.nowrap{ + white-space: nowrap; +} +.profielfoto{ + display: block; + align-self: center; + justify-self: center; + margin-left: auto; margin-right: auto; +} \ No newline at end of file