Help
RSS
API
Feed
Maltego
Contact
Domain > alintakrauth.com
×
Welcome!
Right click nodes and scroll the mouse to navigate the graph.
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
Whois
Property
Value
Email
heliopod@gmail.com
NameServer
NS6084.HOSTGATOR.COM
Created
2013-08-15 00:00:00
Changed
2016-08-06 00:00:00
Expires
2017-08-15 00:00:00
Registrar
LAUNCHPAD.COM, INC.
DNS Resolutions
Date
IP Address
2024-09-03
50.87.150.77
(
ClassC
)
Port 80
HTTP/1.1 200 OKDate: Tue, 03 Sep 2024 21:01:54 GMTServer: ApacheUpgrade: h2,h2cConnection: UpgradeLast-Modified: Wed, 22 Jun 2022 06:40:37 GMTAccept-Ranges: bytesContent-Length: 407727Vary: Accept-EncodingContent-Type: text/html !DOCTYPE html>!-- /** Horizonal Unique Creative OnePage Bootstrap HTML5 Copyright (c) 2013, Subramanian Author: Subramanian Profile: themeforest.net/user/FMedia/ Version: 1.0.0 Release Date: September 2013**/ --> html langen> head> !-- Basic Page Needs --> meta charsetutf-8> title>More-than-human meeting points/title> meta namedescription content> meta nameauthor content> !-- Mobile Specific Metas --> meta nameviewport contentwidthdevice-width, initial-scale1, maximum-scale1, user-scalableno> !-- CSS --> !--if lt IE 9> script srchttp://html5shim.googlecode.com/svn/trunk/html5.js>/script> !endif--> !-- Favicons --> link relshortcut icon hrefimages/favicon.ico> link relapple-touch-icon hrefimages/apple-touch-icon.png> link relapple-touch-icon sizes72x72 hrefimages/apple-touch-icon-72x72.png> link relapple-touch-icon sizes114x114 hrefimages/apple-touch-icon-114x114.png> !-- Included CSS files --> link relstylesheet typetext/css hrefcss/bootstrap.min.css> link relstylesheet typetext/css hrefcss/bootstrap-responsive.min.css> link relstylesheet typetext/css hreffont-awesome/css/font-awesome.min.css> link relstylesheet typetext/css hrefcss/main.min.css> link relstylesheet typetext/css hrefcss/base.min.css> link relstylesheet typetext/css hrefcss/color.css> link relstylesheet typetext/css hrefcss/elastislide.css> link relstylesheet typetext/css hrefcss/jquery.mCustomScrollbar.css /> link relstylesheet typetext/css hrefcss/jquery.fancybox-1.3.4.min.css mediascreen /> link relstylesheet typetext/css hrefcss/flexslider.min.css mediascreen /> link relstylesheet typetext/css hrefcss/supersized.min.css mediascreen /> link relstylesheet typetext/css hrefcss/supersized.shutter.min.css mediascreen /> !--if gte IE 9> style typetext/css> .gradient { filter: none; } /style> !endif--> !-- Included javascript files --> script typetext/javascript srcjs/jquery-1.8.2.min.js>/script> script typetext/javascript srcjs/bootstrap.min.js>/script> script typetext/javascript srcjs/jflickrfeed.min.js>/script> script typetext/javascript srchttps://maps.googleapis.com/maps/api/js?v3.exp&sensorfalse>/script> script typetext/javascript srcjs/supersized.3.2.7.min.js>/script> script typetext/javascript srcjs/supersized.shutter.min.js>/script> script typetext/javascript srcjs/jquery.fancybox-1.3.4.min.js>/script> script typetext/javascript srcjs/jquery.mCustomScrollbar.concat.min.js>/script> script typetext/javascript srcjs/jquerypp.elastislide.custom.js >/script> script typetext/javascript srcjs/jquery.elastislide.js >/script> script typetext/javascript srcjs/jquery.nicescroll.min.js>/script> script typetext/javascript srcjs/portfolio.detail.min.js>/script> script typetext/javascript srcjs/jquery.flexslider.min.js>/script> script typetext/javascript srcjs/custom.min.js>/script> script typetext/javascript srcjs/main-fm.min.js>/script> script typetext/javascript srcjs/jquery.jstwitter.js>/script> script typetext/javascript> /* Twitter initilize */ $(function () { // start jqtweet! JQTWEET.loadTweets(); }); /* Initialize supersized fullscreen image gallery jQuery(function($){ $.supersized({ // Functionality slideshow : 1, // Slideshow on/off autoplay : 0, // Slideshow starts playing automatically start_slide : 1, // Start slide (0 is random) stop_loop : 1, // Pauses slideshow on last slide random : 0, // Randomize slide order (Ignores start slide) slide_interval : 4000, // Length between transitions transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left transition_speed : 1000, // Speed of transition new_window : 1, // Image links open in new window/tab pause_hover : 0, // Pause slideshow on hover keyboard_nav : 1, // Keyboard navigation on/off performance : 1, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit) image_protect : 1, // Disables image dragging and right click with Javascript // Size & Position min_width : 0, // Min width allowed (in pixels) min_height : 0, // Min height allowed (in pixels) vertical_center : 1, // Vertically center background horizontal_center : 1, // Horizontally center background fit_always : 0, // Image will never exceed browser width or height (Ignores min. dimensions) fit_portrait : 0, // Portrait images will not exceed browser height fit_landscape : 0, // Landscape images will not exceed browser width // Components slide_links : blank, // Individual links for each slide (Options: false, num, name, blank) thumb_links : 1, // Individual thumb links for each slide thumbnail_navigation : 0, // Thumbnail navigation slides : // Slideshow Images, image_small attribute is used to load the mobile version image, main_title attribute is used to add the image tile div {image : images/portfolio/sig1.png, image_small : images/portfolio/sig1.png, main_title : .home_slider_title1, slide_interval: 5000 }, {image : images/portfolio/crtitle.jpg, image_small : images/portfolio/crtitle.jpg, main_title : .home_slider_title2, slide_interval: 5000}, {image : images/portfolio/redzone3.jpg, image_small : images/portfolio/redzone3.jpg, main_title : .home_slider_title3, slide_interval: 5000}, {image : images/portfolio/sig2.png, image_small : images/portfolio/sig2.png, main_title : .home_slider_title4, slide_interval: 5000} , // Theme Options progress_bar : 1, // Timer for each slide mouse_scrub : 0 }); }); */ $(document).ready(function(){ // Portfolio Filterable gallery project detail plug-in initialize $(body).find(.portfolioPage).each(function(){ var mc $(this); jQuery(function($){ mc.detailPage({ filter : .filter_options }) }); }); /* Site Main plug-in initilize */ jQuery(function($){ $(body).mainFm({ /* Set the opening page. leave it blank value if you need to show the home page as a opening page*/ currentPage : !portfolio, /* FlexSlider slideshow speed */ slideshowSpeed : 5000, //portfolioAutoOpen : true, homeSliderThumbnail : false }); }); // Email submit action $(#email_submit).click(function() { $(#reply_message).removeClass(); $(#reply_message).html() var regEx ; // validate Name var name $(input#name).val(); regEx/^A-Za-z .-+$/; if (name || name Name || !regEx.test(name)) { $(input#name).val(); $(input#name).focus(); return false; } // validate Email var email $(input#email).val(); regEx/^A-Za-z0-9._%-+@A-Za-z0-9.-+\.A-Za-z{2,4}$/; if (email || email Email || !regEx.test(email)) { $(input#email).val(); $(input#email).focus(); return false; } // validate comment var comments $(textarea#comments).val(); if (comments || comments Comments... || comments.length 2) { $(textarea#comments).val(); $(textarea#comments).focus(); return false; } var dataString name+ $(input#name).val() + &email + $(input#email).val() + &comments + $(textarea#comments).val(); $(#reply_message).addClass(email_loading); // Send form data to mailer.php $.ajax({ type: POST, url: php/mailer.php, data: dataString, success: function() { $(#reply_message).removeClass(email_loading); $(#reply_message).addClass(list3); $(#reply_message).html(Mail sent sucessfully) .hide() .fadeIn(1500); } }); return false; }); }); /script> /head>body>!-- site loading -->div classpageFade > /div>!-- Tutorial for Page drag -->!-- div classtutorial > /div> -->!--Header Navigation Area-->div classheader bg_transparent fadeAfterLoad> div classnavbar navbar-inverse > div classnavbar-inner noshadow > div classlogo > img srcimages/logo.png classlowResSupport data-src-smallimages/logo_s.png data-retinayes altlogo text> /div> div classnavAlign> button typebutton classbtn btn-navbar data-togglecollapse data-target.nav-collapse> span classicon-bar>/span> span classicon-bar>/span> span classicon-bar>/span> /button> div classnav-collapse collapse> ul classnav> !-- Add require site page navigation li>a href#!home classfirst active> i classicon-globe>/i>HOME/a>/li> --> li>a href#!portfolio> i classicon-picture>/i>artwork/a>/li> !-- li>a href#!blog> i classicon-edit>/i> what we do/a>/li> --> li>a href#!weare_section3> i classicon-user>/i>about/a>/li> !-- li classdropdown> a classdropdown-toggle data-toggledropdown>i classicon-user>/i> Who b classcaret>/b>/a> ul classdropdown-menu> li>a href#!weare>We Are/a>/li> li>a href#!weare_section2>About us/a>/li> li>a href#!weare_section3>latest projects/a>/li> li>a href#!weare_section4>Apply services/a>/li> /ul> /li> !-- li>a href#!team> i classicon-cog>/i> TEAM/a>/li>--> li>a href#!contactus classlast> i classicon-pencil>/i>contact!?/a>/li> /ul> /div> /div> /div> /div> /div> !--Page navigation - Use to Scroll the page LEFT and RIGHT sidediv classfadeAfterLoad> div classpreviousPage autoPosition>span> /span>/div> div classnextPage autoPosition> span> /span>/div>/div>--> !-- pgScrollUp navigation used to scroll the page to top position, Currently its hide in this template.If you need this button just remove the comment codediv classpgScrollUp mobile_Only>/div> -->!-- Complete web site content is placed inside the bodyContainer class div except footer -->div classbodyContainer>!-- Homepage -->div data-id!home classcontentWrapper fullHeight homeSlider white_nav m-Scrollbar > !-- Supersized home page slider show Arrow Navigation--> div idsuperNav > a idprevslide classload-item >/a> a idnextslide classload-item >/a> a idplay-button classload-item >img idpauseplay srcimages/supersized/pause.png altimage text />/a> /div> div classcontainer-fluid fullHeight fullResponse removePadding > div classhomepage_con> !-- Homepage fullscreen slideshow Title text 1 --> div classhome_slider_title1 sliderStyle1 textAlignCenter > h1 classbold_weight fontFamily_2>span classhighlight_color upperCase>interactive digital art/span>/h1> h2>span classwhite_color upperCase>rethinking the use of new technologies/span>/h2> h2>span classwhite_color upperCase>and sensor-based human and non-human interactions/span>/h2> h2>span classwhite_color>a href#!portfolio>i classicon-arrow-down icon-2x textShadow>/i>/a>/span>/h2> /div> !-- Homepage fullscreen slideshow Title text 2 --> div classhome_slider_title2 sliderStyle1 textAlignCenter > h2 classbold_weight fontFamily_2 upperCase>span classwhite_color textShadow>digital narrative/span>/h2> h3>span classwhite_color>interaction/span>/h3> h2 classbold_weight fontFamily_2>span classhighlight_color>as/span>/h2> h3>span classwhite_color>storytelling and game play/span>/h3> h2>span classwhite_color>a href#!portfolio>i classicon-arrow-down icon-2x textShadow>/i>/a>/span>/h2> /div> !-- Homepage fullscreen slideshow Title text 3 --> div classhome_slider_title3 sliderStyle1 darkStyle textAlignCenter > h2 classwhite_color>works that respond to the landscape,/h2> h2 classwhite_color>to space and place,/h2> h2 classwhite_color>to contemporary theory,/h2> h2 classwhite_color>for museums, galleries and institutions/h2> h2>span classwhite_color>a href#!portfolio>i classicon-arrow-down icon-2x textShadow>/i>/a>/span>/h2> /div> !-- Homepage fullscreen slideshow Title text 4 --> div classhome_slider_title4 sliderStyle1 darkStyle textAlignCenter > h1 classbold_weight fontFamily_2 upperCase>span classhighlight_color upperCase>outdoor projection/span>/h1> h2>span classwhite_color>temporary or permanent/span>/h2> h2>span classwhite_color>to activate and interact with spaces/span>/h2> h2>span classwhite_color>a href#!portfolio>i classicon-arrow-down icon-2x textShadow>/i>/a>/span>/h2> /div> /div> /div>/div> div classmainContent >!-- We Are page -->!-- div data-id!weare classcontentWrapper parallax darkStyle mobileSpacing m-Scrollbar data-srcimages/background/image1.jpg data-src-smallimages/background/image1_s.jpg > hr classtop_space> div classcontainer mobileSpacing desktop_alignRight> div classrow-fluid> div classspan5 >/div> div classspan7 > hr classseparator_mini> hr> h1 classtitle_text>Horizonal - Digital Studios/h1> hr classseparator_bar> hr> /div> /div> /div> div classcontainer mobileSpacing desktop_alignRight> div classrow-fluid> div classspan5 >/div> div classspan7 > h2>We are leading brand digital studio/h2> p >The consectetuer adipiscing elit, sed diam nonummy,tincidunt ut laoreet dolore magna aliquam erat volutpat adipiscing elit diam. sed diam nonummy nibh euismod tincidunt. /p> p>Suspendisse vulputate aliquam dui. Nulla elementum dui ut augue. Aliquam vehicula mi at mauris. Maecenas placerat, nisl at consequat rhoncus, sem nunc gravida justo, quis eleifend arcu velit quis lacus. /p> p classtiny_font>Morbi magna magna, tincidunt a, mattis non, imperdiet vitae a>euismod tincidunt/a>. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat,tincidunt sed diam nonummy nibh euismod tincidunt tlaoreet dolore magna aliquam erat tlaoreet dolore magna aliquam erat./p> div classseparator> /div> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> li >a >i classicon-flickr>/i>/a>/li> /ul> div classseparator> /div> span classshare>span>Tags/span>/span> ul classtag> li>windows/li> li>ios/li> li>Android/li> /ul> hr> /div> /div> /div> /div> --> !-- We Are page section2--> !--div data-id!weare_section2 classcontentWrapper darkStyle backGround m-Scrollbar > div classfullWidth fullHeight parallax data-srcimages/background/image2.jpg data-src-smallimages/background/image2_s.jpg> div classcontainer-fluid mobileSpacing> hr classtop_space> div classrow-fluid> div classspan2 > img classalignCenter scale-with-grid set_maxHeight srcimages/about_image5.png altimage text /> /div> div classspan6 > h1 classtitle_text_large upperCase>We Develope br> Award winning Website /h1> /div> div classspan7 > hr classseparator_bar> hr> h3 classupperCase>HORIZONAL br> One page Template br> Clean and Minimalist Design/h3> p classmini_description>Mauris vel lacus vitae felis vestibulum volutpat. Etiam est nunc, venenatis in, tristique eu, imperdiet ac, nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In iaculis facilisis massa. Etiam eu urna. Sed porta. Suspendisse quam leo, molestie sed, luctus quis, feugiat in, pede./p> /div> /div> div classrow-fluid text-center> hr classseparator_min> hr> i classicon-arrow-down icon-2x textShadow>/i> /div> /div> /div> div classlightStyle bg_pattern1 fullWidth mobileSpacing > div classcontainer mobileSpacing> hr classspace_mini > div classrow-fluid> div classspan12 text-center> span classpointer_text> i classicon-twitter icon-2x>/i> i classicon-caret-down icon-2x downarrow>/i> /span> div classflexSlideshow_twitter slideAnimation > ul idjstwitter classslides> /ul> /div> /div> /div> /div> /div> div classfullWidth parallax data-srcimages/background/image3.jpg data-src-smallimages/background/image3_s.jpg > div classcontainer mobileSpacing> div classrow> hr classspace_max /> div classspan12> h1 classtitle_text>Watchout our one minute video/h1> hr> /div> /div> div classrow> div classspan1>/div> div classspan10> div classaddVideo video_content data-urlhttp://www.youtube.com/watch?v9wlFSR3flbk > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4 classlight_color>span>Support Youtube and vimeo video/span>/h4>/div> div> h6 classlight_color>span>Add / Remove video title/span>/h6>/div> /div> img classscale-with-grid srcimages/video_img1.jpg altimage text /> /div> /div> /div> div classrow> div classspan12> hr> h1 classtitle_text>Make simple, clean and Contract/h1> hr classseparator_bar> hr> h3 >Show youtube / Vimeo video with video cover/h3> p classmini_description>If consectetuer adipiscingstrong> elit, sed diam nonummy/strong>,tincidunt ut laoreet dolore magna aliquam erat volutpat adipiscing elit diam. sed diam nonummy nibh euismod tincidunt./p> p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam. Praesent mauris ante, elementum et, bibendum at, posuere sit amet, nibh. Duis tincidunt lectus quis dui viverra vestibulum. Suspendisse vulputate aliquam dui. Nulla elementum dui ut augue. Aliquam vehicula mi at mauris. Maecenas placerat, nisl at consequat rhoncus, sem nunc gravida justo, quis eleifend arcu velit quis lacus. Morbi magna magna, tincidunt a, mattis non, imperdiet vitae, tellus./p> a href#!portfolio>span classbox_hover_min>See Portfolio/span>/a> hr classspace_max /> /div> /div> /div> /div> div classfullWidth lightStyle bg_pattern1> div classcontainer mobileSpacing> hr classspace_max /> div classrow> div classspan12> h2>Slideshow with background image/h2> hr/> /div> /div> div classrow> div classspan7> div classframe_slideshow> div classflexSlideshow > ul classslides> li>a classlazyload scale-with-grid hrefimages/product_slideshow/img1.jpg titleSome text>image/a>/li> li>a classlazyload scale-with-grid hrefimages/product_slideshow/img2.jpg titleSome text>image/a>/li> li>a classlazyload scale-with-grid hrefimages/product_slideshow/img3.jpg titleSome text>image/a>/li> li>a classlazyload scale-with-grid hrefimages/product_slideshow/img4.jpg titleSome text>image/a>/li> /ul> /div> /div> hr classspace_mini /> /div> div classspan5> h2>Display image with device/h2> hr classseparator_bar> hr> h4 >Use Dark & Light theme in single file/h4> p>If consectetuer adipiscingstrong> elit, sed diam nonummy/strong>,tincidunt ut laoreet dolore magna aliquam erat volutpat adipiscing elit diam. sed diam nonummy nibh euismod tincidunt./p> p classtiny_font>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam. Praesent mauris ante, elementum et, bibendum at, posuere sit amet, nibh. Duis tincidunt lectus quis dui viverra vestibulum. Suspendisse vulputate aliquam dui. Nulla elementum dui ut augue. Aliquam vehicula mi at mauris. Maecenas placerat, nisl at consequat rhoncus, sem nunc gravida justo, quis eleifend arcu velit quis lacus. Morbi magna magna, tincidunt a, mattis non, imperdiet vitae, tellus./p> a>span classbox_hover_min>Visit Site/span>/a> hr classspace_max /> /div> /div> /div> hr classspace_mini /> /div> div classcontainer mobileSpacing> div classrow-fluid> div classspan1>/div> div classspan10 text-center > hr classspace_mini /> h3>We are work with amazing clients so far/h3> hr classseparator_bar> hr> div classelastic_slider> ul classcarousel elastislide-list > li>a classhover_alpha href#>img srcimages/client1.png altimage01 />/a>/li> li>a classhover_alpha href#>img srcimages/client2.png altimage02 />/a>/li> li>a classhover_alpha href#>img srcimages/client3.png altimage03 />/a>/li> li>a classhover_alpha href#>img srcimages/client4.png altimage04 />/a>/li> li>a classhover_alpha href#>img srcimages/client1.png altimage01 />/a>/li> li>a classhover_alpha href#>img srcimages/client2.png altimage02 />/a>/li> li>a classhover_alpha href#>img srcimages/client3.png altimage03 />/a>/li> li>a classhover_alpha href#>img srcimages/client4.png altimage04 />/a>/li> li>a classhover_alpha href#>img srcimages/client1.png altimage01 />/a>/li> li>a classhover_alpha href#>img srcimages/client2.png altimage02 />/a>/li> li>a classhover_alpha href#>img srcimages/client3.png altimage03 />/a>/li> li>a classhover_alpha href#>img srcimages/client4.png altimage04 />/a>/li> /ul> /div> p classtiny_font>If consectetuer adipiscingstrong> elit, sed diam nonummy/strong>,tincidunt ut laoreet dolore magna aliquam erat volutpat adipiscing elit diam.br> sed diam nonummy nibh euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat./p> hr classspace_max /> /div> /div> /div> /div> -->div data-id!portfolio classcontentWrapper darkStyle bg_pattern2 fullHeight fullWidth removePadding portfolioPage m-Scrollbar > hr classtop_space> div class fullWidth removePadding > !-- Portfolio Category Navigation --> div classrow-fluid> div classisotope_option filter_options > section idoptions classclearfix > /section> /div> /div> /div> !-- Portfolio Detail content load inside the below projDetailLoad class div--> div classprojDetailLoad >/div> !-- Portfolio thumbnails --> div classmasonry_items portfolio_items > !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/hotathumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Shelter in Place/h5> h6>Engaging children with wildlife care through interactive experiences/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/hota1.jpeg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota7.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota9.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota10.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota11.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota12.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota13.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota14.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota15.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Shelter in Place/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>i>Shelter in Place/i> was born from the speculative question ‘how might we use creative thinking to design personal protective equipment for wildlife to assist them in surviving bushfire?’ Beginning with a range of conceptual designs for wildlife PPE to survive the Pyrocene, it resulted in a large interactive artwork and interactive floor for children, two satellite crafting spaces, and a craft wall display, that asked children to create their own wildlife bushfire PPE designs and ‘care craft’ making-with designs of fire shelters set up on a table. Shelter in Place focused on allowing children to think more deeply about the lives and experiences of other animals and discover their own care-full designs in reaction to this. br>br>It was important to me to also use this as an opportunity for rethinking the notion of PPE and how it is physically made, by suggesting that the best solutions can come from nature itself. As such, the face masks that ended up appearing on the animals faces were made from plants and animals, rather than human-made and constructed items. br>br>Technologically, the work revolves around six interactive floor spaces where people can stand. A dot on the floor gives simple instructions as to how to engage differently with each interactive spot in order to produce a corresponding face mask element on-screen. For example, kids might stand in one spot and squawk like a bird to summon the power of parrots, which makes the parrot face mask appear. By standing across several spaces, children can remix the masks by using multiple asset types - face mask bits made out of leaves, sealife, birds, Australian natives, flowers, or insects. p classtiny_font> i>Shelter in Place/i> was commissioned by Home Of The Arts (HOTA), Australia, for The Children’s Gallery, curated by Caitlin Pijpers and Sarah Lewis, and its physical set up was made specifically with social distancing for Covid-19 in mind./p> /div> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2021 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/zazthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>What is Human Now?/h5> h6>Digital art in Times Square, New York corner screen/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/zaz1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/zaz2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/zaz3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/zaz4.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>What is Human Now?/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>i>WHat is Human Now/i> is a large-scale digital artwork combining generative visuals, and remixed and hand-scarn animated visuals. It showed at i>ZAZ10ts Gallery/i>, Times Square, New York in 2020. p classtiny_font> i>WHat is Human Now/i> was a confluence of soco-cultural issues taking place in 2020 surrounding the pandemic and being alone. In this case, we considered how those who owned pets may be less likely to feel alone. Pets and other species were the silent savious of the pandemic that were often not spoken of when conversations of loneliness and social distancing arose in the pandemic. Pets were also a silent and innocent currency, being bought, sold, and handed in for adoption as human lives changed during the course of the pandemic.br>br> Images courtesy of ZAZ10ts Gallery./p> /div> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2020 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/qsathumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Queensland State Archives/h5> h6>Interaction Design and Creative Technologies for Queensland State Archives/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/qsa1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa10.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa7.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa11.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa12.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa13.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa14.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Works for Queensland State Archives/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>b>i>***Aboriginal and Torres Strait Islander readers are advised that the documentation in this section contains images of people who have died.***/i>/b>br>br> Between 2019 and 2021 I worked as the Interaction Designer/Creative Technologist for Queensland State Archives, within their Engagement Team. My official role was Senior Engagement Officer. Works included The Decision Machine interactive wall, a projected interactive machine that remixes and creates Cabinet Minute decisions for the Australian Parliment, mixing humour, interaction, and historical knowledge from archival documents. Another example was the WOW Room interactive exhibitions space, a new interactive gallery space that I spearheaded during my time at The Archives. I also worked with a range of prominent artists in order to make interactive exhibitions for them in The Archives foyer gallery space, such as Donna Davis and Melissa Stannard. I also worked on digital-only projects such as AR face-tracking filters in line with institutional events and exhibitions. /div> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2019-2021 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/intrathumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>IntraFacing/h5> h6>Gamifying enriching interactions between companion dogs and their humans/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/intra1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/intra2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/intra3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/intra4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/intra5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/DP21.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/DP22.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/DP25.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/DP26.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/DP27.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/DP28.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>IntraFacing/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>This research investigates the nature of interactive and digital art for multispecies end-users, focusing on enrichment and play as a lens for positive nonhuman artwork interactions. I place this within a context of interactive art as enrichment for companion dogs and humans. The project speculates on a multispecies future for Anthropocenic arts in which the needs of other species are ethically considered. I contend that through knowledges from the field of animal enrichment design and animal care, we are better able to create artwork artefacts that cultivate enrichment. I use a Creative Practice Research approach that is informed by frameworks and processes from animal enrichment design, proposing the ‘CPR S.P.I.D.E.R.’ approach. I use methods of bonding through play in order to reflect on engagements between individual animals, humans, and artworks. This results in two main interactive art projects, including ‘IntraFacing’, an interactive game that decodes a dog’s body position through accelerometer and uses this information to give tasks to the human player. p classtiny_font> From this I find that the artist can contribute to enrichment design through approaching animals as individuals, and that the artist must consider issues such as ethics and care in order to approach other species appropriately. This is important for the future of the technology-based arts, as current research in the field sees it attempting to move beyond human-centrism in design, aesthetic, and user-ship, and towards more-than-human interactions and considerations. br>br> /p> /div> /div> div classrow-fluid> a classright_spacing alignLeft >a hrefhttps://research.qut.edu.au/morethanhuman/projects/multispecies-interactive-art-with-domesticated-dogs/>span classbox_hover_min tiny_font upperCase>Visit The Research Site/span>/a>/a> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2021-2022 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/transthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>The Bat Translator/h5> h6>Machine listening and speculative translation of flying fox vocalisations/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/trans1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/trans2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/trans3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/trans4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/trans6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/trans8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/trans9.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/trans11.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/m10.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/m12.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/m14.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/ml5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/ml7.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>The Bat Translator/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>This project employs Machine Learning to listen to Grey-Headed flying fox vocalisations, and takes the liberty of interpreting these into corresponding human-perceptible concepts in real-time based on known research into communication methods of these species. p classtiny_font> Grey-headed flying foxes are known to science to have up to 20 vocalisations with distinct meanings within five vocalisation ‘types’ (Christesen & Nelson, 2000). Of these 20 vocalisations, seven have so far been accurately learnt and translated for this project. This project follows a practice-based audio machine learning research design model, from audio capture through to classification with the help of bat carers and vocalisation experts, ending in a trained model free for public use. The public can take this project and, with the use of a microphone, decode flying fox vocalisations that it hears in real-time. While this tensorflow model has undergone a rigorous training process, I question how these learnt classifications are translated, and whether creative practice can be helpful in designing ‘creative interpretations’. I attempt this through poetic narrative and visual design, where each accurately heard vocalisation is turned into on-screen poetic animated text that aims to evoke the meaning behind each communication, such as a mating vocal, territorial vocal, a growl. This gives me the artistic license to interpret known vocalisations through creative practice. This project’s knowledge contributions include a dataset of categorised flying fox vocalisations, a trained tensorflow machine for listening to and identifying vocalisations, and a final artwork that interprets this data into digital poetry in real-time. Further research will be undertaken into the nature of creative machine listening for animal vocalisation interpretation.br>br> /p> /div> /div> div classrow-fluid> a classright_spacing alignLeft >a hrefhttps://research.qut.edu.au/morethanhuman/projects/grey-headed-flying-fox-vocalisation-machine-listening/>span classbox_hover_min tiny_font upperCase>Visit The Research Site/span>/a>/a> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2021 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/qeethumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>The Quantum Enrichment Entanglers/h5> h6>Interactive and digital enichment for aviary-care flying foxes/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/qee0.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qee1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qee6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qee8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qee9.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qee10.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW9.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW15.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW14.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW18.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW20.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW21.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW23.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>The Quantum Enrichment Entanglers/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>This research investigates the nature of interactive and digital art for nonhuman end-users, focusing on enrichment as a lens for positive nonhuman artwork interactions. I place this within a context of interactive art as enrichment for wild flying foxes in rehabilitation care undergoing rewilding. This resulted in two main interactive art projects, including ‘The Quantum Enrichment Entanglers’ touchable and digitally-enabled sculptures. These sculptures send enrichment audio to each other based on when and how flying foxes are interacting with them, allowing humans and flying foxes to perform interactions together from ethical distances by both interacting with sister sculptures.p classtiny_font> The project speculates on a multispecies future for Anthropocenic arts in which the needs of other species are ethically considered. I contend that through knowledges from the field of animal enrichment design and animal care, we are better able to create artwork artefacts that cultivate enrichment. I use a Creative Practice Research approach that is informed by frameworks and processes from animal enrichment design, proposing the ‘CPR S.P.I.D.E.R.’ approach. I use methods of ‘giving’ flying foxes artefacts in order to reflect on engagements between individual animals, humans, and artworks. br>br>I find that digital interactive art, in particular, can expand enrichment opportunities by paying attention to levels of sensory exploration and interspecies relationships between end-users. This is important for the future of the technology-based arts, as current research in the field sees it attempting to move beyond human-centrism in design, aesthetic, and user-ship, and towards more-than-human interactions and considerations. br>br> /p> /div> /div> div classrow-fluid> a classright_spacing alignLeft >a hrefhttps://research.qut.edu.au/morethanhuman/projects/interactive-and-digital-enrichment-for-flying-foxes/>span classbox_hover_min tiny_font upperCase>Visit The Research Site/span>/a>/a> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2021-2022 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/curiothumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>CurioCreatures/h5> h6>Locative interaction for smartphones/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/curio5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/curio6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/curio1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/curio2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/curio3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/curio4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/curio7.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>CurioCreatures/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>i>CurioCreatures/i>, a collaboration with my long-term EphemerLab collaborator Jason Nelson, is a series of 15 locative interactive artworks that explore speculative extreme evolution needed for different species to survive climate change. The artworkcoaxes visitors into finding and experiencing GPS triggered animated and interactive digitalcreatures via their smartphones or devices in and around a city area, in this case Brisbane, Australia. CurioCreatures was commissioned by The Queensland Museum for i>Curiocity Festival/i> in association with i>World Science Festival Brisbane/i>.p classtiny_font> This works audience is geared towards families and children, using a collect-a-card concept where audiences use their own phones to find and collect each character card. On this card they can interact with the creatures and learn more about them, including how they are being affected by climate change. Bringing important concepts such as climate change to younger generations is of key importance in this work, which we attempt through interaction, humour, and absurdity.br>br> /p> /div> /div> div classrow-fluid> a classright_spacing alignLeft >a hrefhttp://www.curiocreatures.com>span classbox_hover_min tiny_font upperCase>Visit The About Site/span>/a>/a> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2022 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/prosthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Prosthetics for a Changing Climate/h5> h6>User-created prosthetics that help wildlife hide from the harm of wildfires/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/pros2.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pros1.png titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Prosthetics for a Changing Climate/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>A touch-led experience allows the user to design face masks and armour for Australian wildlife amidst the decemation created by bushfires. /p> p classtiny_font>2019 and 2020 saw unprecidented uncontrollable fires rip through 5 of Australias 6 states. Some of Australias most important heritage listed bushland and wilflife refuge was destroyed. While some trees can recover, and houses can be rebuilt, the death toll for native wildlife was immense and heartbreaking. br>br> In the wake of these fires, which I, too, was misplaced by, I created this work that asks us to consider how human technologies could be used to help wildlife protect themselves in future events like these. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2020 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem web > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/cr5thumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Diffraction/h5> h6>Engaging with more-than-human creativity in scientific fieldwork through interactive art/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/diff11.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff10.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff12.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff7.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff8.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Diffraction/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Drawing on my dual history as a digital practitioner and a nocturnal mammal surveyor, Diffraction’ considers the use of psychogeographic ‘dérive’ (Debord, 1956) for making playful digital text-based engagements specifically with nocturnal wilderness environments. It asks the user to consider and perform certain tasks specific to dark night, in order to experiment with dark spatiality and question nocturnal interactions with nonhuman others. /p> p classtiny_font>Traditionally, the psychogeographers and the Situationist International movement used dérive to focus on playful social interactions between humans in urban spaces. They wanted to allow people to get lost and find new adventures within their own cities. However with the ethological turn in the humanities and rising concern about our interactions with wild others and spaces, there has been a shift in focus across the arts and humanities away from the urban and the human-centric social, and towards the spaces that ‘matter’ (MetaMute, 2010; Bennett, 2010; Lorimer, 2015). ‘Diffraction’ moves the user out of the city and away from other humans, allowing for the potential of meaningful foot-led engagements with non-urban non-human spaces. Although, I would warn against using this work on cliff-sides in the dark. In attempting to move against the grain of many digital locative art or narrative works, Diffraction considers not just place-based, but time and light-based interactions. br>br>Diffraction premiered at the Hardiman Gallery, Cork, Ireland./p> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >a hrefhttp://www.cubecryptext.com>span classbox_hover_min tiny_font upperCase>Visit Site/span>/a>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-linkedin>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2019 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem web > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/redthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Relating to BioLandscapes/h5> h6>A series of feedback networked encounters with plants, fungi, and geomorphological actors in Australia and Ireland/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/rock1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock7.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock9.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock10.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock11.jpg titleSome text>IMAGE/a>/li> /ul> /div>br> div classaddVideo video_content data-urlhttp://www.youtube.com/watch?vZ8-jn4F_0R0&t > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>BioRelational Landscapes/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/rock1.jpg titleSome text>IMAGE/a> /div> br> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Relating to BioLandscapes/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Real-time sound art event, andinteractive, touchable sensor-enabled plants producing sound and visuals. /p> p classtiny_font>Originally conducted and shown in both the Connemara National Park region of Ireland,and The Burren region, Ireland, and later in Binna Burra National Park, Australia and the Queensland Ecosciences Precinct, Australia, this project created collaborative biofeedback systems betweenhumans, flora, fungi, and glacially formed rock using galvanic skin response sensors, to produce data-drivensound and video in real-time for a participatory live audience across hemispheres.br>br> These live, open-air, and site-specific sound events only work if both subjects are living, and touching each other. The system used to create sound collects GSR feedback, which looks to fluctuations in skin that are often considered akin to the emotional biofeedback response. Hence, this is a system that considers the emotional connection between living things./p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2018-19 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem web > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/biothumb.png titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Bioluminescent Walking/h5> h6>Hidden projection walks within forests for live audiences/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> li >a hrefhttp://www.facebook.com/treemails>i classicon-facebook>/i>/a>/li> !-- li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://vimeo.com/169491724 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Bioluminescent Walking/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/bio1.jpg titleSome text>IMAGE/a> /div>br> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/bio8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/bio7.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/bio1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/bio3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/fungi.jpg titleSome text>IMAGE/a>/li> /ul> /div> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>Bioluminescent Walking events/h3> hr classseparator_bar /> p classmini_description>Bioluminescent Walking is a solo event held within the rainforests of Australia. Its original iteration consisted of six separate projection artworks mapped to the forest itself using hidden technology to both allow visitors to step into the magic, but also to keep the rainforest itself untouched by cumbersome technology. Each artwork augmented the forest by placing in to it an animation of a native animal that would have, at least at one time, been seen in that habitat.br>br>This work has been recreated several times across different locations, each time introducing new wildlife characters.br>br>The work has functioned as its own solo event - as seen in the video - and later appeared in Five Senses Festival, Australia 2016, Systems exhibition and ecology symposium at Queensland Herbaruim and Botanical Gardens, 2018, Botanica: Contemporary Art Outside, Australia 2019. A version of Bioluminescent Walking specifically for Norwegian audiences was conducted as a solo event in 2017 known as Signals, also in this portfolio./p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/wandthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>if the forest wanders/h5> h6>interactive and sensor-based train bridge ceiling projection/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classaddVideo video_content data-urlhttp://vimeo.com/234959590 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>if the forest wanders/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/wand1.jpg titleSome text>IMAGE/a> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>if the forest wanders/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>i>if the forest wanders/i> is an interactive projection mapping of the underside of a train bridge, that uses hand-drawn imagery of bioluminescent sea creatures and fungi, for Brisbane City Council’s Friday Night Laneways i>Organic Data festival/i>. This festival was part of the i>World Science Festival Brisbane/i>.p classtiny_font> The work revolves around the central theme of the train tracks, from which an ‘xray view’ of the tracks above was made. A wandering forest of bioluminescence grew up over these tracks, and each time a train came through, they would be blown away, only to regrow with time.br>br>The work was interactive in a number of ways. The audience can control a steam train that drives through the tracks, as well as setting off separate animations. As it is a working train bridge, trains often passed overhead, at which point a separate train animation would run in time with the overhead train, meant to look like an xray of what was happening above. A hidden speaker sets off sounds each time the work is interacted with by the audience. /p> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >a hrefhttp://www.alintakrauth.com/iftheforestwanders>span classbox_hover_min tiny_font upperCase>Visit Site/span>/a>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2016 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/systhumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>A More-than-human System/h5> h6>A real-time combination of human and plant bio-data to create an audible interaction/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/sys5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sys1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sys2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sys3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sys4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sys6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sys7.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>A More-than-human System/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Working with biofeedback sensors to create sound born from the internal workings of plants is a niche being explored by some sound artists and technologists. However, A More-than-human System combines human and plant data in real-time to produce sound that is specific to the relationship between each person and each plant. /p> p classtiny_font>A MtH System only works if both subjects are living, and touching each other, and as it collects GSR feedback, it looks to fluctuations in skin that are often considered akin to the emotional biofeedback response. Hence, this is a system that considers the emotional connection between two living things. br>br> This work premiered at the Brisbane Herbarium as part of Systems exhibition and symposium. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2018 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem web > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/balthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Balancing Act/h5> h6>Interactive mammal boxes - the urban wildlife home/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/bal2.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/bal1.png titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Balancing Act/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Living in and around urban spaces is a balancing act for these creatures.They must endure all manner of dangers. Some animals have to cross tight ropeelectrical lines, and others must navigate dangerous roads, avoid human food orpets, or avoid bushfires to reach the safety of home or food and water.Despite the daily dangers, humans often don’t view these creatures as importantmembers of our ecosystem community. Instead, our urban wildlife becomes our briefentertainment; an amusing peepshow experienced while walking from the car to therestaurant./p> p classtiny_font>Step right up! ‘Balancing Act is a series of three interactive animation boxesdesigned to emulate vintage peepshow machines, known as mutoscopes. BrightLED covered arrows, reminiscent of a carnival penny arcade signage, point towardsan extruded view portal embedded on a wooden box. This aesthetic creates a glaringexample of nonhumans being seen as entertainment in urban spaces, rather thanvital members of our global ecosystem.br>br>These mutoscope boxes are made to resemble mammal/bird nesting boxes – theurban homes of such creatures who attempt to live in our concrete jungle. Housedat viewing height on trees in the Botanic Gardens, these mutoscope nest boxesbecome surreal spectacle for the vicarious, with a clear environmental message.Peering inside each box, an interactive animation is revealed: a small secret worldwhere urban creatures, such as the powerline-tightrope walking possum, attempt tosurvive urban dangers. Audiences can assist these creatures by pressing buttons tohelp the animals navigate passed these dangers in order to reach home./p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2020 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/albthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Under-mine collection/h5> h6>Interactive SciArt Solo Exhibition/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/alb5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb9.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb7.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb2.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb10.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb11.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb12.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/undermine.jpeg titleSome text>IMAGE/a>/li> /ul> /div>br> div classaddVideo video_content data-urlhttps://vimeo.com/216387628 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Under-mine collection/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/alb7.jpg titleSome text>IMAGE/a> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Under-mine collection/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>i>Under-mine/i> was a solo exhibition of five new digital video works and one new interactive work using a custom-built control system that premiered at Art Laboratory Berlin between February 25th and late April, 2017, in conjunction with CTM Festival and Transmediale Festival Vorspiel./p> p classtiny_font>This exhibition was the culmination of my research into how interactive art can portray how the sensory systems of animals are being morphed by climate change. Focusing on examples where habitat destruction was not the major factor, but rising temperatures themselves were the key factor, the creatures chosen were the bat and echolocation, the horse and proprioception, the lizard and chemoreception, and the woodlouse and hygroreception. With some minor emphasis also placed on creatures whose senses and perceptions are altered by climate change due to habitat destruction in particular – the turtle and magnetoreception, the frog and auditory perception, the fish and olfactory senses. br>br>In each case, extensive scientific research and predictive modelling by others was used, from which a series of animations were created that told the stories, and potential futures, of each of these creatures. As part of the exhibition, a research book of approx 200 pages was also put together, allowing visitors to delve into the scientific research behind these artworks./p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2017 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/sig2thumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Signals/h5> h6>Snowy forest outdoor projection event/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://vimeo.com/216979619 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Signals/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/sig1.png titleSome text>IMAGE/a> /div>br> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/sig1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sig1.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sig2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sig3.jpg titleSome text>IMAGE/a>/li> /ul> /div> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>Signals/h3> hr classseparator_bar /> p classmini_description>Following in the footsteps of i>Bioluminous Walking/i>, i>Signals/i> projection event took place over a series of evenings on Mt Fløyen in Bergen, Norway.br>br>One of the artworks at shown is seen in the video to the left. Norwegian natives, folklore sea creatures, and structures that represented the historical use of Mt Fløyen as part of Bergen’s sea port, are projected back into their native habitat. Other works shown included Jason Nelsons large-scale cliff projection of literature that was viewable by audiences in the town 300m below./p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> div classrow-fluid> div classspan12> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/treethumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Tree:Mails/h5> h6>Communicating with trees/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> li >a hrefhttp://www.facebook.com/treemails>i classicon-facebook>/i>/a>/li> !-- li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/treemails5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/tree1.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/treea.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/treeb.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/treec.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/treed.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/treee.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Tree:Mails/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Tree:Mails: Scenic Rim is an interactive new media artwork displayed via audiences’ at‐home and hand-held devices that plots a series of GPS-tagged trees in the Scenic Rim area on an interactive map. The inbuilt creative AI system allows trees to ‘respond’ to the user via their email address, allowing people to strike up conversations with, and share stories and secrets with nature./p> p classtiny_font>Though this platform, users can read stories, both true and fictional, about the trees of the Scenic Rim, and ‘contact trees’ directly via the digital contact forms provided. This platform is designed to inspire users to connect with their natural environment in new ways, and acts as a positive use of digital social technologies for the environment./p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> a classright_spacing alignLeft >a hrefhttp://www.treemails.net>span classbox_hover_min tiny_font upperCase>Visit Online/span>/a>/a> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2016-2017 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/carthumb2.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Cartology Apology/h5> h6>Large-scale holo-projection installation/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> div classaddVideo video_content data-urlhttp://vimeo.com/158874254 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Cartology Apology/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/cart1.jpg titleSome text>IMAGE/a> /div> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/cart6.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cart1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cart2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cart8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cart10.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cart8.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cart3.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Cartology Apology/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>i>Cartology Apology/i> is a fantasy cartography-in-motion where old and new technologies combine. Inspired by the topographical nature of Australia, it plays with moving frame-by-frame animation and bright colours drawn from topographical data, and experiments with how this might be represented in a 3D holographic environment./p> p classtiny_font>This is a study of landscape, but also a re-imagined mapping, told from the point of view of a non-local, with all the political difficulties that concept brings to light. It is also a documentation of process – since it is frame-by-frame animation, you are watching hundreds of hours of the artist hand-drawing topographic lines.br>br>The audio that you hear in this artwork is a mixture of sounds generated by the walking movement of visitors through the church, whisperings about walking the land, and footsteps recorded across the Australian country-side.br>br>Cartology Apology was debuted at White Night Melbourne 2016 where over 11,000 people were packed inside the beautiful Scot’s Church cathedral to view this disconcerting holographic audio/visual projection display of video art made of animated topographic lines of the greater Victorian area. It was then shown in a different layout at QUT Art Museum. The Sydney Morning Herald and The Age called it one of the ‘gems’ of White Night Festival./p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2016 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/rivthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>The River Enfolds/h5> h6>Generated visuals from water flow data/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height > hr> div classrow-fluid > div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/riv3.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/riv1.JPG titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/riv2.JPG titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/riv4.png titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5> h2 classupperCase>The River Enfolds/h2> p>‘The River Enfolds’ is a data-generated digital artwork created for an LED-screen or projection display, shown here at the Adelaide Festival Centre. Using real-time water movement and water flow data collected by the artist from the Karrawirra Parri river over a series of months, ‘The River Enfolds’ creates a detailed yet abstract animation that visualizes the river’s data, while connecting to the movement and flow of the public themselves through and around the display. /p> p classtiny_font>This piece serves as a reminder of the connections between the public and their natural surroundings, while communicating an insight into the science of water data. This piece does not look so much like a digital river as it looks like an engaging, morphing, and calming data abstraction of water.br>br>The River Enfolds premiered at Adelaide Festival Centres large wrap around outdoor screens, as shown in thse images. /p> !-- a>span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/blithumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Shadows blister those who try to touch/h5> h6>Interactive projection mapping/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height > hr> div classrow-fluid > div classspan1 >/div> div classspan5 > a classlazyload resize_align fitInside hrefimages/portfolio/shad1.jpeg titleSome text>IMAGE/a> hr classseparator_mini> /div> div classspan5> h2 classupperCase>Shadows blister those who try to touch/h2> p>i>Shadows blister those who try to touch/i> is generative animation, that in turn generates audio. The thematic basis is derived from a visual and textual representation of, and response to, the ‘shadow blister’ effect in physics. Using a triangular delaunay effect has been used on all imagery to further connect it to the 3D sculpture wall. The audience uses a purpose-built controller to change the visuals and generate different elements./p> p classtiny_font>i>Shadows blister those who try to touch/i> is an interactive projection mapping installation that has been seen at ACM MM exhibition and conference 2015, Metro Arts Gallery, Australia, Collar Works Gallery, New York, USA, among others. br>br> As well as creating and producing this work, Alinta Krauth published the ACM academic paper a hrefhttp://dl.acm.org/citation.cfm?id2808104>i>Using Handmade Controllers for Interactive Projection Mapping/i>/a>./p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/virtthumb.png titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>mini holo-projections/h5> h6>Mini hologram cubes A Vitural Bathymetric and HoloPoetry/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://vimeo.com/202668371 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Holo-Projection Cubes/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/virtual1.png titleSome text>IMAGE/a> /div> br> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/poet2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/poet1.jpg titleSome text>IMAGE/a>/li> /ul> /div> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>Holo-Proj Cubes/h3> hr classseparator_bar /> p classmini_description>Works such as A Virtual Bathymetric and HoloPoetry use frame-by-frame drawing or text animated in JavaScript. /p> p classtiny_font> For instance, A Virtual Bathymetric, which premiered at Piksel Festival, Bergen, Norway, re-created the tracings of local and global shipping trade routes and sea floor topography. By stylising these routes as abstract imagery, the concepts of mapping and documentation were brought into question and re-imagined. Placed into a 3D copper cube of holographic projection screens, the image multiplies and distorts, creating its own faux topography. But this is not your usual room-sized projection mapping onto an object, indeed it is very small. In being so small, it allows the viewer, perhaps even forces, a more intimate connection; a one-on-one interaction with a holographic ocean.br>br>HoloPoetry, which premiered at the Institute of Modern Art in Brisbane, Australia, uses the same visual aesthetic to produce animated poetry, looking at the representation of text in digital spaces. /p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/glasthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Glas blong Huriken/h5> h6>Holographic sculpture/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/glas1.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/glas2.jpg titleSome text>IMAGE/a>/li> /ul> hr classslide_bottomSpace> /div> div classaddVideo video_content data-urlhttp://vimeo.com/181549798 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Glas blong Huriken/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/glas2.jpg titleSome text>IMAGE/a> /div> /div> /div> div classspan5 > div classrow> h2 classupperCase>Glas Blong Huriken/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Glas blong huriken attempts to digitally create a sci-fi-esque ‘weather lab’ where different types of weather are grown. /p> p classtiny_font>Focusing particularly on clouds, each glass holds a faux holographic display inside it – a storm cloud, a tornado, and lightning, are being grown. A small figure sits on each glass, painted dark green: the toy soldiers of the weather army, each holding a fantasy hand-held version of a cloud cannon, including the one now stationed at Charleville, Australia. Weather modification of any sort is a concept that sits uneasily with me, particularly due to the seemingly violent ways in which it occurs. The weather plays a vital role in climate change, indeed it is our climate, and it is something that affects us as humans directly through our bodies and senses, as well as emotionally. We belong to the weather, but it should not belong to us.br>br>These light bulb glasses are around actual size, so this is an experiment in projecting the very very small in a holographic environment. It is work getting up close to this piece in order to explore these miniature worlds!br>br>This work premiered at the Art Meets Science exhibition, EcoSciences Precinct, Australia, and was aquired by the precinct./p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2016 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/binthimb.png titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Bindings/h5> h6>digital library activation through projection/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://vimeo.com/214181965 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Bindings 1/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/bin2.png titleSome text>IMAGE/a> /div>br> div classaddVideo video_content data-urlhttp://vimeo.com/215178888 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Bindings 2/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/bin1.png titleSome text>IMAGE/a> /div> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>Bindings/h3> hr classseparator_bar /> p classmini_description>i>Bindings/i> is a large, site-specific public rear-projection display for a public library in Bergen, Norway. It is around 3m high by 9m long. Designed, created, and installed by Jason Nelson and Alinta Krauth /p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> div classrow-fluid> div classspan12> p>The purpose of this installation was to find new ways of activating public spaces through digital art, and to use the idea of a library as a space for public reading and learning in the artwork itself to create an animated digital story. The other purpose of i>Bindings/i> was to use old, unused, or recycled technologies and materials. In this case, all equipment and materials used were recycled and restored to OHandS standards. As many of these technologies were found within the library already (stacked away in storage, for instance), this showed the potential for any library to have its own activated digital space with minimal budget required.br>br> 5 of the 6 video art pieces we created for Bindings were new works, and a final one was drawn from the earlier A Long, Wired Paddock work, also in this portfolio.br>br>Bindings was made for Bergen University Art and Languages Library, Norway./p> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/machthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Machinimenomenology/h5> h6>Visual narrative using partly-rendered Google Maps machinima/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/mac5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mach2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mach1.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mach4.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mach3.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mach5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mac7.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Machinimenomenology/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>‘Machinimenomenology (no. 1)’ is an experiment in audio/video collage using partly-rendered Google Maps as a space for a machinima of the broken. /p> p classtiny_font>You traverse this other-worldly 3D digital backdrop in an often awkward and uncontrollable fashion that mimics the general everyday use of Google Maps terrain. This is layered with textual and audio elements in order to build a multimedia story around a character who lives in a partially-rendered, shifting world, where the concepts of time and entropy differ to our own. In this piece, I am interested in the concept of virtual/non-virtual geography and cartography, and how the rendering errors and imperfections in Google Maps’ real-world simulation can be beautiful entry points for magic realism and science fiction.br>br>This piece premiered at the Galway Art Centre, Ireland, and was later shown at the National University of Ireland, Ireland, and Gallery 3.14, Bergen, Norway. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2017 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/longthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>A Long, Wired Paddock/h5> h6>Transforming climate data from the past 50 years/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://vimeo.com/182544584 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>A Long, Wired Paddock/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/long1.jpg titleSome text>IMAGE/a> /div> br> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>A Long, Wired Paddock/h3> hr classseparator_bar /> p classmini_description>A Long, Wired Paddock is a digital animation of a 3D wireframe world that the camera ducks and weaves through. The walls of the ‘world’ are generated, and change with time, controlled by climate modelling data from the 1950s to today. /p> p classtiny_font> Warm earthy tones are stuck to throughout, and the wireframe appearance is reminiscent of the triangular shapes often seen in my projection mappings. The name of the piece is a direct play on the phrase ‘the long paddock’ – the name for a particular Australian stock route, and also a term used by Landscape Sciences at the Queensland Department of Science for monitoring the Australian rural climate.br>br>This work was originally shown in the Art Meets Science exhibition, Queensland EcoSciences Precinct, and later shown at Caloundra Regional Art Gallery, Australia, and ‘GLOW’ projection Festival, Australia. /p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/citthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Cities of Cloud and Wire/h5> h6>Architectural projection mapping, large and small/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/cit6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cit8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cit1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cit2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cit4.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Cities of Cloud and Wire/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>An architectural projection mapping and series of 6 mini hidden projections by collaborators Jason Nelson and Alinta Krauth/p> p classtiny_font>This work was made for Flowstate South Bank precinct, Brisbane, Australia. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2018 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/argthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>An Argument in Parallel Incompletness/h5> h6>The poetry art game/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/arg4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/arg2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/arg3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/arg1.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>An Argument in Parallel Incompleteness/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>‘An Argument in Parallel Incompleteness’ is an art game where the player is a fruit bat who battles their way through chaotic poetry barriers, setting off pieces of sound art and interacting with other wondrous creatures and words along the way. /p> p classtiny_font>The player reads through the poetry while simultaneously pushing it away. The poem is about an argument where two characters throw math-laden curses at each other, such as ‘you are no Gödel at natural numbers’. You, the innocent bat, must navigate that all-too-grown-up world: the innocent among the chaos.br>br>‘An Argument in Parallel Incompleteness’ Premiered in Brisbane at GAME ON #GO423 Games exhibition and symposium. And also shown as a large-scale interactive installation for 2High Festival, Australia, and in Currents Festival, New Mexico, USA. This piece was shortlisted for the 2015 Sunshine Coast New Media Art Prize, and shown in two accompanying exhibitions, as well as being shown at Maroochy Music and Visual Arts Festival. It was later shown at the Queensland Poetry Festival, Institute of Modern Art, Australia, and the Ipswich Art Gallery, Australia. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2016 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/projthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Projection-mapped natural objects/h5> h6>A series of experiments with projected video and tiny natural objects/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classaddVideo video_content data-urlhttp://www.youtube.com/watch?vRn4Y4GmYD_M > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Projection Mapping tiny natural objects/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/nat1.png titleSome text>IMAGE/a> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Natural objects/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>The most beautiful tiny natural objects, often created by wildlife, are sometimes left discarded or broken in my backyard. I play with these through projection./p> p classtiny_font>These files were lost and so this video has been screenrecorded from my Instagram, I can only apologise for the quality. Feel free to see more at my Instagram: a hrefhttp://www.instagram.com/alinta_art>span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/holthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Hologram lines/h5> h6>A series of experiments with holographic effects/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/hol2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hol1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hol3.jpg titleSome text>IMAGE/a>/li> /ul> /div>br> div classaddVideo video_content data-urlhttp://www.youtube.com/watch?vBJYPqUyCkK4 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Hologram Experiments/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/hol1.jpg titleSome text>IMAGE/a> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Hologram lines/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>A series of experiments over time with using projection to create holographic effects on a budget./p> p classtiny_font> /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/movthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Movement Modulation/h5> h6>Drawing on research into music and Parkinsons/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> ul classslides> li>a classlazyload hrefimages/portfolio/mov1.jpg titleSome text>IMAGE/a>/li> /ul> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Movement Modulation/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Large-scale outdoor animation delving into the research behind music use for Parkinsons disease. Controlled by hand gesture interaction that mimics the use of gestures in Parkinsons disease healing./p> p classtiny_font>This piece premiered at Bigsound Festival and symposium, 2017. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2017 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/fingthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Geonotation/h5> h6>Interactive sound art installation, sound walk, and experiments in postmodern musical notation for interaction/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > ul classslides> li>a classlazyload hrefimages/portfolio/fingers1.jpg titleSome text>IMAGE/a>/li> /ul> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>GeoNotation/h3> hr classseparator_bar /> p classmini_description>Geonotation is an interactive collection of generative/glitch sound pieces, themed on different types of geography. Geographical areas from Australia and Norway were used to generate new types of postmodern musical notation, which were then played into digital sound pieces of between 2 and 5 minutes in length. For example, visual representations of the area’s rivers were used to create postmodern musical notation that was then recorded via digital piano. In other examples, images of maps themselves, or images of the area captured on a wildlife motion capture camera, were converted to sound data to generate noise that was then further digitally manipulated. The collection includes six pieces. br>br>This piece was originally shown in 2014 and was accompanied by a sound walk using .mp3 players and headphones placed throughout Sarabah Vineyard grounds. It was later developed into an interactive digital piece combining interactive imagery - as shown in this accompanying image - and the original sounds, placed onto a large interactive digital map that GPS located each sound to its corresponding place./p> p classtiny_font> /p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/windthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Wind blisters those who try to run/h5> h6>Projections for Brisbanes oldest surviving colonial structure/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/windmill.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/wind2.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Wind blisters those who try to run/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>‘Wind blisters those who try to run’ was a live projection mapping artwork on The Old Windmill, Brisbane, created for UR{BNE} Festival. As far as we are aware, this is the first time this building has ever been engaged in projection art or projection mapping. It is Australia’s oldest windmill, and Queensland’s oldest surviving European structure. It has an incredible history, including some very dark moments, some urban myths, and some interesting moments in the furthering of communications technology, time keeping, and weather technology. It was also used to make Queensland’s first television broadcast./p> p classtiny_font>Wind blisters those who try to run consisted of two projections, one on each side of the curved and tapered Old Brisbane Windmill. The content was a montaged series of animations that were made to conform to the shape of concrete bricks like those that make up the Old Windmill. I took inspiration from the windmill’s checkered past as both a place of death and torture, and a place of technological innovation, to create imagery that looked towards a positive future for the structure. br>br>Remaining on site during the performance, I was able to morph this piece into more of a live VJ set, where content changed in reaction to audience participation. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2015 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/southumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>The Fingers of a Warm and Careful Android/h5> h6>Creating narratives from library collections through barcode scanning, with a holographic touchscreen edition/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/south1.jpg titleSome text>IMAGE/a>/li>li>a classlazyload hrefimages/portfolio/southumb.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>The Fingers of a Warm and Careful Android/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>A touchable, holographic, moving display created for libraries and other collections. /p> p classtiny_font>Notes on the original barcode scanner edition:br>This world first interactive art installation works for books, DVDs, audio books, and any other scannable library item. Take your library item and scan the barcode to have it tell you about the places it has been and the interesting and quirky people it has been lent to in the past, through stunning visual narrative. Scanning your library books barcode brings up a story and animation on the large screen that is unique to your book.br>The concept behind the piece is that all library books/items have stories from their past that we cannot tap into, and this project allows people to (fictionally) hear about the past adventures of their favourite books.br>The unique idea behind this artwork can be transported to other libraries around the world, as well as museums, archives, and other collections.br>br> The peppers ghost type display seen in some images here is the holographic touchscreen edition of this work. It allowed for an object to be placed inside the box, giving not just the sense of a touchscreen space, but an augmented mixed-reality layering effect. The front glass of the screen was interactive through touch, allowing the user to interact with library items histories in another way. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2015 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/ifthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>if notNow, if-then-when-else/h5> h6>An interactive climate crisis/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > ul classslides> li>a classlazyload hrefimages/portfolio/ifthen.jpg titleSome text>IMAGE/a>/li> /ul> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>if notNow, if-then-when-else/h3> hr classseparator_bar /> p classmini_description>In interactive touchscreen work of overloaded colour, sound, movement and glitch built off poetry about our changing climate. /p> p classtiny_font> /p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> a>a hrefhttp://www.alintakrauth.com/ifthen>span classbox_hover_min tiny_font upperCase>Play It Online/span>/a>/a> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/memthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Memetic Soil/h5> h6>Using geology methods and methodologies in interactive art/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/mem1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mem2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mem3.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Memetic Soil/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>During a residency at the Queensland EcoSciences Precinct I had the opportunity to be a part of the Precinct’s soil refining process. Learning about each step, from field to jar, I considered how one might emulate these methods to make art. As a digital artist, I often experience comparable processes of sampling, ordering, crushing, coding, and sieving, albeit differently. As such, Memetic Soil attempts to answer: ‘what would a digital artwork look like if it underwent a soil refining process?’ /p> p classtiny_font>To answer this, I considered questions such as, ‘what is the digital version of a soil sample?’ Given that soil can represent deep time and change, and is sampled from a field, I decided that one equivalent was the Internet Meme. I then conceptualised equivalents for each soil sample process, such as drying, crushing, and cataloguing. I also noticed how the process of removing botanical matter from soil in the lab seemed to rid it of certain contexts, which became integral to this project. br>br>From this conceived method came memetic language and images devoid of original context that are reconfigurable on the screen by the user, sorted into colour, size, and font based on the coding techniques I adapted. The digital artwork then sits in a representation of a glove box, which reminds me of the extractor booth I worked with in the lab.br>br>This piece was first shown at the Art Meets Science exhibition, Queensland EcoSciences Precinct. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2018 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/colthumb2.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Colonise/h5> h6>A series of paper folding projection mapping installations/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > br> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/col1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/col2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/col3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/col4.jpg titleSome text>IMAGE/a>/li> /ul> /div> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>Colonise/h3> hr classseparator_bar /> p classmini_description>A series of different installations over time that experiment with projection mapping into folded paper, both at a very small scale, and a very large scale. /p> p classtiny_font>Some of the examples shown in these images include Colonise 2015, White Night Melbourne, Little Boxes 2014, Luxlumin Festival, and You Are Vital, Scenic Rim Open Studios festival, 2014. hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/pro2thumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Projecting on the world/h5> h6>Extra experiments in projection and activism/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/pro2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro7.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro9.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro10.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Unnatural objects/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>A series of experiments in projecting on the world while walking around with my partner, Jason Nelson. Experiments both for fun and for environmental activism, by both him and I in collaboration./p> p classtiny_font> /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/cavthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Dark Cave Projections/h5> h6>Experiments in lighting up caves/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/cave1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cave2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cave3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cave4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cave5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cave6.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Natural Caves/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>A series of experiments in projecting into dark caves. /p> p classtiny_font>Much more of this to come - unfortunately the area where this was filmed was ravaged by wildfire and is now illegal to enter until the land regenerates. The videos being used were bits of test footage I have accumulated over the years, but the aim would be to make something specific to map inside cave areas. br>br> This cave was, before colonial times, a prominent cooking and eating place for the Yugambeh people. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/canthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Interactive Canvas/h5> h6>Experiments exploring interaction by touching painted canvas/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://vimeo.com/128771462 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Touching Canvas/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/can2.jpg titleSome text>IMAGE/a> /div> br> ul classslides> li>a classlazyload hrefimages/portfolio/can1.jpg titleSome text>IMAGE/a>/li> /ul> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>Interactive Canvas/h3> hr classseparator_bar /> p classmini_description>Experiments in using painted canvases as a way to interact with digital games and digital artworks. /p> p classtiny_font> Some of these were shown in my 2015 exhibition Epicentre/Paracentre at Larkin Art Gallery, Australia. /p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/tramthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Untrammelled/h5> h6>Interactive projection mapping narrative and physical controllers/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://vimeo.com/130197040 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Untrammelled/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/tram.jpg titleSome text>IMAGE/a> /div> br> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>Untrammelled/h3> hr classseparator_bar /> p classmini_description>An interactive, projection-mapped tram controller. /p> p classtiny_font> Site-specific for the Brisbane Powerhouse, this piece tells the story of the Brisbane trams by interacting with the controller once used to power the trams of the 20th century. /p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/portthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Portals/h5> h6>Library activations through window peep-holes/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/port1.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/portals2.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/port2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/port3.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Portals/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Portals was a series of site-specific play-things by Jason Nelson and Alinta Krauth in Bergen Central Library, Norway./p> p classtiny_font> It included a residency in the private library stacks. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2016-17 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> /div> /div>!--div data-id!weare_section4 classcontentWrapper parallax fullHeight fullResponse darkStyle m-Scrollbar data-srcimages/background/image4.jpg data-src-smallimages/background/image4_s.jpg > div classcontainer-fluid fullHeight fullResponse darkStyle bg_pattern2 alignRight vertical_page mobileSpacing > hr classtop_space> div classrow-fluid> div classspan12 > h1 classtitle_text>Right align page/h1> hr classseparator_bar> hr> p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat./p> p classtiny_font>Diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat./p> hr> div classseparator_mini> /div> /div> /div> div classrow-fluid> div classspan12 alignLeft> h2>Choose service/h2> div classseparator_bar> /div> hr> /div> /div> div classrow-fluid> div classspan11> div data-link#team_details classcarousel_container> ul classelastislide-list carousel_thumbails> li data-preview#service1>a href#>/a> a classlazyload hrefimages/portfolio/thumb1.jpg titleimage text>Image/a>/li> li data-preview#service4>a href#>/a> a classlazyload hrefimages/portfolio/thumb4.jpg titleimage text>Image/a>/li> li data-preview#service2>a href#>/a> a classlazyload hrefimages/portfolio/thumb2.jpg titleimage text>Image/a>/li> li data-preview#service3>a href#>/a> a classlazyload hrefimages/portfolio/thumb3.jpg titleimage text>Image/a>/li> li data-preview#service1>a href#>/a> a classlazyload hrefimages/portfolio/thumb1.jpg titleimage text>Image/a>/li> li data-preview#service2>a href#>/a> a classlazyload hrefimages/portfolio/thumb2.jpg titleimage text>Image/a>/li> li data-preview#service3>a href#>/a> a classlazyload hrefimages/portfolio/thumb3.jpg titleimage text>Image/a>/li> li data-preview#service4>a href#>/a> a classlazyload hrefimages/portfolio/thumb4.jpg titleimage text>Image/a>/li> li data-preview#service1>a href#>/a> a classlazyload hrefimages/portfolio/thumb1.jpg titleimage text>Image/a>/li> li data-preview#service2>a href#>/a> a classlazyload hrefimages/portfolio/thumb2.jpg titleimage text>Image/a>/li> /ul> /div> hr classseparator_mini> /div> /div> div classrow-fluid> div classspan11> div idteam_details classcarousel_preview mini> div idservice1 classcarousel_item> div classrow-fluid> div classspan5 > a classlazyload alignCenter scale-with-grid hrefimages/portfolio/image1.jpg titleimage text>Image/a> hr classseparator_mini> /div> div classspan7 > h4>Wordpress Customizaton/h4> h5>Consectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing /h5> p classtiny_font>Aonsectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing sed diam nonummy nibh./p> a>span classbox_hover_min>Apply service/span>/a> /div> /div> /div> div idservice2 classcarousel_item> div classrow-fluid> div classspan5 > a classlazyload alignCenter scale-with-grid hrefimages/portfolio/image2.jpg titleimage text >Image/a> hr classseparator_mini> /div> div classspan7 > h4>HTML Page Design/h4> h5>Consectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing /h5> p classtiny_font>Aonsectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing sed diam nonummy nibh./p> a>span classbox_hover_min>Apply service/span>/a> /div> /div> /div> div idservice3 classcarousel_item> div classrow-fluid> div classspan5 > a classlazyload alignCenter scale-with-grid hrefimages/portfolio/image3.jpg titleimage text>Image/a> hr classseparator_mini> /div> div classspan7 > h4>Email & Form/h4> h5>Consectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing /h5> p classtiny_font>Aonsectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing sed diam nonummy nibh./p> a>span classbox_hover_min>Apply service/span>/a> /div> /div> /div> div idservice4 classcarousel_item> div classrow-fluid> div classspan5 > a classlazyload alignCenter scale-with-grid hrefimages/portfolio/image4.jpg titleimage text >Image/a> hr classseparator_mini> /div> div classspan7 > h4>CMS developement/h4> h5>Consectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing /h5> p classtiny_font>Aonsectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing sed diam nonummy nibh./p> a>span classbox_hover_min>Apply service/span>/a> /div> /div> /div> hr classseparator_mini> /div> /div> /div> /div>/div> -->!-- div data-id!team classcontentWrapper fullHeight fullResponse darkStyle parallax hideOverFlow data-srcimages/background/image3.jpg data-src-smallimages/background/image3_s.jpg > div classaddVideo video_content backGroundVideo data-urlhttp://vimeo.com/23281150> /div> div classcontentWrapper fullWidth fullHeight removePadding m-Scrollbar > hr classtop_space> div classcontainer mobileSpacing> div classrow-fluid> h1 classtitle_text>Our Team/h1> hr classseparator_bar> hr> h3>Video Background Page/h3> p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed a>diam nonummy nibh/a> euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit./p> p classtiny_font>Topsum dolor sit amet, consectetuer adipiscing elit euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat./p> hr> /div> /div> div classcontainer mobileSpacing> div classrow-fluid> ul classthumbnails> li classspan3 hover_moveTop> div classthumbnail img_place > img srcimages/about_image1.jpg altimage name > /div> div classseparator_mini>/div> h4>a>Mark Tylor/a>/h4> h6>Designer & Developer/h6> div classtiny_font team_detail>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet ad minim veniam.hr>/div> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-linkedin>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /li> li classspan3 hover_moveTop> div classthumbnail img_place > img srcimages/about_image2.jpg altimage name > /div> div classseparator_mini>/div> h4>a>Stephen Fleming/a>/h4> h6>Graphic Designer/h6> div classtiny_font team_detail>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet ad minim veniam.hr>/div> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-linkedin>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /li> li classspan3 hover_moveTop> div classthumbnail img_place > img srcimages/about_image3.jpg altimage name > /div> div classseparator_mini>/div> h4>a>Lisa Michale/a>/h4> h6>Relationship Manager/h6> div classtiny_font team_detail>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet ad minim veniam.hr>/div> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-linkedin>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /li> li classspan3 hover_moveTop> div classthumbnail img_place > img srcimages/about_image4.jpg altimage name > /div> div classseparator_mini>/div> h4>a>Michale clarke/a>/h4> h6>Project Manager/h6> div classtiny_font team_detail>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet ad minim veniam.hr>/div> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-linkedin>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /li> /ul> /div> /div> div classcontainer mobileSpacing> div classrow-fluid> div classspan12 text-center> span classpointer_text> TESTIMONIALS i classicon-caret-down icon-2x downarrow>/i> /span> /div> /div> div classrow-fluid> div classspan12 text-center> div classflexslider slideAnimation dark_color > ul classslides> li> h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing /h5> h6 classhighlight_color>- Tom, Founder -/h6> /li> li> h5>Sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit/h5> h6 classhighlight_color>- john Doe, ThemeForest -/h6> /li> li> h5>Nonummy nibh euismod tincidunt sed diam nonummy nibh euismod tlaoreet dolorebr> Magna aliquam erat dolore magna volutpat/h5> h6 classhighlight_color>- David French, Development Manager -/h6> /li> /ul> /div> /div> /div> /div> /div>/div> -->!-- service pageNote: data-continue-page attribute is used to defined, the menu (header) which belong to this page--> !--div data-id!service data-continue-page!team classcontentWrapper fullHeight fullResponse darkStyle bg_pattern2 m-Scrollbar > hr classtop_space> div classcontainer mobileSpacing> div classrow-fluid> div classspan12> h1 classtitle_text>Services/h1> hr classseparator_bar> hr> a classcircleHolder alignCenter single_image data-titleh5 classlight_color >Mini description about project/h5> hrefimages/portfolio/image5.jpg target_self > div classflipPanel smallCircle > div classcircle front service_icon > i classicon-globe> /i> /div> div classcircle back> div classpadTopLarge> h5 classlight_color>click to see/h5> h5 classlight_color>strong>The project/strong>/h5> /div> /div> /div> div classdescription> i classicon-caret-up icon-2x arrow_pointer>/i> h4>Web & Print design /h4> p classtiny_font>nonummy nibh euismod tincidunt ut euismod tincidunt ut /p> /div> /a> a classcircleHolder alignCenter single_image data-titleh5 classlight_color>Load YouTube and Vimeo video/h5> hrefhttp://www.youtube.com/watch?v9wlFSR3flbk target_self > div classflipPanel smallCircle > div classcircle front service_icon_2> i classicon-gears> /i> /div> div classcircle back> div classpadTopLarge> h5 classlight_color>click to see/h5> h5 classlight_color>strong>The project/strong>/h5> /div> /div> /div> div classdescription> i classicon-caret-up icon-2x arrow_pointer>/i> h4>Software Development /h4> p classtiny_font>nonummy nibh euismod tincidunt ut euismod tincidunt ut /p> /div> /a> a classcircleHolder alignCenter single_image data-titleh5 classlight_color>Mini description about project, eorem ipsum dolor sit amet, consectetur adipisicing elit/h5> hrefimages/portfolio/image6.jpg target_self > div classflipPanel smallCircle > div classcircle front service_icon > i classicon-mobile-phone> /i> /div> div classcircle back> div classpadTopLarge> h5 classlight_color>click to see/h5> h5 classlight_color>strong>The project/strong>/h5> /div> /div> /div> div classdescription> i classicon-caret-up icon-2x arrow_pointer>/i> h4>Mobile Application/h4> p classtiny_font>nonummy nibh euismod tincidunt ut euismod tincidunt ut /p> /div> /a> a classcircleHolder alignCenter single_image data-titleh5 classlight_color>Mini description about project/h5> hrefimages/portfolio/image7.jpg target_self > div classflipPanel smallCircle > div classcircle front service_icon_2 > i classicon-trophy> /i> /div> div classcircle back> div classpadTopLarge> h5 classlight_color>click to see/h5> h5 classlight_color>strong>The project/strong>/h5> /div> /div> /div> div classdescription> i classicon-caret-up icon-2x arrow_pointer>/i> h4>Branding & Identity/h4> p classtiny_font>nonummy nibh euismod tincidunt ut euismod tincidunt ut /p> /div> /a> a classcircleHolder alignCenter single_image data-titleh5 classlight_color>Load YouTube and Vimeo video/h5> hrefhttp://player.vimeo.com/video/28040685?portrait0 target_self > div classflipPanel smallCircle > div classcircle front service_icon_2 > i classicon-film> /i> /div> div classcircle back> div classpadTopLarge> h5 classlight_color>click to see/h5> h5 classlight_color>strong>The project/strong>/h5> /div> /div> /div> div classdescription> i classicon-caret-up icon-2x arrow_pointer>/i> h4>Motion br> Picture/h4> p classtiny_font>nonummy nibh euismod tincidunt ut euismod tincidunt ut /p> /div> /a> a classcircleHolder alignCenter single_image data-titleh5 classlight_color>Mini description about project, eorem ipsum dolor sit amet, consectetur adipisicing elit/h5> hrefimages/portfolio/image4.jpg target_self > div classflipPanel smallCircle > div classcircle front service_icon_2 > i classicon-gamepad> /i> /div> div classcircle back> div classpadTopLarge> h5 classlight_color>click to see/h5> h5 classlight_color>strong>The project/strong>/h5> /div> /div> /div> div classdescription> i classicon-caret-up icon-2x arrow_pointer>/i> h4>Game Development/h4> p classtiny_font>nonummy nibh euismod tincidunt ut euismod tincidunt ut /p> /div> /a> /div> hr> /div> hr> div classrow-fluid> div classspan7> ul classnav nav-tabs> li classactive>a href#tab1 data-toggletab>Section 1/a>/li> li>a href#tab2 data-toggletab>Section 2/a>/li> /ul> div classtab-content> div classtab-pane active idtab1> h5>Aorem ipsum dolor sit amet, consectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat./h5> p classtiny_font>Topsum dolor sit amet, consectetuer adipiscing elit euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat./p> h6>- Tom, Founder -/h6> /div> div classtab-pane idtab2> h5>Sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit. Nonummy nibh euismod tincidunt sed diam nonummy nibh euismod tlaoreet dolorebr> Magna aliquam erat dolore magna volutpat/h5> h6>- David French, Development Manager -/h6> /div> /div> /div> div classspan5> h4 classupperCase>Our Skill Area/h4> div classgraph_container> ul> li data-level80% >a>/a> span>Web Design /span>/li> li data-level70%>a>/a> span>Software Development/span>/li> li data-level90%>a>/a> span>Branding & Identity/span>/li> /ul> /div> /div> /div> hr classseparator_min /> /div> /div> --> !-- Portfolio Page --> !-- fullscreen_galleryNote: data-continue-page attribute is used to defined, the menu (header) which belong to this page-->!--div data-id!fullscreen_gallery data-continue-page!portfolio classcontentWrapper fullHeight darkStyle backGround removePadding m-Scrollbar > div classcontainer-fluid fullWidth fullHeight fullResponse removePadding> div classrow-fluid > div idgallery_details1 classcarousel_preview fullScreenGallery_items hideOverFlow> div classoverlayPattern>/div> div idpro_image1 classcarousel_item> div classtitle_top darkStyle>h3 classfontFamily_1 light_weight upperCase darkBgTransparent>Say something about image/h3>/div> a classlazyload_single resize_align hrefimages/portfolio/image1.jpg titleimage text >image/a> /div> div idpro_image2 classcarousel_item > a classlazyload_single resize_align hrefimages/portfolio/image2.jpg titleimage text>image/a> /div> div idpro_image3 classcarousel_item > div classaddVideo video_content fullscreenVideo data-urlhttp://vimeo.com/28040685 > div classvideo_hover>/div> div classvideo_title placeBottom darkBgCaption > div> h4 classlight_color>span>Support Youtube and vimeo video/span>/h4>/div> div> h6 classlight_color>span>Add / Remove video title/span>/h6>/div> hr class space_mini> /div> a classlazyload_single resize_align hrefimages/portfolio/image3.jpg titleimage text >image/a> /div> /div> div idpro_image4 classcarousel_item > div classaddVideo video_content fullscreenVideo data-urlhttp://www.youtube.com/watch?v9wlFSR3flbk > div classvideo_hover>/div> a classlazyload_single resize_align fitInside hrefimages/portfolio/image1_a.jpg titleimage text >image/a> /div> /div> div idpro_image5 classcarousel_item > div classtitle_bottom darkStyle>h4 classfontFamily_1 light_weight upperCase darkBgTransparent>a>Consectetur adipiscing /a>/h4>/div> a classlazyload_single resize_align hrefimages/portfolio/image5.jpg titleimage text>image/a> /div> div idpro_image6 classcarousel_item > a classlazyload_single resize_align fitInside hrefimages/portfolio/image6.jpg titleimage text>image/a> /div> div idpro_image7 classcarousel_item > a classlazyload_single resize_align fitInside hrefimages/portfolio/image7.jpg titleimage text>image/a> /div> div idpro_image8 classcarousel_item > a classlazyload_single resize_align hrefimages/portfolio/image8.jpg titleimage text>image/a> /div> div idpro_image9 classcarousel_item > a classlazyload_single resize_align hrefimages/portfolio/image9.jpg titleimage text>image/a> /div> div idpro_image10 classcarousel_item > a classlazyload_single resize_align hrefimages/portfolio/image10.jpg titleimage text>image/a> /div> /div> /div> /div> div classcontainer-fluid fullWidth fullResponse removePadding fullScreenGallery_thumbnails > div classgallery_navigations > a classprevious_button>/a> a classpageClose_btn >CLOSE/a> a classnext_button>/a> /div> div data-link#gallery_details1 classcarousel_container fullScreen> ul classelastislide-list carousel_thumbails> li data-preview#pro_image1>a href#>/a> a classlazyload hrefimages/portfolio/thumb1.jpg titleimage text>Image/a>/li> li data-preview#pro_image2>a href#>/a> a classlazyload hrefimages/portfolio/thumb2.jpg titleimage text>Image/a>/li> li data-preview#pro_image3>a href#>/a> a classlazyload hrefimages/portfolio/thumb3.jpg titleimage text>Image/a>/li> li data-preview#pro_image4>a href#>/a> a classlazyload hrefimages/portfolio/thumb4.jpg titleimage text>Image/a>/li> li data-preview#pro_image5>a href#>/a> a classlazyload hrefimages/portfolio/thumb5.jpg titleimage text>Image/a>/li> li data-preview#pro_image6>a href#>/a> a classlazyload hrefimages/portfolio/thumb6.jpg titleimage text>Image/a>/li> li data-preview#pro_image7>a href#>/a> a classlazyload hrefimages/portfolio/thumb7.jpg titleimage text>Image/a>/li> li data-preview#pro_image8>a href#>/a> a classlazyload hrefimages/portfolio/thumb8.jpg titleimage text>Image/a>/li> li data-preview#pro_image9>a href#>/a> a classlazyload hrefimages/portfolio/thumb9.jpg titleimage text>Image/a>/li> li data-preview#pro_image10>a href#>/a> a classlazyload hrefimages/portfolio/thumb10.jpg titleimage text>Image/a>/li> li data-preview#pro_image6>a href#>/a> a classlazyload hrefimages/portfolio/thumb6.jpg titleimage text>Image/a>/li> li data-preview#pro_image5>a href#>/a> a classlazyload hrefimages/portfolio/thumb3.jpg titleimage text>Image/a>/li> /ul> /div> /div> /div> --> !-- Full screen single video pageNote: data-continue-page attribute is used to defined, the menu (header) which belong to this page-->!--div data-id!single_video data-continue-page!portfolio classcontentWrapper fullWidth fullHeight fullResponse darkStyle removePadding m-Scrollbar > div classaddVideo video_content fullscreenVideo data-autoplaytrue data-urlhttp://www.youtube.com/watch?v9wlFSR3flbk > div classvideo_hover>/div> img classresize_align srcimages/video_img1.jpg altimage name /> /div>/div> --> div data-id!weare_section3 classcontentWrapper fullHeight fullResponse darkStyle bg_pattern2 m-Scrollbar > hr classtop_space> div classcontainer-fluid mobileSpacing alignLeft > div classrow-fluid> div classspan6> h1 classtitle_text_large>alinta/h1> !-- p classmini_description>We are a creative group of digital artists, interaction designers, academics, theorists, interactive writers, art-game makers, and scientific and technological explorers. We build/birth interactive and bespoke artworks for unconventional spaces and varied circumstances. Our works seek to foster community engagement, placemaking, narrative curiosity and space activation. And our intention is always to rethink the use of current and future digital technologies for artistic purposes./p> --> p classtiny_font> /p> p classtiny_font>br>Alinta is a multidisciplinary new media artist, interaction & exhibition designer, and co-founder of EphemerLab. She is also a researcher of interactive art for more-than-human situations and spaces. Her research focuses include the use of interactive devices as a response to more–than–human agency, and caring for non–humans. Much of her work involves ecological themes and scientific fieldwork alongside ecology experts and wildlife rescue organisations. Recent installations of her creative works have been seen in GentleMonster, Seoul South Korea, Botanica Festival, Brisbane Australia, White Night (Nuit Blanche), Melbourne Australia, The Powerhouse, Sydney Australia, Eidgenössische Technische Hochschule, Zurich Switzerland, and Art Laboratory Berlin, Berlin Germany. /p> div classseparator> /div> !-- span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-tumblr>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-linkedin>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> li >a >i classicon-flickr>/i>/a>/li> li >a >i classicon-pinterest>/i>/a>/li> li >a >i classicon-weibo>/i>/a>/li> /ul> --> div classseparator> /div> !-- span classshare>span>Tags/span>/span> ul classtag> li>windows/li> li>ios/li> li>Android/li> /ul> --> hr> /div> div classspan6> div classrow-fluid> !-- h1 classupperCase>..++/h1> --> hr> hr classseparator_bar> hr> /div> div classrow-fluid> !-- Feature Project --> !-- div classfeature_pro> div classpro_title> span classtit_text highlight_color>alinta krauth/span> ul classfont_awesome alignRight > li >a hrefhttp://www.facebook.com/alintaland>i classicon-facebook>/i>/a>/li> li >a hrefhttp://www.twitter.com/Alintakk>i classicon-twitter>/i>/a>/li> /ul> /div> a data-fancygroup1 href#feature1 classpro_link> img srcimages/portfolio/me.jpg altimage text /> div classover_text> h5>thats me/h5> /div> div classoverlay content>/div> /a> h6 classnoMargin>/h6> !-- Feature Project detail content. Make sure the id(feature1) of this container div must be assign to the href of the above a> tag --> !-- div classpopupContent > div idfeature1 classcontainer darkStyle > div classrow-fluid > div classspan7 > a classlazyload_single scale-with-grid hrefimages/portfolio/jason1.jpg titleSome text>image/a> hr> hr> /div> --> !-- div classspan5> h4 classupperCase>jason nelson/h4> p> Coming from Australia, Jason Nelson is a creator of curious and wondrous digital poems and fictions of odd lives, builder of confounding art games and all manner of curious digital creatures. /p> p classtiny_font>He professes Net Art and Electronic Literature at Australias Griffith University in subtropical metropolis of Brisbane. Aside from coaxing his students into breaking, playing and morphing their creativity with all manner of technologies, he exhibits widely in galleries and journals, with work featured around the globe at FILE, ACM, LEA, ISEA, SIGGRAPH, ELO and dozens of other acronyms. /p> p classtiny_font>There are awards to list (Paris Biennale Media Poetry Prize), organizational boards he frequents (Australia Council Literature Board and the Electronic Literature Organization), and numerous other accolades (Webby Award), but in the web based realm where his work resides, Jason is most proud of the millions of visitors his artwork/digital poetry portal http://www.secrettechnology.com attracts each year./p> a hrefhttp://secrettechnology.com>span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> /div> --> !-- /div> /div> /div> /div> --> !-- Feature Project --> div classfeature_pro First_item> div classpro_title> span classtit_text highlight_color>..++../span> ul classfont_awesome alignRight > li >a hrefhttp://www.facebook.com/alintaland>i classicon-facebook>/i>/a>/li> li >a hrefhttp://www.twitter.com/alintakk>i classicon-twitter>/i>/a>/li> /ul> /div> a data-fancygroup1 href#feature2 classpro_link> img srcimages/portfolio/thing1.png altimage text /> div classover_text> h5>Click for Showreel/h5> /div> div classoverlay content>/div> /a> h6 classnoMargin>/h6> !-- Feature Project detail content. Make sure the id(feature1) of this container div must be assign to the href of the above a> tag --> div classpopupContent > div idfeature2 classcontainer darkStyle > div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://www.youtube.com/watch?vm9E9IeiFkqw&t > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>SHOWREEL 2017/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/alb1.jpg titleSome text>IMAGE/a> /div> /div> div classspan5> !-- h4 classupperCase>alinta krauth/h4> --> p classtiny_font>/p> a hrefhttp://www.ephemerlab.com>span classbox_hover_min tiny_font upperCase>Visit ephemerlab webSite/span>/a> /div> /div> /div> /div> /div> /div> !-- div classrow-fluid> div classfeature_pro> div classpro_title> span classtit_text highlight_color>Project name /span> ul classfont_awesome alignRight > li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> /div> a data-fancygroup1 href#feature3 classpro_link> img srcimages/portfolio/thumb3.jpg altimage text /> div classover_text> h5>Logo / Brand design/h5> /div> div classoverlay content>/div> /a> h6 classnoMargin>Lorem ipsum dolor sit amet consectetuer./h6> div classpopupContent > div idfeature3 classcontainer darkStyle > div classrow-fluid > div classspan1 >/div> div classspan10 > h2>Projects images - Add Nice title text/h2> br> /div> /div> div classrow-fluid > div classspan1 >/div> div classspan10 > div classflexSlideshow_pop > ul classslides> li>a classlazyload scale-with-grid hrefimages/portfolio/image1_a.jpg titleSome text>image/a>/li> li>a classlazyload scale-with-grid hrefimages/portfolio/image1_b.jpg titleSome text>image/a>/li> li>a classlazyload scale-with-grid hrefimages/portfolio/image1_c.jpg titleSome text>image/a>/li> /ul> /div> hr classslide_bottomSpace> /div> /div> div classrow-fluid > div classspan1 >/div> div classspan10> h4 classupperCase>Phasellus felis dolor, scelerisque enim felis viverra mi, eget luctus massa purus quis odio./h4> hr classseparator_bar /> div classrow-fluid> div classspan7>Curabitur vel mi sit amet magna malesuada ultrices. Ut nisi erat, fermentum vel, congue id, euismod in, elit. Fusce ultricies, orci ac feugiat suscipit, leo massa sodales velit, et scelerisque mi tortor at ipsum. Proin orci odio, commodo ac, gravida non, tristique vel, tellus, neque mi consectetuer mi, a ultricies massa est sed nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Proin nulla arcu, nonummy luctus, dictum eget, fermentum et, lorem. Nunc porta convallis pede. /div> div classspan5> span classshare>span>Share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-tumblr>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-linkedin>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr class noSpacing> span classshare>span>Tags/span>/span> ul classtag> li>windows/li> li>ios/li> li>Android/li> /ul> a>span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> /div> /div> hr classseparator_bar /> p classtiny_font> Morbi ornare gravida elit. Integer congue, augue et malesuada iaculis, ipsum dui aliquet felis, at cursus magna nisl nec elit. Donec iaculis diam a nisi accumsan viverra. Duis sed tellus et tortor vestibulum gravida. Praesent elementum elit at tellus. Curabitur metus ipsum, luctus eu, malesuada ut, tincidunt sed, diam. Donec quis mi sed magna hendrerit accumsan. Suspendisse risus nibh, ultricies eu, volutpat non, condimentum hendrerit, augue. Etiam eleifend, metus vitae adipiscing semper, mauris ipsum iaculis elit, congue gravida elit mi egestas orci. Curabitur pede./p> p classtiny_font>Maecenas aliquet velit vel turpis. Mauris neque metus, malesuada nec, ultricies sit amet, porttitor mattis, enim. In massa libero, interdum nec, interdum vel, blandit sed, nulla. In ullamcorper, est eget tempor cursus, neque mi consectetuer mi, a ultricies massa est sed nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Proin nulla arcu, nonummy luctus, dictum eget, fermentum et, lorem. Nunc porta convallis pede./p> p classtiny_font>Nunc tempus felis vitae urna. Vivamus porttitor, neque at volutpat rutrum, purus nisi eleifend libero, a tempus libero lectus feugiat felis. Morbi diam mauris, viverra in, gravida eu, mattis in, ante. Morbi eget arcu. Morbi porta, libero id ullamcorper nonummy, nibh ligula pulvinar metus, eget consectetuer augue nisi quis lacus. Ut ac mi quis lacus mollis aliquam. Curabitur iaculis tempus eros. Curabitur vel mi sit amet magna malesuada ultrices. Ut nisi erat, fermentum vel, congue id, euismod in, elit./p> hr classseparator_min> /div> /div> /div> /div> /div> div classfeature_pro last_item > div classpro_title> span classtit_text highlight_color>Project name /span> ul classfont_awesome alignRight > li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> /div> a data-fancygroup1 classpro_link hrefimages/portfolio/image4.jpg titleAdd simple title text > img srcimages/portfolio/thumb4.jpg altimage text /> div classover_text> h5>Wordpress Development/h5>br> /div> div classoverlay content>/div> /a> h6 classnoMargin>Lorem ipsum dolor sit amet consectetuer./h6> /div> /div> --> /div> /div> hr> /div> /div> !-- Contact us --> div data-id!contactus classcontentWrapper contactPage darkStyle backGround fullWidth fullHeight fullResponse removePadding m-Scrollbar disable_mouse_drag > div classfullWidth fullHeight fullResponse map_container > !--div idmap_canvas > !-- Google map load error message div classpad> h6>a> !Google Map is not Loaded, click here to see the map/a>/h6> /div> /div> --> /div> div classfullWidth fullResponse contactPage_content > div classcontainer mobileSpacing darkStyle backGround > div classrow-fluid> div classspan12 > h1 classtitle_text>get in touch/h1> hr> /div> /div> div classrow divide > div classspan6> div classrow> !--Email contact Form--> form namecontact methodpost > div classspan3> input typetext valueName idname namename classspan3 onfocusif(this.value Name) {this.value ;} onblurif (this.value ) {this.value Name;} /> /div> div classspan3> input typetext valueEmail idemail nameemail classspan3 onfocusif(this.value Email) {this.value ;} onblurif (this.value ) {this.value Email;} /> /div> div classspan6> textarea cols30 rows5 idcomments namecomments classspan6 onfocusif(this.value Comments...) {this.value ;} onblurif (this.value ) {this.value Comments...;}>Please leave your comment.../textarea> /div> div classspan6> button typesubmit idemail_submit classbutton alignLeft>SEND/button> div idreply_message >/div> /div> /form> /div> /div> div classspan6 idaddress> h4>Based in Australia br> /h4> !-- h4> Tel: br/> Mob: /h4> --> h4> a>/a> /h4>br/> /div> /div> /div> /div> /div>/div>/div>!-- Footer -->div classdarkStyle fullWidth disable_mouse_drag footer > !-- Footer open/close button --> div classfooter_close data-close.footer_content > /div> div classcontainer-fluid mobileSpacing footer_content> div classrow-fluid> div classspan6 > div classleft_content darkBgTransparent tiny_font > div classright_spacing >ALL RIGHTS RESERVED © Alinta Krauth. I acknowledge the traditional custodians past and present on whose land I walk, work, live, and respect. In particular Id like to acknowlege the traditional owners, past, present, and emerging, of the Yugambeh speaking nation, and the Wangerriburra, Mununjali, and Kombumerri clans in particular, on whose lands much of my work has taken place over the years. I recognise that these lands have always been placees of art, music, storytelling, and sustainable living./div> /div> /div> !-- div classspan6> div classspan6> h5>span classdarkBgTransparent tiny_font>Photostream/span>/h5> ul idflickerFeed classthumbs unstyled>/ul> /div> !-- div classspan6> div classalignRight> div classdarkBgTransparent right_content> !-- div classalignLeft right_spacing twitter_footer> ul classfont_awesome> li >a >i classicon-twitter>/i>/a>/li> /ul> /div> span classalignLeft right_spacing clear_footer tiny_font>SHARE/span> span classalignLeft>|/span> !-- ul classsocial_bookmarks > li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classyoutube_white noMargin>a titleyoutube >youtube/a>/li> /ul> /div> /div> /div> /div --> /div> /div> /div>!-- Footer -->/body>/html>
Port 443
HTTP/1.1 200 OKDate: Tue, 03 Sep 2024 21:01:55 GMTServer: ApacheUpgrade: h2,h2cConnection: UpgradeLast-Modified: Wed, 22 Jun 2022 06:40:37 GMTAccept-Ranges: bytesContent-Length: 407727Vary: Accept-EncodingContent-Type: text/html !DOCTYPE html>!-- /** Horizonal Unique Creative OnePage Bootstrap HTML5 Copyright (c) 2013, Subramanian Author: Subramanian Profile: themeforest.net/user/FMedia/ Version: 1.0.0 Release Date: September 2013**/ --> html langen> head> !-- Basic Page Needs --> meta charsetutf-8> title>More-than-human meeting points/title> meta namedescription content> meta nameauthor content> !-- Mobile Specific Metas --> meta nameviewport contentwidthdevice-width, initial-scale1, maximum-scale1, user-scalableno> !-- CSS --> !--if lt IE 9> script srchttp://html5shim.googlecode.com/svn/trunk/html5.js>/script> !endif--> !-- Favicons --> link relshortcut icon hrefimages/favicon.ico> link relapple-touch-icon hrefimages/apple-touch-icon.png> link relapple-touch-icon sizes72x72 hrefimages/apple-touch-icon-72x72.png> link relapple-touch-icon sizes114x114 hrefimages/apple-touch-icon-114x114.png> !-- Included CSS files --> link relstylesheet typetext/css hrefcss/bootstrap.min.css> link relstylesheet typetext/css hrefcss/bootstrap-responsive.min.css> link relstylesheet typetext/css hreffont-awesome/css/font-awesome.min.css> link relstylesheet typetext/css hrefcss/main.min.css> link relstylesheet typetext/css hrefcss/base.min.css> link relstylesheet typetext/css hrefcss/color.css> link relstylesheet typetext/css hrefcss/elastislide.css> link relstylesheet typetext/css hrefcss/jquery.mCustomScrollbar.css /> link relstylesheet typetext/css hrefcss/jquery.fancybox-1.3.4.min.css mediascreen /> link relstylesheet typetext/css hrefcss/flexslider.min.css mediascreen /> link relstylesheet typetext/css hrefcss/supersized.min.css mediascreen /> link relstylesheet typetext/css hrefcss/supersized.shutter.min.css mediascreen /> !--if gte IE 9> style typetext/css> .gradient { filter: none; } /style> !endif--> !-- Included javascript files --> script typetext/javascript srcjs/jquery-1.8.2.min.js>/script> script typetext/javascript srcjs/bootstrap.min.js>/script> script typetext/javascript srcjs/jflickrfeed.min.js>/script> script typetext/javascript srchttps://maps.googleapis.com/maps/api/js?v3.exp&sensorfalse>/script> script typetext/javascript srcjs/supersized.3.2.7.min.js>/script> script typetext/javascript srcjs/supersized.shutter.min.js>/script> script typetext/javascript srcjs/jquery.fancybox-1.3.4.min.js>/script> script typetext/javascript srcjs/jquery.mCustomScrollbar.concat.min.js>/script> script typetext/javascript srcjs/jquerypp.elastislide.custom.js >/script> script typetext/javascript srcjs/jquery.elastislide.js >/script> script typetext/javascript srcjs/jquery.nicescroll.min.js>/script> script typetext/javascript srcjs/portfolio.detail.min.js>/script> script typetext/javascript srcjs/jquery.flexslider.min.js>/script> script typetext/javascript srcjs/custom.min.js>/script> script typetext/javascript srcjs/main-fm.min.js>/script> script typetext/javascript srcjs/jquery.jstwitter.js>/script> script typetext/javascript> /* Twitter initilize */ $(function () { // start jqtweet! JQTWEET.loadTweets(); }); /* Initialize supersized fullscreen image gallery jQuery(function($){ $.supersized({ // Functionality slideshow : 1, // Slideshow on/off autoplay : 0, // Slideshow starts playing automatically start_slide : 1, // Start slide (0 is random) stop_loop : 1, // Pauses slideshow on last slide random : 0, // Randomize slide order (Ignores start slide) slide_interval : 4000, // Length between transitions transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left transition_speed : 1000, // Speed of transition new_window : 1, // Image links open in new window/tab pause_hover : 0, // Pause slideshow on hover keyboard_nav : 1, // Keyboard navigation on/off performance : 1, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit) image_protect : 1, // Disables image dragging and right click with Javascript // Size & Position min_width : 0, // Min width allowed (in pixels) min_height : 0, // Min height allowed (in pixels) vertical_center : 1, // Vertically center background horizontal_center : 1, // Horizontally center background fit_always : 0, // Image will never exceed browser width or height (Ignores min. dimensions) fit_portrait : 0, // Portrait images will not exceed browser height fit_landscape : 0, // Landscape images will not exceed browser width // Components slide_links : blank, // Individual links for each slide (Options: false, num, name, blank) thumb_links : 1, // Individual thumb links for each slide thumbnail_navigation : 0, // Thumbnail navigation slides : // Slideshow Images, image_small attribute is used to load the mobile version image, main_title attribute is used to add the image tile div {image : images/portfolio/sig1.png, image_small : images/portfolio/sig1.png, main_title : .home_slider_title1, slide_interval: 5000 }, {image : images/portfolio/crtitle.jpg, image_small : images/portfolio/crtitle.jpg, main_title : .home_slider_title2, slide_interval: 5000}, {image : images/portfolio/redzone3.jpg, image_small : images/portfolio/redzone3.jpg, main_title : .home_slider_title3, slide_interval: 5000}, {image : images/portfolio/sig2.png, image_small : images/portfolio/sig2.png, main_title : .home_slider_title4, slide_interval: 5000} , // Theme Options progress_bar : 1, // Timer for each slide mouse_scrub : 0 }); }); */ $(document).ready(function(){ // Portfolio Filterable gallery project detail plug-in initialize $(body).find(.portfolioPage).each(function(){ var mc $(this); jQuery(function($){ mc.detailPage({ filter : .filter_options }) }); }); /* Site Main plug-in initilize */ jQuery(function($){ $(body).mainFm({ /* Set the opening page. leave it blank value if you need to show the home page as a opening page*/ currentPage : !portfolio, /* FlexSlider slideshow speed */ slideshowSpeed : 5000, //portfolioAutoOpen : true, homeSliderThumbnail : false }); }); // Email submit action $(#email_submit).click(function() { $(#reply_message).removeClass(); $(#reply_message).html() var regEx ; // validate Name var name $(input#name).val(); regEx/^A-Za-z .-+$/; if (name || name Name || !regEx.test(name)) { $(input#name).val(); $(input#name).focus(); return false; } // validate Email var email $(input#email).val(); regEx/^A-Za-z0-9._%-+@A-Za-z0-9.-+\.A-Za-z{2,4}$/; if (email || email Email || !regEx.test(email)) { $(input#email).val(); $(input#email).focus(); return false; } // validate comment var comments $(textarea#comments).val(); if (comments || comments Comments... || comments.length 2) { $(textarea#comments).val(); $(textarea#comments).focus(); return false; } var dataString name+ $(input#name).val() + &email + $(input#email).val() + &comments + $(textarea#comments).val(); $(#reply_message).addClass(email_loading); // Send form data to mailer.php $.ajax({ type: POST, url: php/mailer.php, data: dataString, success: function() { $(#reply_message).removeClass(email_loading); $(#reply_message).addClass(list3); $(#reply_message).html(Mail sent sucessfully) .hide() .fadeIn(1500); } }); return false; }); }); /script> /head>body>!-- site loading -->div classpageFade > /div>!-- Tutorial for Page drag -->!-- div classtutorial > /div> -->!--Header Navigation Area-->div classheader bg_transparent fadeAfterLoad> div classnavbar navbar-inverse > div classnavbar-inner noshadow > div classlogo > img srcimages/logo.png classlowResSupport data-src-smallimages/logo_s.png data-retinayes altlogo text> /div> div classnavAlign> button typebutton classbtn btn-navbar data-togglecollapse data-target.nav-collapse> span classicon-bar>/span> span classicon-bar>/span> span classicon-bar>/span> /button> div classnav-collapse collapse> ul classnav> !-- Add require site page navigation li>a href#!home classfirst active> i classicon-globe>/i>HOME/a>/li> --> li>a href#!portfolio> i classicon-picture>/i>artwork/a>/li> !-- li>a href#!blog> i classicon-edit>/i> what we do/a>/li> --> li>a href#!weare_section3> i classicon-user>/i>about/a>/li> !-- li classdropdown> a classdropdown-toggle data-toggledropdown>i classicon-user>/i> Who b classcaret>/b>/a> ul classdropdown-menu> li>a href#!weare>We Are/a>/li> li>a href#!weare_section2>About us/a>/li> li>a href#!weare_section3>latest projects/a>/li> li>a href#!weare_section4>Apply services/a>/li> /ul> /li> !-- li>a href#!team> i classicon-cog>/i> TEAM/a>/li>--> li>a href#!contactus classlast> i classicon-pencil>/i>contact!?/a>/li> /ul> /div> /div> /div> /div> /div> !--Page navigation - Use to Scroll the page LEFT and RIGHT sidediv classfadeAfterLoad> div classpreviousPage autoPosition>span> /span>/div> div classnextPage autoPosition> span> /span>/div>/div>--> !-- pgScrollUp navigation used to scroll the page to top position, Currently its hide in this template.If you need this button just remove the comment codediv classpgScrollUp mobile_Only>/div> -->!-- Complete web site content is placed inside the bodyContainer class div except footer -->div classbodyContainer>!-- Homepage -->div data-id!home classcontentWrapper fullHeight homeSlider white_nav m-Scrollbar > !-- Supersized home page slider show Arrow Navigation--> div idsuperNav > a idprevslide classload-item >/a> a idnextslide classload-item >/a> a idplay-button classload-item >img idpauseplay srcimages/supersized/pause.png altimage text />/a> /div> div classcontainer-fluid fullHeight fullResponse removePadding > div classhomepage_con> !-- Homepage fullscreen slideshow Title text 1 --> div classhome_slider_title1 sliderStyle1 textAlignCenter > h1 classbold_weight fontFamily_2>span classhighlight_color upperCase>interactive digital art/span>/h1> h2>span classwhite_color upperCase>rethinking the use of new technologies/span>/h2> h2>span classwhite_color upperCase>and sensor-based human and non-human interactions/span>/h2> h2>span classwhite_color>a href#!portfolio>i classicon-arrow-down icon-2x textShadow>/i>/a>/span>/h2> /div> !-- Homepage fullscreen slideshow Title text 2 --> div classhome_slider_title2 sliderStyle1 textAlignCenter > h2 classbold_weight fontFamily_2 upperCase>span classwhite_color textShadow>digital narrative/span>/h2> h3>span classwhite_color>interaction/span>/h3> h2 classbold_weight fontFamily_2>span classhighlight_color>as/span>/h2> h3>span classwhite_color>storytelling and game play/span>/h3> h2>span classwhite_color>a href#!portfolio>i classicon-arrow-down icon-2x textShadow>/i>/a>/span>/h2> /div> !-- Homepage fullscreen slideshow Title text 3 --> div classhome_slider_title3 sliderStyle1 darkStyle textAlignCenter > h2 classwhite_color>works that respond to the landscape,/h2> h2 classwhite_color>to space and place,/h2> h2 classwhite_color>to contemporary theory,/h2> h2 classwhite_color>for museums, galleries and institutions/h2> h2>span classwhite_color>a href#!portfolio>i classicon-arrow-down icon-2x textShadow>/i>/a>/span>/h2> /div> !-- Homepage fullscreen slideshow Title text 4 --> div classhome_slider_title4 sliderStyle1 darkStyle textAlignCenter > h1 classbold_weight fontFamily_2 upperCase>span classhighlight_color upperCase>outdoor projection/span>/h1> h2>span classwhite_color>temporary or permanent/span>/h2> h2>span classwhite_color>to activate and interact with spaces/span>/h2> h2>span classwhite_color>a href#!portfolio>i classicon-arrow-down icon-2x textShadow>/i>/a>/span>/h2> /div> /div> /div>/div> div classmainContent >!-- We Are page -->!-- div data-id!weare classcontentWrapper parallax darkStyle mobileSpacing m-Scrollbar data-srcimages/background/image1.jpg data-src-smallimages/background/image1_s.jpg > hr classtop_space> div classcontainer mobileSpacing desktop_alignRight> div classrow-fluid> div classspan5 >/div> div classspan7 > hr classseparator_mini> hr> h1 classtitle_text>Horizonal - Digital Studios/h1> hr classseparator_bar> hr> /div> /div> /div> div classcontainer mobileSpacing desktop_alignRight> div classrow-fluid> div classspan5 >/div> div classspan7 > h2>We are leading brand digital studio/h2> p >The consectetuer adipiscing elit, sed diam nonummy,tincidunt ut laoreet dolore magna aliquam erat volutpat adipiscing elit diam. sed diam nonummy nibh euismod tincidunt. /p> p>Suspendisse vulputate aliquam dui. Nulla elementum dui ut augue. Aliquam vehicula mi at mauris. Maecenas placerat, nisl at consequat rhoncus, sem nunc gravida justo, quis eleifend arcu velit quis lacus. /p> p classtiny_font>Morbi magna magna, tincidunt a, mattis non, imperdiet vitae a>euismod tincidunt/a>. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat,tincidunt sed diam nonummy nibh euismod tincidunt tlaoreet dolore magna aliquam erat tlaoreet dolore magna aliquam erat./p> div classseparator> /div> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> li >a >i classicon-flickr>/i>/a>/li> /ul> div classseparator> /div> span classshare>span>Tags/span>/span> ul classtag> li>windows/li> li>ios/li> li>Android/li> /ul> hr> /div> /div> /div> /div> --> !-- We Are page section2--> !--div data-id!weare_section2 classcontentWrapper darkStyle backGround m-Scrollbar > div classfullWidth fullHeight parallax data-srcimages/background/image2.jpg data-src-smallimages/background/image2_s.jpg> div classcontainer-fluid mobileSpacing> hr classtop_space> div classrow-fluid> div classspan2 > img classalignCenter scale-with-grid set_maxHeight srcimages/about_image5.png altimage text /> /div> div classspan6 > h1 classtitle_text_large upperCase>We Develope br> Award winning Website /h1> /div> div classspan7 > hr classseparator_bar> hr> h3 classupperCase>HORIZONAL br> One page Template br> Clean and Minimalist Design/h3> p classmini_description>Mauris vel lacus vitae felis vestibulum volutpat. Etiam est nunc, venenatis in, tristique eu, imperdiet ac, nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In iaculis facilisis massa. Etiam eu urna. Sed porta. Suspendisse quam leo, molestie sed, luctus quis, feugiat in, pede./p> /div> /div> div classrow-fluid text-center> hr classseparator_min> hr> i classicon-arrow-down icon-2x textShadow>/i> /div> /div> /div> div classlightStyle bg_pattern1 fullWidth mobileSpacing > div classcontainer mobileSpacing> hr classspace_mini > div classrow-fluid> div classspan12 text-center> span classpointer_text> i classicon-twitter icon-2x>/i> i classicon-caret-down icon-2x downarrow>/i> /span> div classflexSlideshow_twitter slideAnimation > ul idjstwitter classslides> /ul> /div> /div> /div> /div> /div> div classfullWidth parallax data-srcimages/background/image3.jpg data-src-smallimages/background/image3_s.jpg > div classcontainer mobileSpacing> div classrow> hr classspace_max /> div classspan12> h1 classtitle_text>Watchout our one minute video/h1> hr> /div> /div> div classrow> div classspan1>/div> div classspan10> div classaddVideo video_content data-urlhttp://www.youtube.com/watch?v9wlFSR3flbk > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4 classlight_color>span>Support Youtube and vimeo video/span>/h4>/div> div> h6 classlight_color>span>Add / Remove video title/span>/h6>/div> /div> img classscale-with-grid srcimages/video_img1.jpg altimage text /> /div> /div> /div> div classrow> div classspan12> hr> h1 classtitle_text>Make simple, clean and Contract/h1> hr classseparator_bar> hr> h3 >Show youtube / Vimeo video with video cover/h3> p classmini_description>If consectetuer adipiscingstrong> elit, sed diam nonummy/strong>,tincidunt ut laoreet dolore magna aliquam erat volutpat adipiscing elit diam. sed diam nonummy nibh euismod tincidunt./p> p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam. Praesent mauris ante, elementum et, bibendum at, posuere sit amet, nibh. Duis tincidunt lectus quis dui viverra vestibulum. Suspendisse vulputate aliquam dui. Nulla elementum dui ut augue. Aliquam vehicula mi at mauris. Maecenas placerat, nisl at consequat rhoncus, sem nunc gravida justo, quis eleifend arcu velit quis lacus. Morbi magna magna, tincidunt a, mattis non, imperdiet vitae, tellus./p> a href#!portfolio>span classbox_hover_min>See Portfolio/span>/a> hr classspace_max /> /div> /div> /div> /div> div classfullWidth lightStyle bg_pattern1> div classcontainer mobileSpacing> hr classspace_max /> div classrow> div classspan12> h2>Slideshow with background image/h2> hr/> /div> /div> div classrow> div classspan7> div classframe_slideshow> div classflexSlideshow > ul classslides> li>a classlazyload scale-with-grid hrefimages/product_slideshow/img1.jpg titleSome text>image/a>/li> li>a classlazyload scale-with-grid hrefimages/product_slideshow/img2.jpg titleSome text>image/a>/li> li>a classlazyload scale-with-grid hrefimages/product_slideshow/img3.jpg titleSome text>image/a>/li> li>a classlazyload scale-with-grid hrefimages/product_slideshow/img4.jpg titleSome text>image/a>/li> /ul> /div> /div> hr classspace_mini /> /div> div classspan5> h2>Display image with device/h2> hr classseparator_bar> hr> h4 >Use Dark & Light theme in single file/h4> p>If consectetuer adipiscingstrong> elit, sed diam nonummy/strong>,tincidunt ut laoreet dolore magna aliquam erat volutpat adipiscing elit diam. sed diam nonummy nibh euismod tincidunt./p> p classtiny_font>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam. Praesent mauris ante, elementum et, bibendum at, posuere sit amet, nibh. Duis tincidunt lectus quis dui viverra vestibulum. Suspendisse vulputate aliquam dui. Nulla elementum dui ut augue. Aliquam vehicula mi at mauris. Maecenas placerat, nisl at consequat rhoncus, sem nunc gravida justo, quis eleifend arcu velit quis lacus. Morbi magna magna, tincidunt a, mattis non, imperdiet vitae, tellus./p> a>span classbox_hover_min>Visit Site/span>/a> hr classspace_max /> /div> /div> /div> hr classspace_mini /> /div> div classcontainer mobileSpacing> div classrow-fluid> div classspan1>/div> div classspan10 text-center > hr classspace_mini /> h3>We are work with amazing clients so far/h3> hr classseparator_bar> hr> div classelastic_slider> ul classcarousel elastislide-list > li>a classhover_alpha href#>img srcimages/client1.png altimage01 />/a>/li> li>a classhover_alpha href#>img srcimages/client2.png altimage02 />/a>/li> li>a classhover_alpha href#>img srcimages/client3.png altimage03 />/a>/li> li>a classhover_alpha href#>img srcimages/client4.png altimage04 />/a>/li> li>a classhover_alpha href#>img srcimages/client1.png altimage01 />/a>/li> li>a classhover_alpha href#>img srcimages/client2.png altimage02 />/a>/li> li>a classhover_alpha href#>img srcimages/client3.png altimage03 />/a>/li> li>a classhover_alpha href#>img srcimages/client4.png altimage04 />/a>/li> li>a classhover_alpha href#>img srcimages/client1.png altimage01 />/a>/li> li>a classhover_alpha href#>img srcimages/client2.png altimage02 />/a>/li> li>a classhover_alpha href#>img srcimages/client3.png altimage03 />/a>/li> li>a classhover_alpha href#>img srcimages/client4.png altimage04 />/a>/li> /ul> /div> p classtiny_font>If consectetuer adipiscingstrong> elit, sed diam nonummy/strong>,tincidunt ut laoreet dolore magna aliquam erat volutpat adipiscing elit diam.br> sed diam nonummy nibh euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat./p> hr classspace_max /> /div> /div> /div> /div> -->div data-id!portfolio classcontentWrapper darkStyle bg_pattern2 fullHeight fullWidth removePadding portfolioPage m-Scrollbar > hr classtop_space> div class fullWidth removePadding > !-- Portfolio Category Navigation --> div classrow-fluid> div classisotope_option filter_options > section idoptions classclearfix > /section> /div> /div> /div> !-- Portfolio Detail content load inside the below projDetailLoad class div--> div classprojDetailLoad >/div> !-- Portfolio thumbnails --> div classmasonry_items portfolio_items > !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/hotathumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Shelter in Place/h5> h6>Engaging children with wildlife care through interactive experiences/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/hota1.jpeg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota7.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota9.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota10.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota11.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota12.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota13.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota14.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hota15.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Shelter in Place/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>i>Shelter in Place/i> was born from the speculative question ‘how might we use creative thinking to design personal protective equipment for wildlife to assist them in surviving bushfire?’ Beginning with a range of conceptual designs for wildlife PPE to survive the Pyrocene, it resulted in a large interactive artwork and interactive floor for children, two satellite crafting spaces, and a craft wall display, that asked children to create their own wildlife bushfire PPE designs and ‘care craft’ making-with designs of fire shelters set up on a table. Shelter in Place focused on allowing children to think more deeply about the lives and experiences of other animals and discover their own care-full designs in reaction to this. br>br>It was important to me to also use this as an opportunity for rethinking the notion of PPE and how it is physically made, by suggesting that the best solutions can come from nature itself. As such, the face masks that ended up appearing on the animals faces were made from plants and animals, rather than human-made and constructed items. br>br>Technologically, the work revolves around six interactive floor spaces where people can stand. A dot on the floor gives simple instructions as to how to engage differently with each interactive spot in order to produce a corresponding face mask element on-screen. For example, kids might stand in one spot and squawk like a bird to summon the power of parrots, which makes the parrot face mask appear. By standing across several spaces, children can remix the masks by using multiple asset types - face mask bits made out of leaves, sealife, birds, Australian natives, flowers, or insects. p classtiny_font> i>Shelter in Place/i> was commissioned by Home Of The Arts (HOTA), Australia, for The Children’s Gallery, curated by Caitlin Pijpers and Sarah Lewis, and its physical set up was made specifically with social distancing for Covid-19 in mind./p> /div> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2021 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/zazthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>What is Human Now?/h5> h6>Digital art in Times Square, New York corner screen/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/zaz1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/zaz2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/zaz3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/zaz4.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>What is Human Now?/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>i>WHat is Human Now/i> is a large-scale digital artwork combining generative visuals, and remixed and hand-scarn animated visuals. It showed at i>ZAZ10ts Gallery/i>, Times Square, New York in 2020. p classtiny_font> i>WHat is Human Now/i> was a confluence of soco-cultural issues taking place in 2020 surrounding the pandemic and being alone. In this case, we considered how those who owned pets may be less likely to feel alone. Pets and other species were the silent savious of the pandemic that were often not spoken of when conversations of loneliness and social distancing arose in the pandemic. Pets were also a silent and innocent currency, being bought, sold, and handed in for adoption as human lives changed during the course of the pandemic.br>br> Images courtesy of ZAZ10ts Gallery./p> /div> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2020 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/qsathumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Queensland State Archives/h5> h6>Interaction Design and Creative Technologies for Queensland State Archives/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/qsa1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa10.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa7.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa11.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa12.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa13.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qsa14.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Works for Queensland State Archives/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>b>i>***Aboriginal and Torres Strait Islander readers are advised that the documentation in this section contains images of people who have died.***/i>/b>br>br> Between 2019 and 2021 I worked as the Interaction Designer/Creative Technologist for Queensland State Archives, within their Engagement Team. My official role was Senior Engagement Officer. Works included The Decision Machine interactive wall, a projected interactive machine that remixes and creates Cabinet Minute decisions for the Australian Parliment, mixing humour, interaction, and historical knowledge from archival documents. Another example was the WOW Room interactive exhibitions space, a new interactive gallery space that I spearheaded during my time at The Archives. I also worked with a range of prominent artists in order to make interactive exhibitions for them in The Archives foyer gallery space, such as Donna Davis and Melissa Stannard. I also worked on digital-only projects such as AR face-tracking filters in line with institutional events and exhibitions. /div> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2019-2021 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/intrathumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>IntraFacing/h5> h6>Gamifying enriching interactions between companion dogs and their humans/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/intra1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/intra2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/intra3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/intra4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/intra5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/DP21.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/DP22.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/DP25.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/DP26.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/DP27.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/DP28.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>IntraFacing/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>This research investigates the nature of interactive and digital art for multispecies end-users, focusing on enrichment and play as a lens for positive nonhuman artwork interactions. I place this within a context of interactive art as enrichment for companion dogs and humans. The project speculates on a multispecies future for Anthropocenic arts in which the needs of other species are ethically considered. I contend that through knowledges from the field of animal enrichment design and animal care, we are better able to create artwork artefacts that cultivate enrichment. I use a Creative Practice Research approach that is informed by frameworks and processes from animal enrichment design, proposing the ‘CPR S.P.I.D.E.R.’ approach. I use methods of bonding through play in order to reflect on engagements between individual animals, humans, and artworks. This results in two main interactive art projects, including ‘IntraFacing’, an interactive game that decodes a dog’s body position through accelerometer and uses this information to give tasks to the human player. p classtiny_font> From this I find that the artist can contribute to enrichment design through approaching animals as individuals, and that the artist must consider issues such as ethics and care in order to approach other species appropriately. This is important for the future of the technology-based arts, as current research in the field sees it attempting to move beyond human-centrism in design, aesthetic, and user-ship, and towards more-than-human interactions and considerations. br>br> /p> /div> /div> div classrow-fluid> a classright_spacing alignLeft >a hrefhttps://research.qut.edu.au/morethanhuman/projects/multispecies-interactive-art-with-domesticated-dogs/>span classbox_hover_min tiny_font upperCase>Visit The Research Site/span>/a>/a> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2021-2022 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/transthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>The Bat Translator/h5> h6>Machine listening and speculative translation of flying fox vocalisations/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/trans1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/trans2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/trans3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/trans4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/trans6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/trans8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/trans9.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/trans11.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/m10.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/m12.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/m14.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/ml5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/ml7.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>The Bat Translator/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>This project employs Machine Learning to listen to Grey-Headed flying fox vocalisations, and takes the liberty of interpreting these into corresponding human-perceptible concepts in real-time based on known research into communication methods of these species. p classtiny_font> Grey-headed flying foxes are known to science to have up to 20 vocalisations with distinct meanings within five vocalisation ‘types’ (Christesen & Nelson, 2000). Of these 20 vocalisations, seven have so far been accurately learnt and translated for this project. This project follows a practice-based audio machine learning research design model, from audio capture through to classification with the help of bat carers and vocalisation experts, ending in a trained model free for public use. The public can take this project and, with the use of a microphone, decode flying fox vocalisations that it hears in real-time. While this tensorflow model has undergone a rigorous training process, I question how these learnt classifications are translated, and whether creative practice can be helpful in designing ‘creative interpretations’. I attempt this through poetic narrative and visual design, where each accurately heard vocalisation is turned into on-screen poetic animated text that aims to evoke the meaning behind each communication, such as a mating vocal, territorial vocal, a growl. This gives me the artistic license to interpret known vocalisations through creative practice. This project’s knowledge contributions include a dataset of categorised flying fox vocalisations, a trained tensorflow machine for listening to and identifying vocalisations, and a final artwork that interprets this data into digital poetry in real-time. Further research will be undertaken into the nature of creative machine listening for animal vocalisation interpretation.br>br> /p> /div> /div> div classrow-fluid> a classright_spacing alignLeft >a hrefhttps://research.qut.edu.au/morethanhuman/projects/grey-headed-flying-fox-vocalisation-machine-listening/>span classbox_hover_min tiny_font upperCase>Visit The Research Site/span>/a>/a> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2021 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/qeethumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>The Quantum Enrichment Entanglers/h5> h6>Interactive and digital enichment for aviary-care flying foxes/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/qee0.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qee1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qee6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qee8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qee9.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qee10.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW9.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW15.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW14.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW18.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW20.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW21.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/qeeNEW23.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>The Quantum Enrichment Entanglers/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>This research investigates the nature of interactive and digital art for nonhuman end-users, focusing on enrichment as a lens for positive nonhuman artwork interactions. I place this within a context of interactive art as enrichment for wild flying foxes in rehabilitation care undergoing rewilding. This resulted in two main interactive art projects, including ‘The Quantum Enrichment Entanglers’ touchable and digitally-enabled sculptures. These sculptures send enrichment audio to each other based on when and how flying foxes are interacting with them, allowing humans and flying foxes to perform interactions together from ethical distances by both interacting with sister sculptures.p classtiny_font> The project speculates on a multispecies future for Anthropocenic arts in which the needs of other species are ethically considered. I contend that through knowledges from the field of animal enrichment design and animal care, we are better able to create artwork artefacts that cultivate enrichment. I use a Creative Practice Research approach that is informed by frameworks and processes from animal enrichment design, proposing the ‘CPR S.P.I.D.E.R.’ approach. I use methods of ‘giving’ flying foxes artefacts in order to reflect on engagements between individual animals, humans, and artworks. br>br>I find that digital interactive art, in particular, can expand enrichment opportunities by paying attention to levels of sensory exploration and interspecies relationships between end-users. This is important for the future of the technology-based arts, as current research in the field sees it attempting to move beyond human-centrism in design, aesthetic, and user-ship, and towards more-than-human interactions and considerations. br>br> /p> /div> /div> div classrow-fluid> a classright_spacing alignLeft >a hrefhttps://research.qut.edu.au/morethanhuman/projects/interactive-and-digital-enrichment-for-flying-foxes/>span classbox_hover_min tiny_font upperCase>Visit The Research Site/span>/a>/a> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2021-2022 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/curiothumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>CurioCreatures/h5> h6>Locative interaction for smartphones/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/curio5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/curio6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/curio1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/curio2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/curio3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/curio4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/curio7.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>CurioCreatures/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>i>CurioCreatures/i>, a collaboration with my long-term EphemerLab collaborator Jason Nelson, is a series of 15 locative interactive artworks that explore speculative extreme evolution needed for different species to survive climate change. The artworkcoaxes visitors into finding and experiencing GPS triggered animated and interactive digitalcreatures via their smartphones or devices in and around a city area, in this case Brisbane, Australia. CurioCreatures was commissioned by The Queensland Museum for i>Curiocity Festival/i> in association with i>World Science Festival Brisbane/i>.p classtiny_font> This works audience is geared towards families and children, using a collect-a-card concept where audiences use their own phones to find and collect each character card. On this card they can interact with the creatures and learn more about them, including how they are being affected by climate change. Bringing important concepts such as climate change to younger generations is of key importance in this work, which we attempt through interaction, humour, and absurdity.br>br> /p> /div> /div> div classrow-fluid> a classright_spacing alignLeft >a hrefhttp://www.curiocreatures.com>span classbox_hover_min tiny_font upperCase>Visit The About Site/span>/a>/a> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2022 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/prosthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Prosthetics for a Changing Climate/h5> h6>User-created prosthetics that help wildlife hide from the harm of wildfires/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/pros2.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pros1.png titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Prosthetics for a Changing Climate/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>A touch-led experience allows the user to design face masks and armour for Australian wildlife amidst the decemation created by bushfires. /p> p classtiny_font>2019 and 2020 saw unprecidented uncontrollable fires rip through 5 of Australias 6 states. Some of Australias most important heritage listed bushland and wilflife refuge was destroyed. While some trees can recover, and houses can be rebuilt, the death toll for native wildlife was immense and heartbreaking. br>br> In the wake of these fires, which I, too, was misplaced by, I created this work that asks us to consider how human technologies could be used to help wildlife protect themselves in future events like these. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2020 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem web > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/cr5thumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Diffraction/h5> h6>Engaging with more-than-human creativity in scientific fieldwork through interactive art/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/diff11.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff10.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff12.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff7.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/diff8.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Diffraction/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Drawing on my dual history as a digital practitioner and a nocturnal mammal surveyor, Diffraction’ considers the use of psychogeographic ‘dérive’ (Debord, 1956) for making playful digital text-based engagements specifically with nocturnal wilderness environments. It asks the user to consider and perform certain tasks specific to dark night, in order to experiment with dark spatiality and question nocturnal interactions with nonhuman others. /p> p classtiny_font>Traditionally, the psychogeographers and the Situationist International movement used dérive to focus on playful social interactions between humans in urban spaces. They wanted to allow people to get lost and find new adventures within their own cities. However with the ethological turn in the humanities and rising concern about our interactions with wild others and spaces, there has been a shift in focus across the arts and humanities away from the urban and the human-centric social, and towards the spaces that ‘matter’ (MetaMute, 2010; Bennett, 2010; Lorimer, 2015). ‘Diffraction’ moves the user out of the city and away from other humans, allowing for the potential of meaningful foot-led engagements with non-urban non-human spaces. Although, I would warn against using this work on cliff-sides in the dark. In attempting to move against the grain of many digital locative art or narrative works, Diffraction considers not just place-based, but time and light-based interactions. br>br>Diffraction premiered at the Hardiman Gallery, Cork, Ireland./p> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >a hrefhttp://www.cubecryptext.com>span classbox_hover_min tiny_font upperCase>Visit Site/span>/a>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-linkedin>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2019 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem web > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/redthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Relating to BioLandscapes/h5> h6>A series of feedback networked encounters with plants, fungi, and geomorphological actors in Australia and Ireland/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/rock1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock7.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock9.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock10.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/rock11.jpg titleSome text>IMAGE/a>/li> /ul> /div>br> div classaddVideo video_content data-urlhttp://www.youtube.com/watch?vZ8-jn4F_0R0&t > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>BioRelational Landscapes/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/rock1.jpg titleSome text>IMAGE/a> /div> br> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Relating to BioLandscapes/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Real-time sound art event, andinteractive, touchable sensor-enabled plants producing sound and visuals. /p> p classtiny_font>Originally conducted and shown in both the Connemara National Park region of Ireland,and The Burren region, Ireland, and later in Binna Burra National Park, Australia and the Queensland Ecosciences Precinct, Australia, this project created collaborative biofeedback systems betweenhumans, flora, fungi, and glacially formed rock using galvanic skin response sensors, to produce data-drivensound and video in real-time for a participatory live audience across hemispheres.br>br> These live, open-air, and site-specific sound events only work if both subjects are living, and touching each other. The system used to create sound collects GSR feedback, which looks to fluctuations in skin that are often considered akin to the emotional biofeedback response. Hence, this is a system that considers the emotional connection between living things./p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2018-19 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem web > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/biothumb.png titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Bioluminescent Walking/h5> h6>Hidden projection walks within forests for live audiences/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> li >a hrefhttp://www.facebook.com/treemails>i classicon-facebook>/i>/a>/li> !-- li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://vimeo.com/169491724 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Bioluminescent Walking/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/bio1.jpg titleSome text>IMAGE/a> /div>br> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/bio8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/bio7.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/bio1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/bio3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/fungi.jpg titleSome text>IMAGE/a>/li> /ul> /div> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>Bioluminescent Walking events/h3> hr classseparator_bar /> p classmini_description>Bioluminescent Walking is a solo event held within the rainforests of Australia. Its original iteration consisted of six separate projection artworks mapped to the forest itself using hidden technology to both allow visitors to step into the magic, but also to keep the rainforest itself untouched by cumbersome technology. Each artwork augmented the forest by placing in to it an animation of a native animal that would have, at least at one time, been seen in that habitat.br>br>This work has been recreated several times across different locations, each time introducing new wildlife characters.br>br>The work has functioned as its own solo event - as seen in the video - and later appeared in Five Senses Festival, Australia 2016, Systems exhibition and ecology symposium at Queensland Herbaruim and Botanical Gardens, 2018, Botanica: Contemporary Art Outside, Australia 2019. A version of Bioluminescent Walking specifically for Norwegian audiences was conducted as a solo event in 2017 known as Signals, also in this portfolio./p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> !-- Thumbnail --> div classitem web > div classporImgOver > a classlazyload_masonry hrefimages/portfolio/wandthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>if the forest wanders/h5> h6>interactive and sensor-based train bridge ceiling projection/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail content --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classaddVideo video_content data-urlhttp://vimeo.com/234959590 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>if the forest wanders/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/wand1.jpg titleSome text>IMAGE/a> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>if the forest wanders/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>i>if the forest wanders/i> is an interactive projection mapping of the underside of a train bridge, that uses hand-drawn imagery of bioluminescent sea creatures and fungi, for Brisbane City Council’s Friday Night Laneways i>Organic Data festival/i>. This festival was part of the i>World Science Festival Brisbane/i>.p classtiny_font> The work revolves around the central theme of the train tracks, from which an ‘xray view’ of the tracks above was made. A wandering forest of bioluminescence grew up over these tracks, and each time a train came through, they would be blown away, only to regrow with time.br>br>The work was interactive in a number of ways. The audience can control a steam train that drives through the tracks, as well as setting off separate animations. As it is a working train bridge, trains often passed overhead, at which point a separate train animation would run in time with the overhead train, meant to look like an xray of what was happening above. A hidden speaker sets off sounds each time the work is interacted with by the audience. /p> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >a hrefhttp://www.alintakrauth.com/iftheforestwanders>span classbox_hover_min tiny_font upperCase>Visit Site/span>/a>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2016 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/systhumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>A More-than-human System/h5> h6>A real-time combination of human and plant bio-data to create an audible interaction/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/sys5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sys1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sys2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sys3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sys4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sys6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sys7.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>A More-than-human System/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Working with biofeedback sensors to create sound born from the internal workings of plants is a niche being explored by some sound artists and technologists. However, A More-than-human System combines human and plant data in real-time to produce sound that is specific to the relationship between each person and each plant. /p> p classtiny_font>A MtH System only works if both subjects are living, and touching each other, and as it collects GSR feedback, it looks to fluctuations in skin that are often considered akin to the emotional biofeedback response. Hence, this is a system that considers the emotional connection between two living things. br>br> This work premiered at the Brisbane Herbarium as part of Systems exhibition and symposium. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2018 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem web > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/balthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Balancing Act/h5> h6>Interactive mammal boxes - the urban wildlife home/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/bal2.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/bal1.png titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Balancing Act/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Living in and around urban spaces is a balancing act for these creatures.They must endure all manner of dangers. Some animals have to cross tight ropeelectrical lines, and others must navigate dangerous roads, avoid human food orpets, or avoid bushfires to reach the safety of home or food and water.Despite the daily dangers, humans often don’t view these creatures as importantmembers of our ecosystem community. Instead, our urban wildlife becomes our briefentertainment; an amusing peepshow experienced while walking from the car to therestaurant./p> p classtiny_font>Step right up! ‘Balancing Act is a series of three interactive animation boxesdesigned to emulate vintage peepshow machines, known as mutoscopes. BrightLED covered arrows, reminiscent of a carnival penny arcade signage, point towardsan extruded view portal embedded on a wooden box. This aesthetic creates a glaringexample of nonhumans being seen as entertainment in urban spaces, rather thanvital members of our global ecosystem.br>br>These mutoscope boxes are made to resemble mammal/bird nesting boxes – theurban homes of such creatures who attempt to live in our concrete jungle. Housedat viewing height on trees in the Botanic Gardens, these mutoscope nest boxesbecome surreal spectacle for the vicarious, with a clear environmental message.Peering inside each box, an interactive animation is revealed: a small secret worldwhere urban creatures, such as the powerline-tightrope walking possum, attempt tosurvive urban dangers. Audiences can assist these creatures by pressing buttons tohelp the animals navigate passed these dangers in order to reach home./p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2020 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/albthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Under-mine collection/h5> h6>Interactive SciArt Solo Exhibition/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/alb5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb9.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb7.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb2.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb10.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb11.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/alb12.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/undermine.jpeg titleSome text>IMAGE/a>/li> /ul> /div>br> div classaddVideo video_content data-urlhttps://vimeo.com/216387628 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Under-mine collection/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/alb7.jpg titleSome text>IMAGE/a> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Under-mine collection/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>i>Under-mine/i> was a solo exhibition of five new digital video works and one new interactive work using a custom-built control system that premiered at Art Laboratory Berlin between February 25th and late April, 2017, in conjunction with CTM Festival and Transmediale Festival Vorspiel./p> p classtiny_font>This exhibition was the culmination of my research into how interactive art can portray how the sensory systems of animals are being morphed by climate change. Focusing on examples where habitat destruction was not the major factor, but rising temperatures themselves were the key factor, the creatures chosen were the bat and echolocation, the horse and proprioception, the lizard and chemoreception, and the woodlouse and hygroreception. With some minor emphasis also placed on creatures whose senses and perceptions are altered by climate change due to habitat destruction in particular – the turtle and magnetoreception, the frog and auditory perception, the fish and olfactory senses. br>br>In each case, extensive scientific research and predictive modelling by others was used, from which a series of animations were created that told the stories, and potential futures, of each of these creatures. As part of the exhibition, a research book of approx 200 pages was also put together, allowing visitors to delve into the scientific research behind these artworks./p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2017 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/sig2thumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Signals/h5> h6>Snowy forest outdoor projection event/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://vimeo.com/216979619 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Signals/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/sig1.png titleSome text>IMAGE/a> /div>br> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/sig1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sig1.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sig2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/sig3.jpg titleSome text>IMAGE/a>/li> /ul> /div> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>Signals/h3> hr classseparator_bar /> p classmini_description>Following in the footsteps of i>Bioluminous Walking/i>, i>Signals/i> projection event took place over a series of evenings on Mt Fløyen in Bergen, Norway.br>br>One of the artworks at shown is seen in the video to the left. Norwegian natives, folklore sea creatures, and structures that represented the historical use of Mt Fløyen as part of Bergen’s sea port, are projected back into their native habitat. Other works shown included Jason Nelsons large-scale cliff projection of literature that was viewable by audiences in the town 300m below./p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> div classrow-fluid> div classspan12> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/treethumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Tree:Mails/h5> h6>Communicating with trees/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> li >a hrefhttp://www.facebook.com/treemails>i classicon-facebook>/i>/a>/li> !-- li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/treemails5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/tree1.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/treea.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/treeb.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/treec.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/treed.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/treee.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Tree:Mails/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Tree:Mails: Scenic Rim is an interactive new media artwork displayed via audiences’ at‐home and hand-held devices that plots a series of GPS-tagged trees in the Scenic Rim area on an interactive map. The inbuilt creative AI system allows trees to ‘respond’ to the user via their email address, allowing people to strike up conversations with, and share stories and secrets with nature./p> p classtiny_font>Though this platform, users can read stories, both true and fictional, about the trees of the Scenic Rim, and ‘contact trees’ directly via the digital contact forms provided. This platform is designed to inspire users to connect with their natural environment in new ways, and acts as a positive use of digital social technologies for the environment./p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> a classright_spacing alignLeft >a hrefhttp://www.treemails.net>span classbox_hover_min tiny_font upperCase>Visit Online/span>/a>/a> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2016-2017 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/carthumb2.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Cartology Apology/h5> h6>Large-scale holo-projection installation/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> div classaddVideo video_content data-urlhttp://vimeo.com/158874254 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Cartology Apology/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/cart1.jpg titleSome text>IMAGE/a> /div> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/cart6.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cart1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cart2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cart8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cart10.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cart8.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cart3.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Cartology Apology/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>i>Cartology Apology/i> is a fantasy cartography-in-motion where old and new technologies combine. Inspired by the topographical nature of Australia, it plays with moving frame-by-frame animation and bright colours drawn from topographical data, and experiments with how this might be represented in a 3D holographic environment./p> p classtiny_font>This is a study of landscape, but also a re-imagined mapping, told from the point of view of a non-local, with all the political difficulties that concept brings to light. It is also a documentation of process – since it is frame-by-frame animation, you are watching hundreds of hours of the artist hand-drawing topographic lines.br>br>The audio that you hear in this artwork is a mixture of sounds generated by the walking movement of visitors through the church, whisperings about walking the land, and footsteps recorded across the Australian country-side.br>br>Cartology Apology was debuted at White Night Melbourne 2016 where over 11,000 people were packed inside the beautiful Scot’s Church cathedral to view this disconcerting holographic audio/visual projection display of video art made of animated topographic lines of the greater Victorian area. It was then shown in a different layout at QUT Art Museum. The Sydney Morning Herald and The Age called it one of the ‘gems’ of White Night Festival./p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2016 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/rivthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>The River Enfolds/h5> h6>Generated visuals from water flow data/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height > hr> div classrow-fluid > div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/riv3.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/riv1.JPG titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/riv2.JPG titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/riv4.png titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5> h2 classupperCase>The River Enfolds/h2> p>‘The River Enfolds’ is a data-generated digital artwork created for an LED-screen or projection display, shown here at the Adelaide Festival Centre. Using real-time water movement and water flow data collected by the artist from the Karrawirra Parri river over a series of months, ‘The River Enfolds’ creates a detailed yet abstract animation that visualizes the river’s data, while connecting to the movement and flow of the public themselves through and around the display. /p> p classtiny_font>This piece serves as a reminder of the connections between the public and their natural surroundings, while communicating an insight into the science of water data. This piece does not look so much like a digital river as it looks like an engaging, morphing, and calming data abstraction of water.br>br>The River Enfolds premiered at Adelaide Festival Centres large wrap around outdoor screens, as shown in thse images. /p> !-- a>span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/blithumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Shadows blister those who try to touch/h5> h6>Interactive projection mapping/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height > hr> div classrow-fluid > div classspan1 >/div> div classspan5 > a classlazyload resize_align fitInside hrefimages/portfolio/shad1.jpeg titleSome text>IMAGE/a> hr classseparator_mini> /div> div classspan5> h2 classupperCase>Shadows blister those who try to touch/h2> p>i>Shadows blister those who try to touch/i> is generative animation, that in turn generates audio. The thematic basis is derived from a visual and textual representation of, and response to, the ‘shadow blister’ effect in physics. Using a triangular delaunay effect has been used on all imagery to further connect it to the 3D sculpture wall. The audience uses a purpose-built controller to change the visuals and generate different elements./p> p classtiny_font>i>Shadows blister those who try to touch/i> is an interactive projection mapping installation that has been seen at ACM MM exhibition and conference 2015, Metro Arts Gallery, Australia, Collar Works Gallery, New York, USA, among others. br>br> As well as creating and producing this work, Alinta Krauth published the ACM academic paper a hrefhttp://dl.acm.org/citation.cfm?id2808104>i>Using Handmade Controllers for Interactive Projection Mapping/i>/a>./p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/virtthumb.png titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>mini holo-projections/h5> h6>Mini hologram cubes A Vitural Bathymetric and HoloPoetry/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://vimeo.com/202668371 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Holo-Projection Cubes/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/virtual1.png titleSome text>IMAGE/a> /div> br> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/poet2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/poet1.jpg titleSome text>IMAGE/a>/li> /ul> /div> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>Holo-Proj Cubes/h3> hr classseparator_bar /> p classmini_description>Works such as A Virtual Bathymetric and HoloPoetry use frame-by-frame drawing or text animated in JavaScript. /p> p classtiny_font> For instance, A Virtual Bathymetric, which premiered at Piksel Festival, Bergen, Norway, re-created the tracings of local and global shipping trade routes and sea floor topography. By stylising these routes as abstract imagery, the concepts of mapping and documentation were brought into question and re-imagined. Placed into a 3D copper cube of holographic projection screens, the image multiplies and distorts, creating its own faux topography. But this is not your usual room-sized projection mapping onto an object, indeed it is very small. In being so small, it allows the viewer, perhaps even forces, a more intimate connection; a one-on-one interaction with a holographic ocean.br>br>HoloPoetry, which premiered at the Institute of Modern Art in Brisbane, Australia, uses the same visual aesthetic to produce animated poetry, looking at the representation of text in digital spaces. /p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/glasthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Glas blong Huriken/h5> h6>Holographic sculpture/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/glas1.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/glas2.jpg titleSome text>IMAGE/a>/li> /ul> hr classslide_bottomSpace> /div> div classaddVideo video_content data-urlhttp://vimeo.com/181549798 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Glas blong Huriken/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/glas2.jpg titleSome text>IMAGE/a> /div> /div> /div> div classspan5 > div classrow> h2 classupperCase>Glas Blong Huriken/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Glas blong huriken attempts to digitally create a sci-fi-esque ‘weather lab’ where different types of weather are grown. /p> p classtiny_font>Focusing particularly on clouds, each glass holds a faux holographic display inside it – a storm cloud, a tornado, and lightning, are being grown. A small figure sits on each glass, painted dark green: the toy soldiers of the weather army, each holding a fantasy hand-held version of a cloud cannon, including the one now stationed at Charleville, Australia. Weather modification of any sort is a concept that sits uneasily with me, particularly due to the seemingly violent ways in which it occurs. The weather plays a vital role in climate change, indeed it is our climate, and it is something that affects us as humans directly through our bodies and senses, as well as emotionally. We belong to the weather, but it should not belong to us.br>br>These light bulb glasses are around actual size, so this is an experiment in projecting the very very small in a holographic environment. It is work getting up close to this piece in order to explore these miniature worlds!br>br>This work premiered at the Art Meets Science exhibition, EcoSciences Precinct, Australia, and was aquired by the precinct./p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2016 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/binthimb.png titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Bindings/h5> h6>digital library activation through projection/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://vimeo.com/214181965 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Bindings 1/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/bin2.png titleSome text>IMAGE/a> /div>br> div classaddVideo video_content data-urlhttp://vimeo.com/215178888 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Bindings 2/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/bin1.png titleSome text>IMAGE/a> /div> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>Bindings/h3> hr classseparator_bar /> p classmini_description>i>Bindings/i> is a large, site-specific public rear-projection display for a public library in Bergen, Norway. It is around 3m high by 9m long. Designed, created, and installed by Jason Nelson and Alinta Krauth /p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> div classrow-fluid> div classspan12> p>The purpose of this installation was to find new ways of activating public spaces through digital art, and to use the idea of a library as a space for public reading and learning in the artwork itself to create an animated digital story. The other purpose of i>Bindings/i> was to use old, unused, or recycled technologies and materials. In this case, all equipment and materials used were recycled and restored to OHandS standards. As many of these technologies were found within the library already (stacked away in storage, for instance), this showed the potential for any library to have its own activated digital space with minimal budget required.br>br> 5 of the 6 video art pieces we created for Bindings were new works, and a final one was drawn from the earlier A Long, Wired Paddock work, also in this portfolio.br>br>Bindings was made for Bergen University Art and Languages Library, Norway./p> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/machthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Machinimenomenology/h5> h6>Visual narrative using partly-rendered Google Maps machinima/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/mac5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mach2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mach1.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mach4.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mach3.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mach5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mac7.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Machinimenomenology/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>‘Machinimenomenology (no. 1)’ is an experiment in audio/video collage using partly-rendered Google Maps as a space for a machinima of the broken. /p> p classtiny_font>You traverse this other-worldly 3D digital backdrop in an often awkward and uncontrollable fashion that mimics the general everyday use of Google Maps terrain. This is layered with textual and audio elements in order to build a multimedia story around a character who lives in a partially-rendered, shifting world, where the concepts of time and entropy differ to our own. In this piece, I am interested in the concept of virtual/non-virtual geography and cartography, and how the rendering errors and imperfections in Google Maps’ real-world simulation can be beautiful entry points for magic realism and science fiction.br>br>This piece premiered at the Galway Art Centre, Ireland, and was later shown at the National University of Ireland, Ireland, and Gallery 3.14, Bergen, Norway. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2017 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/longthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>A Long, Wired Paddock/h5> h6>Transforming climate data from the past 50 years/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://vimeo.com/182544584 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>A Long, Wired Paddock/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/long1.jpg titleSome text>IMAGE/a> /div> br> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>A Long, Wired Paddock/h3> hr classseparator_bar /> p classmini_description>A Long, Wired Paddock is a digital animation of a 3D wireframe world that the camera ducks and weaves through. The walls of the ‘world’ are generated, and change with time, controlled by climate modelling data from the 1950s to today. /p> p classtiny_font> Warm earthy tones are stuck to throughout, and the wireframe appearance is reminiscent of the triangular shapes often seen in my projection mappings. The name of the piece is a direct play on the phrase ‘the long paddock’ – the name for a particular Australian stock route, and also a term used by Landscape Sciences at the Queensland Department of Science for monitoring the Australian rural climate.br>br>This work was originally shown in the Art Meets Science exhibition, Queensland EcoSciences Precinct, and later shown at Caloundra Regional Art Gallery, Australia, and ‘GLOW’ projection Festival, Australia. /p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/citthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Cities of Cloud and Wire/h5> h6>Architectural projection mapping, large and small/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/cit6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cit8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cit1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cit2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cit4.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Cities of Cloud and Wire/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>An architectural projection mapping and series of 6 mini hidden projections by collaborators Jason Nelson and Alinta Krauth/p> p classtiny_font>This work was made for Flowstate South Bank precinct, Brisbane, Australia. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2018 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/argthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>An Argument in Parallel Incompletness/h5> h6>The poetry art game/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/arg4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/arg2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/arg3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/arg1.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>An Argument in Parallel Incompleteness/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>‘An Argument in Parallel Incompleteness’ is an art game where the player is a fruit bat who battles their way through chaotic poetry barriers, setting off pieces of sound art and interacting with other wondrous creatures and words along the way. /p> p classtiny_font>The player reads through the poetry while simultaneously pushing it away. The poem is about an argument where two characters throw math-laden curses at each other, such as ‘you are no Gödel at natural numbers’. You, the innocent bat, must navigate that all-too-grown-up world: the innocent among the chaos.br>br>‘An Argument in Parallel Incompleteness’ Premiered in Brisbane at GAME ON #GO423 Games exhibition and symposium. And also shown as a large-scale interactive installation for 2High Festival, Australia, and in Currents Festival, New Mexico, USA. This piece was shortlisted for the 2015 Sunshine Coast New Media Art Prize, and shown in two accompanying exhibitions, as well as being shown at Maroochy Music and Visual Arts Festival. It was later shown at the Queensland Poetry Festival, Institute of Modern Art, Australia, and the Ipswich Art Gallery, Australia. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2016 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/projthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Projection-mapped natural objects/h5> h6>A series of experiments with projected video and tiny natural objects/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classaddVideo video_content data-urlhttp://www.youtube.com/watch?vRn4Y4GmYD_M > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Projection Mapping tiny natural objects/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/nat1.png titleSome text>IMAGE/a> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Natural objects/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>The most beautiful tiny natural objects, often created by wildlife, are sometimes left discarded or broken in my backyard. I play with these through projection./p> p classtiny_font>These files were lost and so this video has been screenrecorded from my Instagram, I can only apologise for the quality. Feel free to see more at my Instagram: a hrefhttp://www.instagram.com/alinta_art>span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/holthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Hologram lines/h5> h6>A series of experiments with holographic effects/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/hol2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hol1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/hol3.jpg titleSome text>IMAGE/a>/li> /ul> /div>br> div classaddVideo video_content data-urlhttp://www.youtube.com/watch?vBJYPqUyCkK4 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Hologram Experiments/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/hol1.jpg titleSome text>IMAGE/a> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Hologram lines/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>A series of experiments over time with using projection to create holographic effects on a budget./p> p classtiny_font> /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/movthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Movement Modulation/h5> h6>Drawing on research into music and Parkinsons/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> ul classslides> li>a classlazyload hrefimages/portfolio/mov1.jpg titleSome text>IMAGE/a>/li> /ul> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Movement Modulation/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Large-scale outdoor animation delving into the research behind music use for Parkinsons disease. Controlled by hand gesture interaction that mimics the use of gestures in Parkinsons disease healing./p> p classtiny_font>This piece premiered at Bigsound Festival and symposium, 2017. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2017 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/fingthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Geonotation/h5> h6>Interactive sound art installation, sound walk, and experiments in postmodern musical notation for interaction/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > ul classslides> li>a classlazyload hrefimages/portfolio/fingers1.jpg titleSome text>IMAGE/a>/li> /ul> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>GeoNotation/h3> hr classseparator_bar /> p classmini_description>Geonotation is an interactive collection of generative/glitch sound pieces, themed on different types of geography. Geographical areas from Australia and Norway were used to generate new types of postmodern musical notation, which were then played into digital sound pieces of between 2 and 5 minutes in length. For example, visual representations of the area’s rivers were used to create postmodern musical notation that was then recorded via digital piano. In other examples, images of maps themselves, or images of the area captured on a wildlife motion capture camera, were converted to sound data to generate noise that was then further digitally manipulated. The collection includes six pieces. br>br>This piece was originally shown in 2014 and was accompanied by a sound walk using .mp3 players and headphones placed throughout Sarabah Vineyard grounds. It was later developed into an interactive digital piece combining interactive imagery - as shown in this accompanying image - and the original sounds, placed onto a large interactive digital map that GPS located each sound to its corresponding place./p> p classtiny_font> /p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/windthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Wind blisters those who try to run/h5> h6>Projections for Brisbanes oldest surviving colonial structure/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/windmill.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/wind2.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Wind blisters those who try to run/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>‘Wind blisters those who try to run’ was a live projection mapping artwork on The Old Windmill, Brisbane, created for UR{BNE} Festival. As far as we are aware, this is the first time this building has ever been engaged in projection art or projection mapping. It is Australia’s oldest windmill, and Queensland’s oldest surviving European structure. It has an incredible history, including some very dark moments, some urban myths, and some interesting moments in the furthering of communications technology, time keeping, and weather technology. It was also used to make Queensland’s first television broadcast./p> p classtiny_font>Wind blisters those who try to run consisted of two projections, one on each side of the curved and tapered Old Brisbane Windmill. The content was a montaged series of animations that were made to conform to the shape of concrete bricks like those that make up the Old Windmill. I took inspiration from the windmill’s checkered past as both a place of death and torture, and a place of technological innovation, to create imagery that looked towards a positive future for the structure. br>br>Remaining on site during the performance, I was able to morph this piece into more of a live VJ set, where content changed in reaction to audience participation. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2015 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/southumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>The Fingers of a Warm and Careful Android/h5> h6>Creating narratives from library collections through barcode scanning, with a holographic touchscreen edition/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/south1.jpg titleSome text>IMAGE/a>/li>li>a classlazyload hrefimages/portfolio/southumb.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>The Fingers of a Warm and Careful Android/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>A touchable, holographic, moving display created for libraries and other collections. /p> p classtiny_font>Notes on the original barcode scanner edition:br>This world first interactive art installation works for books, DVDs, audio books, and any other scannable library item. Take your library item and scan the barcode to have it tell you about the places it has been and the interesting and quirky people it has been lent to in the past, through stunning visual narrative. Scanning your library books barcode brings up a story and animation on the large screen that is unique to your book.br>The concept behind the piece is that all library books/items have stories from their past that we cannot tap into, and this project allows people to (fictionally) hear about the past adventures of their favourite books.br>The unique idea behind this artwork can be transported to other libraries around the world, as well as museums, archives, and other collections.br>br> The peppers ghost type display seen in some images here is the holographic touchscreen edition of this work. It allowed for an object to be placed inside the box, giving not just the sense of a touchscreen space, but an augmented mixed-reality layering effect. The front glass of the screen was interactive through touch, allowing the user to interact with library items histories in another way. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2015 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/ifthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>if notNow, if-then-when-else/h5> h6>An interactive climate crisis/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > ul classslides> li>a classlazyload hrefimages/portfolio/ifthen.jpg titleSome text>IMAGE/a>/li> /ul> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>if notNow, if-then-when-else/h3> hr classseparator_bar /> p classmini_description>In interactive touchscreen work of overloaded colour, sound, movement and glitch built off poetry about our changing climate. /p> p classtiny_font> /p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> a>a hrefhttp://www.alintakrauth.com/ifthen>span classbox_hover_min tiny_font upperCase>Play It Online/span>/a>/a> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/memthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Memetic Soil/h5> h6>Using geology methods and methodologies in interactive art/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/mem1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mem2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/mem3.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Memetic Soil/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>During a residency at the Queensland EcoSciences Precinct I had the opportunity to be a part of the Precinct’s soil refining process. Learning about each step, from field to jar, I considered how one might emulate these methods to make art. As a digital artist, I often experience comparable processes of sampling, ordering, crushing, coding, and sieving, albeit differently. As such, Memetic Soil attempts to answer: ‘what would a digital artwork look like if it underwent a soil refining process?’ /p> p classtiny_font>To answer this, I considered questions such as, ‘what is the digital version of a soil sample?’ Given that soil can represent deep time and change, and is sampled from a field, I decided that one equivalent was the Internet Meme. I then conceptualised equivalents for each soil sample process, such as drying, crushing, and cataloguing. I also noticed how the process of removing botanical matter from soil in the lab seemed to rid it of certain contexts, which became integral to this project. br>br>From this conceived method came memetic language and images devoid of original context that are reconfigurable on the screen by the user, sorted into colour, size, and font based on the coding techniques I adapted. The digital artwork then sits in a representation of a glove box, which reminds me of the extractor booth I worked with in the lab.br>br>This piece was first shown at the Art Meets Science exhibition, Queensland EcoSciences Precinct. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2018 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/colthumb2.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Colonise/h5> h6>A series of paper folding projection mapping installations/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > br> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/col1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/col2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/col3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/col4.jpg titleSome text>IMAGE/a>/li> /ul> /div> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>Colonise/h3> hr classseparator_bar /> p classmini_description>A series of different installations over time that experiment with projection mapping into folded paper, both at a very small scale, and a very large scale. /p> p classtiny_font>Some of the examples shown in these images include Colonise 2015, White Night Melbourne, Little Boxes 2014, Luxlumin Festival, and You Are Vital, Scenic Rim Open Studios festival, 2014. hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/pro2thumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Projecting on the world/h5> h6>Extra experiments in projection and activism/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/pro2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro6.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro7.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro8.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro9.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/pro10.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Unnatural objects/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>A series of experiments in projecting on the world while walking around with my partner, Jason Nelson. Experiments both for fun and for environmental activism, by both him and I in collaboration./p> p classtiny_font> /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/cavthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Dark Cave Projections/h5> h6>Experiments in lighting up caves/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/cave1.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cave2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cave3.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cave4.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cave5.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/cave6.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Natural Caves/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>A series of experiments in projecting into dark caves. /p> p classtiny_font>Much more of this to come - unfortunately the area where this was filmed was ravaged by wildfire and is now illegal to enter until the land regenerates. The videos being used were bits of test footage I have accumulated over the years, but the aim would be to make something specific to map inside cave areas. br>br> This cave was, before colonial times, a prominent cooking and eating place for the Yugambeh people. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/canthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Interactive Canvas/h5> h6>Experiments exploring interaction by touching painted canvas/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://vimeo.com/128771462 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Touching Canvas/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/can2.jpg titleSome text>IMAGE/a> /div> br> ul classslides> li>a classlazyload hrefimages/portfolio/can1.jpg titleSome text>IMAGE/a>/li> /ul> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>Interactive Canvas/h3> hr classseparator_bar /> p classmini_description>Experiments in using painted canvases as a way to interact with digital games and digital artworks. /p> p classtiny_font> Some of these were shown in my 2015 exhibition Epicentre/Paracentre at Larkin Art Gallery, Australia. /p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem software > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/tramthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Untrammelled/h5> h6>Interactive projection mapping narrative and physical controllers/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> !-- ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> --> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer mobileSpacing max_height > hr> div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://vimeo.com/130197040 > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>Untrammelled/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/tram.jpg titleSome text>IMAGE/a> /div> br> hr classseparator_mini> /div> div classspan5> div classrow-fluid> div classspan12> h3 classupperCase light_weight>Untrammelled/h3> hr classseparator_bar /> p classmini_description>An interactive, projection-mapped tram controller. /p> p classtiny_font> Site-specific for the Brisbane Powerhouse, this piece tells the story of the Brisbane trams by interacting with the controller once used to power the trams of the 20th century. /p> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /div> /div> div classrow-fluid> div classspan12> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> !-- p> strong>Client:/strong> a classunderLine>em>Diemoaea Media/em>/a> /p> --> hr classseparator> hr classseparator_bar /> /div> /div> /div> /div> /div> /div> !-- End Project detail --> /div> div classitem eco > !-- Thumbnail --> div classporImgOver > a classlazyload_masonry hrefimages/portfolio/portthumb.jpg titleSome text>IMAGE/a> div classoverlay content> div classimageText> div classpad> h5 classupperCase>Portals/h5> h6>Library activations through window peep-holes/h6> /div> /div> div classnavs> div classpad> ul classfont_awesome_2x alignRight> !-- The detail_btn class is used to display the project detail --> li >a classdetail_btn >i classicon-info icon-2x>/i>/a>/li> /ul> ul classfont_awesome> !-- li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> --> /ul> /div> /div> /div> /div> !-- Project detail --> div classfullDetails > div classcontainer-fluid mobileSpacing max_height> hr> div classrow-fluid> div classspan1 >/div> div classspan5 > div classpad> !-- project image slide show --> div classflexSlideshow > ul classslides> li>a classlazyload hrefimages/portfolio/port1.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/portals2.png titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/port2.jpg titleSome text>IMAGE/a>/li> li>a classlazyload hrefimages/portfolio/port3.jpg titleSome text>IMAGE/a>/li> /ul> /div> /div> hr classslide_bottomSpace> /div> div classspan5 > div classrow> h2 classupperCase>Portals/h2> /div> div classrow> div classspan7 > div classrow-fluid> div classspan12> p>Portals was a series of site-specific play-things by Jason Nelson and Alinta Krauth in Bergen Central Library, Norway./p> p classtiny_font> It included a residency in the private library stacks. /p> /div> hr classseparator> span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> div classseparator> /div> /div> div classrow-fluid> !-- a classright_spacing alignLeft >span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> --> p > !-- strong>Client:/strong> a classunderLine>em>Ecosystem/em>/a> --> /p> /div> br> div classrow-fluid> div classspan12> !-- Social network link --> !-- ul classsocial_bookmarks noMargin> li classtwitter_white noMargin>a titletwitter >Follow us on Twitter/a>/li> li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classrss_white noMargin>a titleRSS >RSS/a>/li> li classdigg_white noMargin>a titleDigg >Digg/a>/li> /ul> --> /div> /div> hr> /div> div classspan5 > strong>Date:/strong> 2016-17 br> !-- strong>Client:/strong> Mapiya Company --> div classseparator_mini>/div> div classseparator_mini>/div> !-- h5 classupperCase>strong>Developed By :/strong>/h5> ul classlist_items> li>i classicon-ok highlight_color>/i>HTML5/li> li>i classicon-ok highlight_color>/i>Responsive design/li> li>i classicon-ok highlight_color>/i>jQuery/li> li>i classicon-ok highlight_color>/i>CSS3/li> li>i classicon-ok highlight_color>/i>Contact Form/li> /ul> --> /div> /div> /div> div classspan1 >/div> /div> /div> /div> !-- End Project detail --> /div> /div> /div>!--div data-id!weare_section4 classcontentWrapper parallax fullHeight fullResponse darkStyle m-Scrollbar data-srcimages/background/image4.jpg data-src-smallimages/background/image4_s.jpg > div classcontainer-fluid fullHeight fullResponse darkStyle bg_pattern2 alignRight vertical_page mobileSpacing > hr classtop_space> div classrow-fluid> div classspan12 > h1 classtitle_text>Right align page/h1> hr classseparator_bar> hr> p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat./p> p classtiny_font>Diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat./p> hr> div classseparator_mini> /div> /div> /div> div classrow-fluid> div classspan12 alignLeft> h2>Choose service/h2> div classseparator_bar> /div> hr> /div> /div> div classrow-fluid> div classspan11> div data-link#team_details classcarousel_container> ul classelastislide-list carousel_thumbails> li data-preview#service1>a href#>/a> a classlazyload hrefimages/portfolio/thumb1.jpg titleimage text>Image/a>/li> li data-preview#service4>a href#>/a> a classlazyload hrefimages/portfolio/thumb4.jpg titleimage text>Image/a>/li> li data-preview#service2>a href#>/a> a classlazyload hrefimages/portfolio/thumb2.jpg titleimage text>Image/a>/li> li data-preview#service3>a href#>/a> a classlazyload hrefimages/portfolio/thumb3.jpg titleimage text>Image/a>/li> li data-preview#service1>a href#>/a> a classlazyload hrefimages/portfolio/thumb1.jpg titleimage text>Image/a>/li> li data-preview#service2>a href#>/a> a classlazyload hrefimages/portfolio/thumb2.jpg titleimage text>Image/a>/li> li data-preview#service3>a href#>/a> a classlazyload hrefimages/portfolio/thumb3.jpg titleimage text>Image/a>/li> li data-preview#service4>a href#>/a> a classlazyload hrefimages/portfolio/thumb4.jpg titleimage text>Image/a>/li> li data-preview#service1>a href#>/a> a classlazyload hrefimages/portfolio/thumb1.jpg titleimage text>Image/a>/li> li data-preview#service2>a href#>/a> a classlazyload hrefimages/portfolio/thumb2.jpg titleimage text>Image/a>/li> /ul> /div> hr classseparator_mini> /div> /div> div classrow-fluid> div classspan11> div idteam_details classcarousel_preview mini> div idservice1 classcarousel_item> div classrow-fluid> div classspan5 > a classlazyload alignCenter scale-with-grid hrefimages/portfolio/image1.jpg titleimage text>Image/a> hr classseparator_mini> /div> div classspan7 > h4>Wordpress Customizaton/h4> h5>Consectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing /h5> p classtiny_font>Aonsectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing sed diam nonummy nibh./p> a>span classbox_hover_min>Apply service/span>/a> /div> /div> /div> div idservice2 classcarousel_item> div classrow-fluid> div classspan5 > a classlazyload alignCenter scale-with-grid hrefimages/portfolio/image2.jpg titleimage text >Image/a> hr classseparator_mini> /div> div classspan7 > h4>HTML Page Design/h4> h5>Consectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing /h5> p classtiny_font>Aonsectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing sed diam nonummy nibh./p> a>span classbox_hover_min>Apply service/span>/a> /div> /div> /div> div idservice3 classcarousel_item> div classrow-fluid> div classspan5 > a classlazyload alignCenter scale-with-grid hrefimages/portfolio/image3.jpg titleimage text>Image/a> hr classseparator_mini> /div> div classspan7 > h4>Email & Form/h4> h5>Consectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing /h5> p classtiny_font>Aonsectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing sed diam nonummy nibh./p> a>span classbox_hover_min>Apply service/span>/a> /div> /div> /div> div idservice4 classcarousel_item> div classrow-fluid> div classspan5 > a classlazyload alignCenter scale-with-grid hrefimages/portfolio/image4.jpg titleimage text >Image/a> hr classseparator_mini> /div> div classspan7 > h4>CMS developement/h4> h5>Consectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing /h5> p classtiny_font>Aonsectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing sed diam nonummy nibh./p> a>span classbox_hover_min>Apply service/span>/a> /div> /div> /div> hr classseparator_mini> /div> /div> /div> /div>/div> -->!-- div data-id!team classcontentWrapper fullHeight fullResponse darkStyle parallax hideOverFlow data-srcimages/background/image3.jpg data-src-smallimages/background/image3_s.jpg > div classaddVideo video_content backGroundVideo data-urlhttp://vimeo.com/23281150> /div> div classcontentWrapper fullWidth fullHeight removePadding m-Scrollbar > hr classtop_space> div classcontainer mobileSpacing> div classrow-fluid> h1 classtitle_text>Our Team/h1> hr classseparator_bar> hr> h3>Video Background Page/h3> p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed a>diam nonummy nibh/a> euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit./p> p classtiny_font>Topsum dolor sit amet, consectetuer adipiscing elit euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat./p> hr> /div> /div> div classcontainer mobileSpacing> div classrow-fluid> ul classthumbnails> li classspan3 hover_moveTop> div classthumbnail img_place > img srcimages/about_image1.jpg altimage name > /div> div classseparator_mini>/div> h4>a>Mark Tylor/a>/h4> h6>Designer & Developer/h6> div classtiny_font team_detail>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet ad minim veniam.hr>/div> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-linkedin>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /li> li classspan3 hover_moveTop> div classthumbnail img_place > img srcimages/about_image2.jpg altimage name > /div> div classseparator_mini>/div> h4>a>Stephen Fleming/a>/h4> h6>Graphic Designer/h6> div classtiny_font team_detail>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet ad minim veniam.hr>/div> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-linkedin>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /li> li classspan3 hover_moveTop> div classthumbnail img_place > img srcimages/about_image3.jpg altimage name > /div> div classseparator_mini>/div> h4>a>Lisa Michale/a>/h4> h6>Relationship Manager/h6> div classtiny_font team_detail>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet ad minim veniam.hr>/div> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-linkedin>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /li> li classspan3 hover_moveTop> div classthumbnail img_place > img srcimages/about_image4.jpg altimage name > /div> div classseparator_mini>/div> h4>a>Michale clarke/a>/h4> h6>Project Manager/h6> div classtiny_font team_detail>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet ad minim veniam.hr>/div> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-linkedin>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr> /li> /ul> /div> /div> div classcontainer mobileSpacing> div classrow-fluid> div classspan12 text-center> span classpointer_text> TESTIMONIALS i classicon-caret-down icon-2x downarrow>/i> /span> /div> /div> div classrow-fluid> div classspan12 text-center> div classflexslider slideAnimation dark_color > ul classslides> li> h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing /h5> h6 classhighlight_color>- Tom, Founder -/h6> /li> li> h5>Sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit/h5> h6 classhighlight_color>- john Doe, ThemeForest -/h6> /li> li> h5>Nonummy nibh euismod tincidunt sed diam nonummy nibh euismod tlaoreet dolorebr> Magna aliquam erat dolore magna volutpat/h5> h6 classhighlight_color>- David French, Development Manager -/h6> /li> /ul> /div> /div> /div> /div> /div>/div> -->!-- service pageNote: data-continue-page attribute is used to defined, the menu (header) which belong to this page--> !--div data-id!service data-continue-page!team classcontentWrapper fullHeight fullResponse darkStyle bg_pattern2 m-Scrollbar > hr classtop_space> div classcontainer mobileSpacing> div classrow-fluid> div classspan12> h1 classtitle_text>Services/h1> hr classseparator_bar> hr> a classcircleHolder alignCenter single_image data-titleh5 classlight_color >Mini description about project/h5> hrefimages/portfolio/image5.jpg target_self > div classflipPanel smallCircle > div classcircle front service_icon > i classicon-globe> /i> /div> div classcircle back> div classpadTopLarge> h5 classlight_color>click to see/h5> h5 classlight_color>strong>The project/strong>/h5> /div> /div> /div> div classdescription> i classicon-caret-up icon-2x arrow_pointer>/i> h4>Web & Print design /h4> p classtiny_font>nonummy nibh euismod tincidunt ut euismod tincidunt ut /p> /div> /a> a classcircleHolder alignCenter single_image data-titleh5 classlight_color>Load YouTube and Vimeo video/h5> hrefhttp://www.youtube.com/watch?v9wlFSR3flbk target_self > div classflipPanel smallCircle > div classcircle front service_icon_2> i classicon-gears> /i> /div> div classcircle back> div classpadTopLarge> h5 classlight_color>click to see/h5> h5 classlight_color>strong>The project/strong>/h5> /div> /div> /div> div classdescription> i classicon-caret-up icon-2x arrow_pointer>/i> h4>Software Development /h4> p classtiny_font>nonummy nibh euismod tincidunt ut euismod tincidunt ut /p> /div> /a> a classcircleHolder alignCenter single_image data-titleh5 classlight_color>Mini description about project, eorem ipsum dolor sit amet, consectetur adipisicing elit/h5> hrefimages/portfolio/image6.jpg target_self > div classflipPanel smallCircle > div classcircle front service_icon > i classicon-mobile-phone> /i> /div> div classcircle back> div classpadTopLarge> h5 classlight_color>click to see/h5> h5 classlight_color>strong>The project/strong>/h5> /div> /div> /div> div classdescription> i classicon-caret-up icon-2x arrow_pointer>/i> h4>Mobile Application/h4> p classtiny_font>nonummy nibh euismod tincidunt ut euismod tincidunt ut /p> /div> /a> a classcircleHolder alignCenter single_image data-titleh5 classlight_color>Mini description about project/h5> hrefimages/portfolio/image7.jpg target_self > div classflipPanel smallCircle > div classcircle front service_icon_2 > i classicon-trophy> /i> /div> div classcircle back> div classpadTopLarge> h5 classlight_color>click to see/h5> h5 classlight_color>strong>The project/strong>/h5> /div> /div> /div> div classdescription> i classicon-caret-up icon-2x arrow_pointer>/i> h4>Branding & Identity/h4> p classtiny_font>nonummy nibh euismod tincidunt ut euismod tincidunt ut /p> /div> /a> a classcircleHolder alignCenter single_image data-titleh5 classlight_color>Load YouTube and Vimeo video/h5> hrefhttp://player.vimeo.com/video/28040685?portrait0 target_self > div classflipPanel smallCircle > div classcircle front service_icon_2 > i classicon-film> /i> /div> div classcircle back> div classpadTopLarge> h5 classlight_color>click to see/h5> h5 classlight_color>strong>The project/strong>/h5> /div> /div> /div> div classdescription> i classicon-caret-up icon-2x arrow_pointer>/i> h4>Motion br> Picture/h4> p classtiny_font>nonummy nibh euismod tincidunt ut euismod tincidunt ut /p> /div> /a> a classcircleHolder alignCenter single_image data-titleh5 classlight_color>Mini description about project, eorem ipsum dolor sit amet, consectetur adipisicing elit/h5> hrefimages/portfolio/image4.jpg target_self > div classflipPanel smallCircle > div classcircle front service_icon_2 > i classicon-gamepad> /i> /div> div classcircle back> div classpadTopLarge> h5 classlight_color>click to see/h5> h5 classlight_color>strong>The project/strong>/h5> /div> /div> /div> div classdescription> i classicon-caret-up icon-2x arrow_pointer>/i> h4>Game Development/h4> p classtiny_font>nonummy nibh euismod tincidunt ut euismod tincidunt ut /p> /div> /a> /div> hr> /div> hr> div classrow-fluid> div classspan7> ul classnav nav-tabs> li classactive>a href#tab1 data-toggletab>Section 1/a>/li> li>a href#tab2 data-toggletab>Section 2/a>/li> /ul> div classtab-content> div classtab-pane active idtab1> h5>Aorem ipsum dolor sit amet, consectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat./h5> p classtiny_font>Topsum dolor sit amet, consectetuer adipiscing elit euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat./p> h6>- Tom, Founder -/h6> /div> div classtab-pane idtab2> h5>Sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit. Nonummy nibh euismod tincidunt sed diam nonummy nibh euismod tlaoreet dolorebr> Magna aliquam erat dolore magna volutpat/h5> h6>- David French, Development Manager -/h6> /div> /div> /div> div classspan5> h4 classupperCase>Our Skill Area/h4> div classgraph_container> ul> li data-level80% >a>/a> span>Web Design /span>/li> li data-level70%>a>/a> span>Software Development/span>/li> li data-level90%>a>/a> span>Branding & Identity/span>/li> /ul> /div> /div> /div> hr classseparator_min /> /div> /div> --> !-- Portfolio Page --> !-- fullscreen_galleryNote: data-continue-page attribute is used to defined, the menu (header) which belong to this page-->!--div data-id!fullscreen_gallery data-continue-page!portfolio classcontentWrapper fullHeight darkStyle backGround removePadding m-Scrollbar > div classcontainer-fluid fullWidth fullHeight fullResponse removePadding> div classrow-fluid > div idgallery_details1 classcarousel_preview fullScreenGallery_items hideOverFlow> div classoverlayPattern>/div> div idpro_image1 classcarousel_item> div classtitle_top darkStyle>h3 classfontFamily_1 light_weight upperCase darkBgTransparent>Say something about image/h3>/div> a classlazyload_single resize_align hrefimages/portfolio/image1.jpg titleimage text >image/a> /div> div idpro_image2 classcarousel_item > a classlazyload_single resize_align hrefimages/portfolio/image2.jpg titleimage text>image/a> /div> div idpro_image3 classcarousel_item > div classaddVideo video_content fullscreenVideo data-urlhttp://vimeo.com/28040685 > div classvideo_hover>/div> div classvideo_title placeBottom darkBgCaption > div> h4 classlight_color>span>Support Youtube and vimeo video/span>/h4>/div> div> h6 classlight_color>span>Add / Remove video title/span>/h6>/div> hr class space_mini> /div> a classlazyload_single resize_align hrefimages/portfolio/image3.jpg titleimage text >image/a> /div> /div> div idpro_image4 classcarousel_item > div classaddVideo video_content fullscreenVideo data-urlhttp://www.youtube.com/watch?v9wlFSR3flbk > div classvideo_hover>/div> a classlazyload_single resize_align fitInside hrefimages/portfolio/image1_a.jpg titleimage text >image/a> /div> /div> div idpro_image5 classcarousel_item > div classtitle_bottom darkStyle>h4 classfontFamily_1 light_weight upperCase darkBgTransparent>a>Consectetur adipiscing /a>/h4>/div> a classlazyload_single resize_align hrefimages/portfolio/image5.jpg titleimage text>image/a> /div> div idpro_image6 classcarousel_item > a classlazyload_single resize_align fitInside hrefimages/portfolio/image6.jpg titleimage text>image/a> /div> div idpro_image7 classcarousel_item > a classlazyload_single resize_align fitInside hrefimages/portfolio/image7.jpg titleimage text>image/a> /div> div idpro_image8 classcarousel_item > a classlazyload_single resize_align hrefimages/portfolio/image8.jpg titleimage text>image/a> /div> div idpro_image9 classcarousel_item > a classlazyload_single resize_align hrefimages/portfolio/image9.jpg titleimage text>image/a> /div> div idpro_image10 classcarousel_item > a classlazyload_single resize_align hrefimages/portfolio/image10.jpg titleimage text>image/a> /div> /div> /div> /div> div classcontainer-fluid fullWidth fullResponse removePadding fullScreenGallery_thumbnails > div classgallery_navigations > a classprevious_button>/a> a classpageClose_btn >CLOSE/a> a classnext_button>/a> /div> div data-link#gallery_details1 classcarousel_container fullScreen> ul classelastislide-list carousel_thumbails> li data-preview#pro_image1>a href#>/a> a classlazyload hrefimages/portfolio/thumb1.jpg titleimage text>Image/a>/li> li data-preview#pro_image2>a href#>/a> a classlazyload hrefimages/portfolio/thumb2.jpg titleimage text>Image/a>/li> li data-preview#pro_image3>a href#>/a> a classlazyload hrefimages/portfolio/thumb3.jpg titleimage text>Image/a>/li> li data-preview#pro_image4>a href#>/a> a classlazyload hrefimages/portfolio/thumb4.jpg titleimage text>Image/a>/li> li data-preview#pro_image5>a href#>/a> a classlazyload hrefimages/portfolio/thumb5.jpg titleimage text>Image/a>/li> li data-preview#pro_image6>a href#>/a> a classlazyload hrefimages/portfolio/thumb6.jpg titleimage text>Image/a>/li> li data-preview#pro_image7>a href#>/a> a classlazyload hrefimages/portfolio/thumb7.jpg titleimage text>Image/a>/li> li data-preview#pro_image8>a href#>/a> a classlazyload hrefimages/portfolio/thumb8.jpg titleimage text>Image/a>/li> li data-preview#pro_image9>a href#>/a> a classlazyload hrefimages/portfolio/thumb9.jpg titleimage text>Image/a>/li> li data-preview#pro_image10>a href#>/a> a classlazyload hrefimages/portfolio/thumb10.jpg titleimage text>Image/a>/li> li data-preview#pro_image6>a href#>/a> a classlazyload hrefimages/portfolio/thumb6.jpg titleimage text>Image/a>/li> li data-preview#pro_image5>a href#>/a> a classlazyload hrefimages/portfolio/thumb3.jpg titleimage text>Image/a>/li> /ul> /div> /div> /div> --> !-- Full screen single video pageNote: data-continue-page attribute is used to defined, the menu (header) which belong to this page-->!--div data-id!single_video data-continue-page!portfolio classcontentWrapper fullWidth fullHeight fullResponse darkStyle removePadding m-Scrollbar > div classaddVideo video_content fullscreenVideo data-autoplaytrue data-urlhttp://www.youtube.com/watch?v9wlFSR3flbk > div classvideo_hover>/div> img classresize_align srcimages/video_img1.jpg altimage name /> /div>/div> --> div data-id!weare_section3 classcontentWrapper fullHeight fullResponse darkStyle bg_pattern2 m-Scrollbar > hr classtop_space> div classcontainer-fluid mobileSpacing alignLeft > div classrow-fluid> div classspan6> h1 classtitle_text_large>alinta/h1> !-- p classmini_description>We are a creative group of digital artists, interaction designers, academics, theorists, interactive writers, art-game makers, and scientific and technological explorers. We build/birth interactive and bespoke artworks for unconventional spaces and varied circumstances. Our works seek to foster community engagement, placemaking, narrative curiosity and space activation. And our intention is always to rethink the use of current and future digital technologies for artistic purposes./p> --> p classtiny_font> /p> p classtiny_font>br>Alinta is a multidisciplinary new media artist, interaction & exhibition designer, and co-founder of EphemerLab. She is also a researcher of interactive art for more-than-human situations and spaces. Her research focuses include the use of interactive devices as a response to more–than–human agency, and caring for non–humans. Much of her work involves ecological themes and scientific fieldwork alongside ecology experts and wildlife rescue organisations. Recent installations of her creative works have been seen in GentleMonster, Seoul South Korea, Botanica Festival, Brisbane Australia, White Night (Nuit Blanche), Melbourne Australia, The Powerhouse, Sydney Australia, Eidgenössische Technische Hochschule, Zurich Switzerland, and Art Laboratory Berlin, Berlin Germany. /p> div classseparator> /div> !-- span classshare>span>share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-tumblr>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-linkedin>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> li >a >i classicon-flickr>/i>/a>/li> li >a >i classicon-pinterest>/i>/a>/li> li >a >i classicon-weibo>/i>/a>/li> /ul> --> div classseparator> /div> !-- span classshare>span>Tags/span>/span> ul classtag> li>windows/li> li>ios/li> li>Android/li> /ul> --> hr> /div> div classspan6> div classrow-fluid> !-- h1 classupperCase>..++/h1> --> hr> hr classseparator_bar> hr> /div> div classrow-fluid> !-- Feature Project --> !-- div classfeature_pro> div classpro_title> span classtit_text highlight_color>alinta krauth/span> ul classfont_awesome alignRight > li >a hrefhttp://www.facebook.com/alintaland>i classicon-facebook>/i>/a>/li> li >a hrefhttp://www.twitter.com/Alintakk>i classicon-twitter>/i>/a>/li> /ul> /div> a data-fancygroup1 href#feature1 classpro_link> img srcimages/portfolio/me.jpg altimage text /> div classover_text> h5>thats me/h5> /div> div classoverlay content>/div> /a> h6 classnoMargin>/h6> !-- Feature Project detail content. Make sure the id(feature1) of this container div must be assign to the href of the above a> tag --> !-- div classpopupContent > div idfeature1 classcontainer darkStyle > div classrow-fluid > div classspan7 > a classlazyload_single scale-with-grid hrefimages/portfolio/jason1.jpg titleSome text>image/a> hr> hr> /div> --> !-- div classspan5> h4 classupperCase>jason nelson/h4> p> Coming from Australia, Jason Nelson is a creator of curious and wondrous digital poems and fictions of odd lives, builder of confounding art games and all manner of curious digital creatures. /p> p classtiny_font>He professes Net Art and Electronic Literature at Australias Griffith University in subtropical metropolis of Brisbane. Aside from coaxing his students into breaking, playing and morphing their creativity with all manner of technologies, he exhibits widely in galleries and journals, with work featured around the globe at FILE, ACM, LEA, ISEA, SIGGRAPH, ELO and dozens of other acronyms. /p> p classtiny_font>There are awards to list (Paris Biennale Media Poetry Prize), organizational boards he frequents (Australia Council Literature Board and the Electronic Literature Organization), and numerous other accolades (Webby Award), but in the web based realm where his work resides, Jason is most proud of the millions of visitors his artwork/digital poetry portal http://www.secrettechnology.com attracts each year./p> a hrefhttp://secrettechnology.com>span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> /div> --> !-- /div> /div> /div> /div> --> !-- Feature Project --> div classfeature_pro First_item> div classpro_title> span classtit_text highlight_color>..++../span> ul classfont_awesome alignRight > li >a hrefhttp://www.facebook.com/alintaland>i classicon-facebook>/i>/a>/li> li >a hrefhttp://www.twitter.com/alintakk>i classicon-twitter>/i>/a>/li> /ul> /div> a data-fancygroup1 href#feature2 classpro_link> img srcimages/portfolio/thing1.png altimage text /> div classover_text> h5>Click for Showreel/h5> /div> div classoverlay content>/div> /a> h6 classnoMargin>/h6> !-- Feature Project detail content. Make sure the id(feature1) of this container div must be assign to the href of the above a> tag --> div classpopupContent > div idfeature2 classcontainer darkStyle > div classrow-fluid > div classspan7 > div classaddVideo video_content data-urlhttp://www.youtube.com/watch?vm9E9IeiFkqw&t > div classvideo_hover>/div> div classvideo_title darkBgCaption > div> h4>span classlight_color>SHOWREEL 2017/span>/h4>/div> !-- div> h6>span classlight_color>Add / Remove video title/span>/h6>/div> --> /div> a classlazyload scale-with-grid hrefimages/portfolio/alb1.jpg titleSome text>IMAGE/a> /div> /div> div classspan5> !-- h4 classupperCase>alinta krauth/h4> --> p classtiny_font>/p> a hrefhttp://www.ephemerlab.com>span classbox_hover_min tiny_font upperCase>Visit ephemerlab webSite/span>/a> /div> /div> /div> /div> /div> /div> !-- div classrow-fluid> div classfeature_pro> div classpro_title> span classtit_text highlight_color>Project name /span> ul classfont_awesome alignRight > li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> /div> a data-fancygroup1 href#feature3 classpro_link> img srcimages/portfolio/thumb3.jpg altimage text /> div classover_text> h5>Logo / Brand design/h5> /div> div classoverlay content>/div> /a> h6 classnoMargin>Lorem ipsum dolor sit amet consectetuer./h6> div classpopupContent > div idfeature3 classcontainer darkStyle > div classrow-fluid > div classspan1 >/div> div classspan10 > h2>Projects images - Add Nice title text/h2> br> /div> /div> div classrow-fluid > div classspan1 >/div> div classspan10 > div classflexSlideshow_pop > ul classslides> li>a classlazyload scale-with-grid hrefimages/portfolio/image1_a.jpg titleSome text>image/a>/li> li>a classlazyload scale-with-grid hrefimages/portfolio/image1_b.jpg titleSome text>image/a>/li> li>a classlazyload scale-with-grid hrefimages/portfolio/image1_c.jpg titleSome text>image/a>/li> /ul> /div> hr classslide_bottomSpace> /div> /div> div classrow-fluid > div classspan1 >/div> div classspan10> h4 classupperCase>Phasellus felis dolor, scelerisque enim felis viverra mi, eget luctus massa purus quis odio./h4> hr classseparator_bar /> div classrow-fluid> div classspan7>Curabitur vel mi sit amet magna malesuada ultrices. Ut nisi erat, fermentum vel, congue id, euismod in, elit. Fusce ultricies, orci ac feugiat suscipit, leo massa sodales velit, et scelerisque mi tortor at ipsum. Proin orci odio, commodo ac, gravida non, tristique vel, tellus, neque mi consectetuer mi, a ultricies massa est sed nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Proin nulla arcu, nonummy luctus, dictum eget, fermentum et, lorem. Nunc porta convallis pede. /div> div classspan5> span classshare>span>Share/span>/span> ul classfont_awesome> li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-tumblr>/i>/a>/li> li >a >i classicon-youtube>/i>/a>/li> li >a >i classicon-linkedin>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> hr class noSpacing> span classshare>span>Tags/span>/span> ul classtag> li>windows/li> li>ios/li> li>Android/li> /ul> a>span classbox_hover_min tiny_font upperCase>Visit Site/span>/a> /div> /div> hr classseparator_bar /> p classtiny_font> Morbi ornare gravida elit. Integer congue, augue et malesuada iaculis, ipsum dui aliquet felis, at cursus magna nisl nec elit. Donec iaculis diam a nisi accumsan viverra. Duis sed tellus et tortor vestibulum gravida. Praesent elementum elit at tellus. Curabitur metus ipsum, luctus eu, malesuada ut, tincidunt sed, diam. Donec quis mi sed magna hendrerit accumsan. Suspendisse risus nibh, ultricies eu, volutpat non, condimentum hendrerit, augue. Etiam eleifend, metus vitae adipiscing semper, mauris ipsum iaculis elit, congue gravida elit mi egestas orci. Curabitur pede./p> p classtiny_font>Maecenas aliquet velit vel turpis. Mauris neque metus, malesuada nec, ultricies sit amet, porttitor mattis, enim. In massa libero, interdum nec, interdum vel, blandit sed, nulla. In ullamcorper, est eget tempor cursus, neque mi consectetuer mi, a ultricies massa est sed nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Proin nulla arcu, nonummy luctus, dictum eget, fermentum et, lorem. Nunc porta convallis pede./p> p classtiny_font>Nunc tempus felis vitae urna. Vivamus porttitor, neque at volutpat rutrum, purus nisi eleifend libero, a tempus libero lectus feugiat felis. Morbi diam mauris, viverra in, gravida eu, mattis in, ante. Morbi eget arcu. Morbi porta, libero id ullamcorper nonummy, nibh ligula pulvinar metus, eget consectetuer augue nisi quis lacus. Ut ac mi quis lacus mollis aliquam. Curabitur iaculis tempus eros. Curabitur vel mi sit amet magna malesuada ultrices. Ut nisi erat, fermentum vel, congue id, euismod in, elit./p> hr classseparator_min> /div> /div> /div> /div> /div> div classfeature_pro last_item > div classpro_title> span classtit_text highlight_color>Project name /span> ul classfont_awesome alignRight > li >a >i classicon-facebook>/i>/a>/li> li >a >i classicon-twitter>/i>/a>/li> li >a >i classicon-google-plus>/i>/a>/li> /ul> /div> a data-fancygroup1 classpro_link hrefimages/portfolio/image4.jpg titleAdd simple title text > img srcimages/portfolio/thumb4.jpg altimage text /> div classover_text> h5>Wordpress Development/h5>br> /div> div classoverlay content>/div> /a> h6 classnoMargin>Lorem ipsum dolor sit amet consectetuer./h6> /div> /div> --> /div> /div> hr> /div> /div> !-- Contact us --> div data-id!contactus classcontentWrapper contactPage darkStyle backGround fullWidth fullHeight fullResponse removePadding m-Scrollbar disable_mouse_drag > div classfullWidth fullHeight fullResponse map_container > !--div idmap_canvas > !-- Google map load error message div classpad> h6>a> !Google Map is not Loaded, click here to see the map/a>/h6> /div> /div> --> /div> div classfullWidth fullResponse contactPage_content > div classcontainer mobileSpacing darkStyle backGround > div classrow-fluid> div classspan12 > h1 classtitle_text>get in touch/h1> hr> /div> /div> div classrow divide > div classspan6> div classrow> !--Email contact Form--> form namecontact methodpost > div classspan3> input typetext valueName idname namename classspan3 onfocusif(this.value Name) {this.value ;} onblurif (this.value ) {this.value Name;} /> /div> div classspan3> input typetext valueEmail idemail nameemail classspan3 onfocusif(this.value Email) {this.value ;} onblurif (this.value ) {this.value Email;} /> /div> div classspan6> textarea cols30 rows5 idcomments namecomments classspan6 onfocusif(this.value Comments...) {this.value ;} onblurif (this.value ) {this.value Comments...;}>Please leave your comment.../textarea> /div> div classspan6> button typesubmit idemail_submit classbutton alignLeft>SEND/button> div idreply_message >/div> /div> /form> /div> /div> div classspan6 idaddress> h4>Based in Australia br> /h4> !-- h4> Tel: br/> Mob: /h4> --> h4> a>/a> /h4>br/> /div> /div> /div> /div> /div>/div>/div>!-- Footer -->div classdarkStyle fullWidth disable_mouse_drag footer > !-- Footer open/close button --> div classfooter_close data-close.footer_content > /div> div classcontainer-fluid mobileSpacing footer_content> div classrow-fluid> div classspan6 > div classleft_content darkBgTransparent tiny_font > div classright_spacing >ALL RIGHTS RESERVED © Alinta Krauth. I acknowledge the traditional custodians past and present on whose land I walk, work, live, and respect. In particular Id like to acknowlege the traditional owners, past, present, and emerging, of the Yugambeh speaking nation, and the Wangerriburra, Mununjali, and Kombumerri clans in particular, on whose lands much of my work has taken place over the years. I recognise that these lands have always been placees of art, music, storytelling, and sustainable living./div> /div> /div> !-- div classspan6> div classspan6> h5>span classdarkBgTransparent tiny_font>Photostream/span>/h5> ul idflickerFeed classthumbs unstyled>/ul> /div> !-- div classspan6> div classalignRight> div classdarkBgTransparent right_content> !-- div classalignLeft right_spacing twitter_footer> ul classfont_awesome> li >a >i classicon-twitter>/i>/a>/li> /ul> /div> span classalignLeft right_spacing clear_footer tiny_font>SHARE/span> span classalignLeft>|/span> !-- ul classsocial_bookmarks > li classfacebook_white noMargin>a titleFacebook >Join our Facebook Group/a>/li> li classgplus_white noMargin>a titleGoogle Plus >Join me on Google Plus/a>/li> li classyoutube_white noMargin>a titleyoutube >youtube/a>/li> /ul> /div> /div> /div> /div --> /div> /div> /div>!-- Footer -->/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
]