Help
RSS
API
Feed
Maltego
Contact
Domain > flatworldstudio.nl
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2019-12-12
104.28.30.33
(
ClassC
)
2024-09-15
172.67.130.21
(
ClassC
)
Port 80
HTTP/1.1 200 OKDate: Sun, 15 Sep 2024 15:04:24 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveReport-To: {group:heroku-nel,max_age:3600,endpoints:{url:https://nel.heroku.com/reports?ts1726412664&sid67ff5de4-ad2b-4112-9289-cf96be89efed&sOuKGuEDyRtX3sisR7JcLcPFOMesi8X3Mer42xDwnOuk%3D}}Reporting-Endpoints: heroku-nelhttps://nel.heroku.com/reports?ts1726412664&sid67ff5de4-ad2b-4112-9289-cf96be89efed&sOuKGuEDyRtX3sisR7JcLcPFOMesi8X3Mer42xDwnOuk%3DNel: {report_to:heroku-nel,max_age:3600,success_fraction:0.005,failure_fraction:0.05,response_headers:Via}X-Dns-Prefetch-Control: offX-Frame-Options: SAMEORIGINStrict-Transport-Security: max-age15552000; includeSubDomainsX-Download-Options: noopenX-Content-Type-Options: nosniffX-Xss-Protection: 1; modeblockVia: 1.1 vegurCF-Cache-Status: DYNAMICServer: cloudflareCF-RAY: 8c39825108ad9357-SEAalt-svc: h3:443; ma86400 !DOCTYPE html>html>head>title>Flat World Studio/title>meta namecharset contentutf-8 />meta nameviewport contentwidthdevice-width,initial-scale1 />script srchttps://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.min.js >/script>script srchttps://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.0/velocity.min.js >/script>script srchttps://wchat.freshchat.com/js/widget.js >/script>script srcstatic/js/chat.js >/script>link relstylesheet hrefstatic/css/main.css typetext/css />style>.navigation-container{color:#fff}.navigation{position:absolute;top:30px;width:100%}.carousel-min-height{height:125px;overflow:hidden}.arrow{width:50px;float:left;margin-top:10px;margin-right:5px;cursor:pointer}.carousel-view{display:flex;flex-direction:column;align-items:center}.carousel{display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%}.carouselcontent{display:flex;justify-content:center;align-items:center}.slide{flex:0 0 100%;display:flex;justify-content:center;align-items:center}.fade-enter-active,.fade-leave-active{transition:opacity 1s}.fade-enter-to,.fade-leave{opacity:1}.fade-enter,.fade-leave-to{opacity:0}.slide-img{width:100%}/style>/head>body>div idapp>div data-server-renderedtrue classpage>div classcarousel-view>div classcarousel>div idhook classcarouselcontent>div classslide>a href/projects/friendscallmejim classfull>img src/static/img/spacewalking_740x320.jpg altFriends Call me Jim srcset/static/img/spacewalking_1480x640.jpg 1480w, /static/img/spacewalking_740x320.jpg 740w, /static/img/spacewalking_370x160.jpg 370w classfull>/a>/div>div classslide>a href/projects/presence classfull>img src/static/img/presence_740x320.jpg altPresence srcset/static/img/presence_1480x640.jpg 1480w, /static/img/presence_740x320.jpg 740w, /static/img/presence_370x160.jpg 370w classfull>/a>/div>div classslide>a href/projects/makerscript classfull>img src/static/img/makerscript_740x320.jpg altMakerscript srcset/static/img/makerscript_1480x640.jpg 1480w, /static/img/makerscript_740x320.jpg 740w, /static/img/makerscript_370x160.jpg 370w classfull>/a>/div>div classslide>a href/projects/fabric classfull>img src/static/img/fabric_740x320.jpg altFabric srcset/static/img/fabric_1480x640.jpg 1480w, /static/img/fabric_740x320.jpg 740w, /static/img/fabric_370x160.jpg 370w classfull>/a>/div>div classslide>a href/projects/friendscallmejim classfull>img src/static/img/spacewalking_740x320.jpg altFriends Call me Jim srcset/static/img/spacewalking_1480x640.jpg 1480w, /static/img/spacewalking_740x320.jpg 740w, /static/img/spacewalking_370x160.jpg 370w classfull>/a>/div>/div>/div>/div> div classnavigation>div classnavigation-view>div classnavigation-container pad>div idnav classnavigation-content>ul>li>a href/>Home/a>/li> li>a href/work>Work/a>/li> li>a href/about>About/a>/li> li>a href# onclickshowchat();>Get in touch/a>/li>/ul>/div>/div>/div>/div> div classmain>div>div classcontent-view-desktop>div classquarter pad>img src/static/img/left.png altPrevious classarrow> img src/static/img/right.png altNext classarrow>/div> div classquarter pad>h1>Makerscript/h1>/div> div classhalf pad carousel-min-height>p>Creating low-barrier access to new making technologies./p>/div>/div> div classcontent-view-desktop>div classfull pad>h4>Activities/h4>/div>/div> div classcontent-view-desktop>div classhalf>div classpad>div classline>h3>Creative Direction/h3>/div>/div> div classcontent-view>div classhalf pad>h5>Developing and executing ideas in branding, advertising, content and product development./h5>/div> div classhalf pad>a href/projects/friendscallmejim classfull>img src/static/img/spacewalking_512x512.jpg altFriends Call me Jim classfull>/a> h2>Friends Call me Jim/h2> p>/ Immersive childrens gym./p>/div>/div>/div>div classhalf>div classpad>div classline>h3>Art & Technology/h3>/div>/div> div classcontent-view>div classhalf pad>h5>Developing and executing creative uses of technology./h5>/div> div classhalf pad>a href/projects/makerscript classfull>img src/static/img/makerscript_512x512.jpg altMakerscript classfull>/a> h2>Makerscript/h2> p>/ Creating low-barrier access to new making technologies./p>/div>/div>/div>/div>/div> !----> !----> div classfooter>p>Get in touch/p> img src/static/img/right.png altGet in touch>/div>/div>/div>/div>script>(function(){use strict;var createApp function () {return new Vue({data:function data() { return {show:true,target:2,desktop:true,tablet:false,mobile:false,slides:{title:Friends Call me Jim,body:An immersive gym for children. Branding and bespoke characters, stories and technology all developed in conjunction to deliver a completely new concept in childrens physical education.,src:\u002Fstatic\u002Fimg\u002Fspacewalking_740x320.jpg,srcset:\u002Fstatic\u002Fimg\u002Fspacewalking_1480x640.jpg 1480w, \u002Fstatic\u002Fimg\u002Fspacewalking_740x320.jpg 740w, \u002Fstatic\u002Fimg\u002Fspacewalking_370x160.jpg 370w,alt:Friends Call me Jim,link:\u002Fprojects\u002Ffriendscallmejim,navcolor:white,id:1},{title:Presence,body:An experiential VR installation exploring physicality and human behaviour in VR. Using 3D sensor data, Presence allows users to experience and explore digital versions of their own bodies.,src:\u002Fstatic\u002Fimg\u002Fpresence_740x320.jpg,srcset:\u002Fstatic\u002Fimg\u002Fpresence_1480x640.jpg 1480w, \u002Fstatic\u002Fimg\u002Fpresence_740x320.jpg 740w, \u002Fstatic\u002Fimg\u002Fpresence_370x160.jpg 370w,alt:Presence,link:\u002Fprojects\u002Fpresence,navcolor:black,id:2},{title:Makerscript,body:Creating low-barrier access to new making technologies.,src:\u002Fstatic\u002Fimg\u002Fmakerscript_740x320.jpg,srcset:\u002Fstatic\u002Fimg\u002Fmakerscript_1480x640.jpg 1480w, \u002Fstatic\u002Fimg\u002Fmakerscript_740x320.jpg 740w, \u002Fstatic\u002Fimg\u002Fmakerscript_370x160.jpg 370w,alt:Makerscript,link:\u002Fprojects\u002Fmakerscript,navcolor:black,id:3},{title:Fabric,body:A generative VR experience that explores the basic structures of digital reality.,src:\u002Fstatic\u002Fimg\u002Ffabric_740x320.jpg,srcset:\u002Fstatic\u002Fimg\u002Ffabric_1480x640.jpg 1480w, \u002Fstatic\u002Fimg\u002Ffabric_740x320.jpg 740w, \u002Fstatic\u002Fimg\u002Ffabric_370x160.jpg 370w,alt:Fabric,link:\u002Fprojects\u002Ffabric,navcolor:white,id:4},{title:Friends Call me Jim,body:An immersive gym for children. Branding and bespoke characters, stories and technology all developed in conjunction to deliver a completely new concept in childrens physical education.,src:\u002Fstatic\u002Fimg\u002Fspacewalking_740x320.jpg,srcset:\u002Fstatic\u002Fimg\u002Fspacewalking_1480x640.jpg 1480w, \u002Fstatic\u002Fimg\u002Fspacewalking_740x320.jpg 740w, \u002Fstatic\u002Fimg\u002Fspacewalking_370x160.jpg 370w,alt:Friends Call me Jim,link:\u002Fprojects\u002Ffriendscallmejim,navcolor:white,id:5},foo:true,bar:yes,qux:{id:123,baz:anything you wish, you can have any kind of object in the data object, it will be global and on every route},copy:{header:Activities},activities:{id:0,header:Creative Direction,body:Developing and executing ideas in branding, advertising, content and product development.,img:\u002Fstatic\u002Fimg\u002Fspacewalking_512x512.jpg,imgalt:Friends Call me Jim,imgheader:Friends Call me Jim,imgbody:\u002F Immersive childrens gym.,link:\u002Fprojects\u002Ffriendscallmejim},{id:1,header:Art & Technology,body:Developing and executing creative uses of technology.,img:\u002Fstatic\u002Fimg\u002Fmakerscript_512x512.jpg,imgalt:Makerscript,imgheader:Makerscript,imgbody:\u002F Creating low-barrier access to new making technologies.,link:\u002Fprojects\u002Fmakerscript}}; },methods:{onResize:function () { var w window.innerWidth; if (w > 980) { this.desktop true; this.tablet false; this.mobile false; } else if (w > 500) { this.desktop false; this.tablet true; this.mobile false; } else { this.desktop false; this.tablet false; this.mobile true; } },next:function () { var self this; self.show false; this.timer.reset(7500); var w document.body.clientWidth; var el document.getElementById(hook); Velocity( el, { translateX: -w, 0, }, { duration: 1000, complete: function (elements) { const first self.slides.shift(); self.slides self.slides.concat(first); self.target (self.target + 1) % self.slides.length; var nav document.getElementById(nav); nav.style.color self.slides2.navcolor; self.show true; }, } ); },previous:function () { var self this; self.show false; this.timer.reset(7500); var w document.body.clientWidth; var el document.getElementById(hook); Velocity( el, { translateX: w, 0, }, { duration: 1000, complete: function (elements) { const last self.slides.pop(); self.slides last.concat(self.slides); self.target (self.target - 1 + self.slides.length) % self.slides.length; var nav document.getElementById(nav); nav.style.color self.slides2.navcolor; self.show true; }, } ); }},beforeUpdate:function () { // console.log(updating..) // Logs the counter value every second, before the DOM updates. var el document.getElementById(hook); el.style.transform translateX(0px); },watch:{target:function (val) { // console.log(changed + val); }},created:function () {},mounted:function () { // this.movingfalse; // var nxt this.next; window.addEventListener(resize, this.onResize); this.onResize(); initchat(); var nav document.getElementById(nav); nav.style.color this.slides2.navcolor; function Timer(fn, t) { var timerObj setInterval(fn, t); this.stop function () { if (timerObj) { clearInterval(timerObj); timerObj null; } return this; }; // start timer using current settings (if its not already running) this.start function () { if (!timerObj) { this.stop(); timerObj setInterval(fn, t); } return this; }; // start with new interval, stop current interval this.reset function (newT) { t newT; return this.stop().start(); }; } var self this; // self.showing(count+self.target+2)%count; // this.autoslide window.setInterval(this.next, 3000); this.timer new Timer(self.next, 2500); // // switch interval to 10 seconds // timer.reset(10000); // // // stop the timer // timer.stop(); // start the timer this.timer.start(); },render:function render () {var _vmthis;var _h_vm.$createElement;var _c_vm._self._c||_h;return _c(div,{staticClass:page},_c(div,{staticClass:carousel-view},_c(div,{staticClass:carousel},_c(div,{staticClass:carouselcontent,attrs:{id:hook}},_vm._l((_vm.slides),function(slide){return _c(div,{key:slide.id,staticClass:slide},_c(a,{staticClass:full,attrs:{href:slide.link}},_c(img,{staticClass:full,attrs:{src:slide.src,alt:slide.alt,srcset:slide.srcset}})))})))),_vm._v( ),_vm._m(0),_vm._v( ),_c(div,{staticClass:main},(_vm.desktop)?_c(div,_c(div,{staticClass:content-view-desktop},_c(div,{staticClass:quarter pad},_c(img,{staticClass:arrow,attrs:{src:/static/img/left.png,alt:Previous},on:{click:_vm.previous}}),_vm._v( ),_c(img,{staticClass:arrow,attrs:{src:/static/img/right.png ,alt:Next},on:{click:_vm.next}})),_vm._v( ),_c(div,{staticClass:quarter pad},_c(h1,_vm._v(_vm._s(_vm.slides2.title)))),_vm._v( ),_c(div,{staticClass:half pad carousel-min-height},_c(p,_vm._v(_vm._s(_vm.slides2.body))))),_vm._v( ),_c(div,{staticClass:content-view-desktop},_c(div,{staticClass:full pad},_c(h4,_vm._v(_vm._s(_vm.copy.header))))),_vm._v( ),_c(div,{staticClass:content-view-desktop},_vm._l((_vm.activities),function(activity,index){return _c(div,{key:index,staticClass:half},_c(div,{staticClass:pad},_c(div,{staticClass:line},_c(h3,_vm._v(_vm._s(activity.header))))),_vm._v( ),_c(div,{staticClass:content-view},_c(div,{staticClass:half pad},_c(h5,_vm._v(_vm._s(activity.body)))),_vm._v( ),_c(div,{staticClass:half pad},_c(a,{staticClass:full,attrs:{href:activity.link}},_c(img,{staticClass:full,attrs:{src:activity.img,alt:activity.imgalt}})),_vm._v( ),_c(h2,_vm._v(_vm._s(activity.imgheader))),_vm._v( ),_c(p,_vm._v(_vm._s(activity.imgbody))))))}))):_vm._e(),_vm._v( ),(_vm.tablet)?_c(div,_c(div,{staticClass:content-view-tablet},_c(div,{staticClass:half pad},_c(img,{staticClass:arrow,attrs:{src:/static/img/left.png,alt:Previous},on:{click:_vm.previous}}),_vm._v( ),_c(img,{staticClass:arrow,attrs:{src:/static/img/right.png ,alt:Next},on:{click:_vm.next}})),_vm._v( ),_c(div,{staticClass:half pad},_c(h1,_vm._v(_vm._s(_vm.slides2.title))))),_vm._v( ),_c(div,{staticClass:content-view-tablet},_c(div,{staticClass:full pad carousel-min-height},_c(p,_vm._v(_vm._s(_vm.slides2.body))))),_vm._v( ),_c(div,{staticClass:content-view-tablet},_c(div,{staticClass:full pad},_c(h4,_vm._v(_vm._s(_vm.copy.header))))),_vm._v( ),_vm._l((_vm.activities),function(activity,index){return _c(div,{key:index},_c(div,{staticClass:content-view-tablet},_c(div,{staticClass:pad full},_c(div,{staticClass:line},_c(h3,_vm._v(_vm._s(activity.header)))))),_vm._v( ),_c(div,{staticClass:content-view-tablet},_c(div,{staticClass:half pad},_c(h5,_vm._v(_vm._s(activity.body)))),_vm._v( ),_c(div,{staticClass:half pad},_c(a,{staticClass:full,attrs:{href:activity.link}},_c(img,{staticClass:full,attrs:{src:activity.img,alt:activity.imgalt}})),_vm._v( ),_c(h2,_vm._v(_vm._s(activity.imgheader))),_vm._v( ),_c(p,_vm._v(_vm._s(activity.imgbody))))))}),2):_vm._e(),_vm._v( ),(_vm.mobile)?_c(div,_c(div,{staticClass:content-view-mobile},_c(div,{staticClass:full pad},_c(img,{staticClass:arrow,attrs:{src:/static/img/left.png,alt:Previous},on:{click:_vm.previous}}),_vm._v( ),_c(img,{staticClass:arrow,attrs:{src:/static/img/right.png ,alt:Next},on:{click:_vm.next}}))),_vm._v( ),_c(div,{staticClass:content-view-mobile},_c(div,{staticClass:full pad},_c(h1,_vm._v(_vm._s(_vm.slides2.title))))),_vm._v( ),_c(div,{staticClass:content-view-mobile},_c(div,{staticClass:full pad carousel-min-height},_c(p,_vm._v(_vm._s(_vm.slides2.body))))),_vm._v( ),_c(div,{staticClass:content-view-mobile},_c(div,{staticClass:full pad},_c(h4,_vm._v(_vm._s(_vm.copy.header))))),_vm._v( ),_vm._l((_vm.activities),function(activity,index){return _c(div,{key:index},_c(div,{staticClass:content-view-mobile},_c(div,{staticClass:pad full},_c(div,{staticClass:line},_c(h3,_vm._v(_vm._s(activity.header)))))),_vm._v( ),_c(div,{staticClass:content-view-mobile},_c(div,{staticClass:full pad},_c(h5,_vm._v(_vm._s(activity.body))))),_vm._v( ),_c(div,{staticClass:content-view-mobile},_c(div,{staticClass:full pad},_c(a,{staticClass:full,attrs:{href:activity.link}},_c(img,{staticClass:full,attrs:{src:activity.img,alt:activity.imgalt}})),_vm._v( ),_c(h2,_vm._v(_vm._s(activity.imgheader))),_vm._v( ),_c(p,_vm._v(_vm._s(activity.imgbody))))),_vm._v( ),_c(div,{staticClass:spacer}))}),2):_vm._e(),_vm._v( ),_vm._m(1)))},staticRenderFns:function render () {var _vmthis;var _h_vm.$createElement;var _c_vm._self._c||_h;return _c(div,{staticClass:navigation},_c(div,{staticClass:navigation-view},_c(div,{staticClass:navigation-container pad},_c(div,{staticClass:navigation-content,attrs:{id:nav}},_c(ul,_c(li,_c(a,{attrs:{href:/}},_vm._v(Home))),_vm._v( ),_c(li,_c(a,{attrs:{href:/work}},_vm._v(Work))),_vm._v( ),_c(li,_c(a,{attrs:{href:/about}},_vm._v(About))),_vm._v( ),_c(li,_c(a,{attrs:{href:#,onclick:showchat();}},_vm._v(Get in touch))))))))},function render () {var _vmthis;var _h_vm.$createElement;var _c_vm._self._c||_h;return _c(div,{staticClass:footer},_c(p,_vm._v(Get in touch)),_vm._v( ),_c(img,{attrs:{src:/static/img/right.png,alt:Get in touch}}))}})};undefined!typeof module&&module.exports?module.exportscreateApp:this.appcreateApp()}).call(this),app.$mount(#app);/script>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Sun, 15 Sep 2024 15:04:24 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveReport-To: {group:heroku-nel,max_age:3600,endpoints:{url:https://nel.heroku.com/reports?ts1726412664&sid67ff5de4-ad2b-4112-9289-cf96be89efed&sOuKGuEDyRtX3sisR7JcLcPFOMesi8X3Mer42xDwnOuk%3D}}Reporting-Endpoints: heroku-nelhttps://nel.heroku.com/reports?ts1726412664&sid67ff5de4-ad2b-4112-9289-cf96be89efed&sOuKGuEDyRtX3sisR7JcLcPFOMesi8X3Mer42xDwnOuk%3DNel: {report_to:heroku-nel,max_age:3600,success_fraction:0.005,failure_fraction:0.05,response_headers:Via}X-Dns-Prefetch-Control: offX-Frame-Options: SAMEORIGINStrict-Transport-Security: max-age15552000; includeSubDomainsX-Download-Options: noopenX-Content-Type-Options: nosniffX-Xss-Protection: 1; modeblockVia: 1.1 vegurCF-Cache-Status: DYNAMICServer: cloudflareCF-RAY: 8c398252dcf5ebbb-SEAalt-svc: h3:443; ma86400 !DOCTYPE html>html>head>title>Flat World Studio/title>meta namecharset contentutf-8 />meta nameviewport contentwidthdevice-width,initial-scale1 />script srchttps://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.min.js >/script>script srchttps://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.0/velocity.min.js >/script>script srchttps://wchat.freshchat.com/js/widget.js >/script>script srcstatic/js/chat.js >/script>link relstylesheet hrefstatic/css/main.css typetext/css />style>.navigation-container{color:#fff}.navigation{position:absolute;top:30px;width:100%}.carousel-min-height{height:125px;overflow:hidden}.arrow{width:50px;float:left;margin-top:10px;margin-right:5px;cursor:pointer}.carousel-view{display:flex;flex-direction:column;align-items:center}.carousel{display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%}.carouselcontent{display:flex;justify-content:center;align-items:center}.slide{flex:0 0 100%;display:flex;justify-content:center;align-items:center}.fade-enter-active,.fade-leave-active{transition:opacity 1s}.fade-enter-to,.fade-leave{opacity:1}.fade-enter,.fade-leave-to{opacity:0}.slide-img{width:100%}/style>/head>body>div idapp>div data-server-renderedtrue classpage>div classcarousel-view>div classcarousel>div idhook classcarouselcontent>div classslide>a href/projects/friendscallmejim classfull>img src/static/img/spacewalking_740x320.jpg altFriends Call me Jim srcset/static/img/spacewalking_1480x640.jpg 1480w, /static/img/spacewalking_740x320.jpg 740w, /static/img/spacewalking_370x160.jpg 370w classfull>/a>/div>div classslide>a href/projects/presence classfull>img src/static/img/presence_740x320.jpg altPresence srcset/static/img/presence_1480x640.jpg 1480w, /static/img/presence_740x320.jpg 740w, /static/img/presence_370x160.jpg 370w classfull>/a>/div>div classslide>a href/projects/makerscript classfull>img src/static/img/makerscript_740x320.jpg altMakerscript srcset/static/img/makerscript_1480x640.jpg 1480w, /static/img/makerscript_740x320.jpg 740w, /static/img/makerscript_370x160.jpg 370w classfull>/a>/div>div classslide>a href/projects/fabric classfull>img src/static/img/fabric_740x320.jpg altFabric srcset/static/img/fabric_1480x640.jpg 1480w, /static/img/fabric_740x320.jpg 740w, /static/img/fabric_370x160.jpg 370w classfull>/a>/div>div classslide>a href/projects/friendscallmejim classfull>img src/static/img/spacewalking_740x320.jpg altFriends Call me Jim srcset/static/img/spacewalking_1480x640.jpg 1480w, /static/img/spacewalking_740x320.jpg 740w, /static/img/spacewalking_370x160.jpg 370w classfull>/a>/div>/div>/div>/div> div classnavigation>div classnavigation-view>div classnavigation-container pad>div idnav classnavigation-content>ul>li>a href/>Home/a>/li> li>a href/work>Work/a>/li> li>a href/about>About/a>/li> li>a href# onclickshowchat();>Get in touch/a>/li>/ul>/div>/div>/div>/div> div classmain>div>div classcontent-view-desktop>div classquarter pad>img src/static/img/left.png altPrevious classarrow> img src/static/img/right.png altNext classarrow>/div> div classquarter pad>h1>Makerscript/h1>/div> div classhalf pad carousel-min-height>p>Creating low-barrier access to new making technologies./p>/div>/div> div classcontent-view-desktop>div classfull pad>h4>Activities/h4>/div>/div> div classcontent-view-desktop>div classhalf>div classpad>div classline>h3>Creative Direction/h3>/div>/div> div classcontent-view>div classhalf pad>h5>Developing and executing ideas in branding, advertising, content and product development./h5>/div> div classhalf pad>a href/projects/friendscallmejim classfull>img src/static/img/spacewalking_512x512.jpg altFriends Call me Jim classfull>/a> h2>Friends Call me Jim/h2> p>/ Immersive childrens gym./p>/div>/div>/div>div classhalf>div classpad>div classline>h3>Art & Technology/h3>/div>/div> div classcontent-view>div classhalf pad>h5>Developing and executing creative uses of technology./h5>/div> div classhalf pad>a href/projects/makerscript classfull>img src/static/img/makerscript_512x512.jpg altMakerscript classfull>/a> h2>Makerscript/h2> p>/ Creating low-barrier access to new making technologies./p>/div>/div>/div>/div>/div> !----> !----> div classfooter>p>Get in touch/p> img src/static/img/right.png altGet in touch>/div>/div>/div>/div>script>(function(){use strict;var createApp function () {return new Vue({data:function data() { return {show:true,target:2,desktop:true,tablet:false,mobile:false,slides:{title:Friends Call me Jim,body:An immersive gym for children. Branding and bespoke characters, stories and technology all developed in conjunction to deliver a completely new concept in childrens physical education.,src:\u002Fstatic\u002Fimg\u002Fspacewalking_740x320.jpg,srcset:\u002Fstatic\u002Fimg\u002Fspacewalking_1480x640.jpg 1480w, \u002Fstatic\u002Fimg\u002Fspacewalking_740x320.jpg 740w, \u002Fstatic\u002Fimg\u002Fspacewalking_370x160.jpg 370w,alt:Friends Call me Jim,link:\u002Fprojects\u002Ffriendscallmejim,navcolor:white,id:1},{title:Presence,body:An experiential VR installation exploring physicality and human behaviour in VR. Using 3D sensor data, Presence allows users to experience and explore digital versions of their own bodies.,src:\u002Fstatic\u002Fimg\u002Fpresence_740x320.jpg,srcset:\u002Fstatic\u002Fimg\u002Fpresence_1480x640.jpg 1480w, \u002Fstatic\u002Fimg\u002Fpresence_740x320.jpg 740w, \u002Fstatic\u002Fimg\u002Fpresence_370x160.jpg 370w,alt:Presence,link:\u002Fprojects\u002Fpresence,navcolor:black,id:2},{title:Makerscript,body:Creating low-barrier access to new making technologies.,src:\u002Fstatic\u002Fimg\u002Fmakerscript_740x320.jpg,srcset:\u002Fstatic\u002Fimg\u002Fmakerscript_1480x640.jpg 1480w, \u002Fstatic\u002Fimg\u002Fmakerscript_740x320.jpg 740w, \u002Fstatic\u002Fimg\u002Fmakerscript_370x160.jpg 370w,alt:Makerscript,link:\u002Fprojects\u002Fmakerscript,navcolor:black,id:3},{title:Fabric,body:A generative VR experience that explores the basic structures of digital reality.,src:\u002Fstatic\u002Fimg\u002Ffabric_740x320.jpg,srcset:\u002Fstatic\u002Fimg\u002Ffabric_1480x640.jpg 1480w, \u002Fstatic\u002Fimg\u002Ffabric_740x320.jpg 740w, \u002Fstatic\u002Fimg\u002Ffabric_370x160.jpg 370w,alt:Fabric,link:\u002Fprojects\u002Ffabric,navcolor:white,id:4},{title:Friends Call me Jim,body:An immersive gym for children. Branding and bespoke characters, stories and technology all developed in conjunction to deliver a completely new concept in childrens physical education.,src:\u002Fstatic\u002Fimg\u002Fspacewalking_740x320.jpg,srcset:\u002Fstatic\u002Fimg\u002Fspacewalking_1480x640.jpg 1480w, \u002Fstatic\u002Fimg\u002Fspacewalking_740x320.jpg 740w, \u002Fstatic\u002Fimg\u002Fspacewalking_370x160.jpg 370w,alt:Friends Call me Jim,link:\u002Fprojects\u002Ffriendscallmejim,navcolor:white,id:5},foo:true,bar:yes,qux:{id:123,baz:anything you wish, you can have any kind of object in the data object, it will be global and on every route},copy:{header:Activities},activities:{id:0,header:Creative Direction,body:Developing and executing ideas in branding, advertising, content and product development.,img:\u002Fstatic\u002Fimg\u002Fspacewalking_512x512.jpg,imgalt:Friends Call me Jim,imgheader:Friends Call me Jim,imgbody:\u002F Immersive childrens gym.,link:\u002Fprojects\u002Ffriendscallmejim},{id:1,header:Art & Technology,body:Developing and executing creative uses of technology.,img:\u002Fstatic\u002Fimg\u002Fmakerscript_512x512.jpg,imgalt:Makerscript,imgheader:Makerscript,imgbody:\u002F Creating low-barrier access to new making technologies.,link:\u002Fprojects\u002Fmakerscript}}; },methods:{onResize:function () { var w window.innerWidth; if (w > 980) { this.desktop true; this.tablet false; this.mobile false; } else if (w > 500) { this.desktop false; this.tablet true; this.mobile false; } else { this.desktop false; this.tablet false; this.mobile true; } },next:function () { var self this; self.show false; this.timer.reset(7500); var w document.body.clientWidth; var el document.getElementById(hook); Velocity( el, { translateX: -w, 0, }, { duration: 1000, complete: function (elements) { const first self.slides.shift(); self.slides self.slides.concat(first); self.target (self.target + 1) % self.slides.length; var nav document.getElementById(nav); nav.style.color self.slides2.navcolor; self.show true; }, } ); },previous:function () { var self this; self.show false; this.timer.reset(7500); var w document.body.clientWidth; var el document.getElementById(hook); Velocity( el, { translateX: w, 0, }, { duration: 1000, complete: function (elements) { const last self.slides.pop(); self.slides last.concat(self.slides); self.target (self.target - 1 + self.slides.length) % self.slides.length; var nav document.getElementById(nav); nav.style.color self.slides2.navcolor; self.show true; }, } ); }},beforeUpdate:function () { // console.log(updating..) // Logs the counter value every second, before the DOM updates. var el document.getElementById(hook); el.style.transform translateX(0px); },watch:{target:function (val) { // console.log(changed + val); }},created:function () {},mounted:function () { // this.movingfalse; // var nxt this.next; window.addEventListener(resize, this.onResize); this.onResize(); initchat(); var nav document.getElementById(nav); nav.style.color this.slides2.navcolor; function Timer(fn, t) { var timerObj setInterval(fn, t); this.stop function () { if (timerObj) { clearInterval(timerObj); timerObj null; } return this; }; // start timer using current settings (if its not already running) this.start function () { if (!timerObj) { this.stop(); timerObj setInterval(fn, t); } return this; }; // start with new interval, stop current interval this.reset function (newT) { t newT; return this.stop().start(); }; } var self this; // self.showing(count+self.target+2)%count; // this.autoslide window.setInterval(this.next, 3000); this.timer new Timer(self.next, 2500); // // switch interval to 10 seconds // timer.reset(10000); // // // stop the timer // timer.stop(); // start the timer this.timer.start(); },render:function render () {var _vmthis;var _h_vm.$createElement;var _c_vm._self._c||_h;return _c(div,{staticClass:page},_c(div,{staticClass:carousel-view},_c(div,{staticClass:carousel},_c(div,{staticClass:carouselcontent,attrs:{id:hook}},_vm._l((_vm.slides),function(slide){return _c(div,{key:slide.id,staticClass:slide},_c(a,{staticClass:full,attrs:{href:slide.link}},_c(img,{staticClass:full,attrs:{src:slide.src,alt:slide.alt,srcset:slide.srcset}})))})))),_vm._v( ),_vm._m(0),_vm._v( ),_c(div,{staticClass:main},(_vm.desktop)?_c(div,_c(div,{staticClass:content-view-desktop},_c(div,{staticClass:quarter pad},_c(img,{staticClass:arrow,attrs:{src:/static/img/left.png,alt:Previous},on:{click:_vm.previous}}),_vm._v( ),_c(img,{staticClass:arrow,attrs:{src:/static/img/right.png ,alt:Next},on:{click:_vm.next}})),_vm._v( ),_c(div,{staticClass:quarter pad},_c(h1,_vm._v(_vm._s(_vm.slides2.title)))),_vm._v( ),_c(div,{staticClass:half pad carousel-min-height},_c(p,_vm._v(_vm._s(_vm.slides2.body))))),_vm._v( ),_c(div,{staticClass:content-view-desktop},_c(div,{staticClass:full pad},_c(h4,_vm._v(_vm._s(_vm.copy.header))))),_vm._v( ),_c(div,{staticClass:content-view-desktop},_vm._l((_vm.activities),function(activity,index){return _c(div,{key:index,staticClass:half},_c(div,{staticClass:pad},_c(div,{staticClass:line},_c(h3,_vm._v(_vm._s(activity.header))))),_vm._v( ),_c(div,{staticClass:content-view},_c(div,{staticClass:half pad},_c(h5,_vm._v(_vm._s(activity.body)))),_vm._v( ),_c(div,{staticClass:half pad},_c(a,{staticClass:full,attrs:{href:activity.link}},_c(img,{staticClass:full,attrs:{src:activity.img,alt:activity.imgalt}})),_vm._v( ),_c(h2,_vm._v(_vm._s(activity.imgheader))),_vm._v( ),_c(p,_vm._v(_vm._s(activity.imgbody))))))}))):_vm._e(),_vm._v( ),(_vm.tablet)?_c(div,_c(div,{staticClass:content-view-tablet},_c(div,{staticClass:half pad},_c(img,{staticClass:arrow,attrs:{src:/static/img/left.png,alt:Previous},on:{click:_vm.previous}}),_vm._v( ),_c(img,{staticClass:arrow,attrs:{src:/static/img/right.png ,alt:Next},on:{click:_vm.next}})),_vm._v( ),_c(div,{staticClass:half pad},_c(h1,_vm._v(_vm._s(_vm.slides2.title))))),_vm._v( ),_c(div,{staticClass:content-view-tablet},_c(div,{staticClass:full pad carousel-min-height},_c(p,_vm._v(_vm._s(_vm.slides2.body))))),_vm._v( ),_c(div,{staticClass:content-view-tablet},_c(div,{staticClass:full pad},_c(h4,_vm._v(_vm._s(_vm.copy.header))))),_vm._v( ),_vm._l((_vm.activities),function(activity,index){return _c(div,{key:index},_c(div,{staticClass:content-view-tablet},_c(div,{staticClass:pad full},_c(div,{staticClass:line},_c(h3,_vm._v(_vm._s(activity.header)))))),_vm._v( ),_c(div,{staticClass:content-view-tablet},_c(div,{staticClass:half pad},_c(h5,_vm._v(_vm._s(activity.body)))),_vm._v( ),_c(div,{staticClass:half pad},_c(a,{staticClass:full,attrs:{href:activity.link}},_c(img,{staticClass:full,attrs:{src:activity.img,alt:activity.imgalt}})),_vm._v( ),_c(h2,_vm._v(_vm._s(activity.imgheader))),_vm._v( ),_c(p,_vm._v(_vm._s(activity.imgbody))))))}),2):_vm._e(),_vm._v( ),(_vm.mobile)?_c(div,_c(div,{staticClass:content-view-mobile},_c(div,{staticClass:full pad},_c(img,{staticClass:arrow,attrs:{src:/static/img/left.png,alt:Previous},on:{click:_vm.previous}}),_vm._v( ),_c(img,{staticClass:arrow,attrs:{src:/static/img/right.png ,alt:Next},on:{click:_vm.next}}))),_vm._v( ),_c(div,{staticClass:content-view-mobile},_c(div,{staticClass:full pad},_c(h1,_vm._v(_vm._s(_vm.slides2.title))))),_vm._v( ),_c(div,{staticClass:content-view-mobile},_c(div,{staticClass:full pad carousel-min-height},_c(p,_vm._v(_vm._s(_vm.slides2.body))))),_vm._v( ),_c(div,{staticClass:content-view-mobile},_c(div,{staticClass:full pad},_c(h4,_vm._v(_vm._s(_vm.copy.header))))),_vm._v( ),_vm._l((_vm.activities),function(activity,index){return _c(div,{key:index},_c(div,{staticClass:content-view-mobile},_c(div,{staticClass:pad full},_c(div,{staticClass:line},_c(h3,_vm._v(_vm._s(activity.header)))))),_vm._v( ),_c(div,{staticClass:content-view-mobile},_c(div,{staticClass:full pad},_c(h5,_vm._v(_vm._s(activity.body))))),_vm._v( ),_c(div,{staticClass:content-view-mobile},_c(div,{staticClass:full pad},_c(a,{staticClass:full,attrs:{href:activity.link}},_c(img,{staticClass:full,attrs:{src:activity.img,alt:activity.imgalt}})),_vm._v( ),_c(h2,_vm._v(_vm._s(activity.imgheader))),_vm._v( ),_c(p,_vm._v(_vm._s(activity.imgbody))))),_vm._v( ),_c(div,{staticClass:spacer}))}),2):_vm._e(),_vm._v( ),_vm._m(1)))},staticRenderFns:function render () {var _vmthis;var _h_vm.$createElement;var _c_vm._self._c||_h;return _c(div,{staticClass:navigation},_c(div,{staticClass:navigation-view},_c(div,{staticClass:navigation-container pad},_c(div,{staticClass:navigation-content,attrs:{id:nav}},_c(ul,_c(li,_c(a,{attrs:{href:/}},_vm._v(Home))),_vm._v( ),_c(li,_c(a,{attrs:{href:/work}},_vm._v(Work))),_vm._v( ),_c(li,_c(a,{attrs:{href:/about}},_vm._v(About))),_vm._v( ),_c(li,_c(a,{attrs:{href:#,onclick:showchat();}},_vm._v(Get in touch))))))))},function render () {var _vmthis;var _h_vm.$createElement;var _c_vm._self._c||_h;return _c(div,{staticClass:footer},_c(p,_vm._v(Get in touch)),_vm._v( ),_c(img,{attrs:{src:/static/img/right.png,alt:Get in touch}}))}})};undefined!typeof module&&module.exports?module.exportscreateApp:this.appcreateApp()}).call(this),app.$mount(#app);/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]