ArianNorton

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:media="http://search.yahoo.com/mrss/"
	
	>

<channel>
	<title>ArianNorton</title>
	<link>https://ariannorton.com</link>
	<description>ArianNorton</description>
	<pubDate>Tue, 11 Apr 2023 02:37:22 +0000</pubDate>
	<generator>https://ariannorton.com</generator>
	<language>en</language>
	
		
	<item>
		<title>Main Columns</title>
				
		<link>https://ariannorton.com/Main-Columns</link>

		<pubDate>Tue, 11 Apr 2023 02:37:22 +0000</pubDate>

		<dc:creator>ArianNorton</dc:creator>

		<guid isPermaLink="true">https://ariannorton.com/Main-Columns</guid>

		<description>Two Column Website


    .container {
        max-width: 100%;
        margin: 0 0;
        box-sizing: border-box;
        max-height: max(100vh - constant(safe-area-inset-bottom), 100vh - env(safe-area-inset-bottom)); 
        overflow-y: auto;
        top: 0px;
        bottom: 0;     
    }
    
        .blurred-box.hidden {
  display: none;
  transform: translateY(45px);
  transition: transform 10s;
}

.blurred-box {
        width: 100%;
        left: 0;
        padding: 5px 0px 0px 0px;
  height: 35px; /* calc(140px - 70px) */
  background-color: hsl(60, 75%, 75%); 
  color: black; 
  overflow: hidden;
  justify-content: center;
  align-items: top;
  text-align: center; 
  white-space: nowrap;
  margin: 0; 
}  

.blurredM-box {
	display: none;
    width: 100%;
    padding: 0px 0px 6px 0px; /* Adjust padding as needed */
    height: auto; /* Add this */
    margin-top: auto; /* Add this */
    text-align: center;
    background-color: hsla(0, 0%, 100%, 1);
    color: hsla(0, 0%, 65%, 1); 
    line-height: 30px;
      text-align: center; 
  white-space: nowrap;
} 
    
    
.column-left {
    display: flex; /* Add this */
    flex-direction: column; /* Add this */
    justify-content: space-between; /* Add this */
    width: 33.33%;
    float: left;
    padding: 60px 0px 15px 0px;
    overflow-y: auto;
    height: 100vh; 
    max-height: 100vh;
    background-color: hsla(0, 0%, 100%, 1);
    color: hsla(0, 0%, 65%, 1); 
}
    .column-right {
        width: 66.67%;
        float: right;
        padding: 45px 0px 30px 0px;
        overflow-y: auto;
        max-height: 100vh;
		background-color: hsla(0, 0%, 80%, 1);
      	color: hsla(0, 0%, 0%, 1);

    }

.border-column {
border-bottom: 5px solid hsl(60, 75%, 75%);
}


.bottomcolumn-text {
    width: 100%;
    padding: 0px 0px 0px 0px; /* Adjust padding as needed */
    height: auto; /* Add this */
    margin-top: auto; /* Add this */
    text-align: center;
}

.bottomcolumnM-text {
	display: none;
    width: 100%;
    padding: 15px 0px 20px 0px; /* Adjust padding as needed */
    height: auto; /* Add this */
    margin-top: auto; /* Add this */
    text-align: center;
    background-color: hsla(0, 0%, 100%, 1);
    color: hsla(0, 0%, 65%, 1); 
    line-height: 20px;
}


.no-scroll {
  overflow: hidden !important;
  overflow-y: hidden !important;
} 

    .clearfix { 
        clear: both;
    }
        .image-gallery-container {
        position: relative;
        width: 100%;
        padding-top: 70%; /* 3/2 aspect ratio */
        overflow: hidden;
    }
    .image-gallery {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .image-gallery img {
        transform-origin: top;
        transform: scale(0.67);
    }
    
     video {
 		position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
      	width: 100%;
      	height: 100%;
        transform-origin: center;
        transform: scale(1.05);
        background-color: hsla(0, 0%, 80%, 1);
    	} 


    	.parent-container {
  		display: flex;
  		justify-content: space-between;
        background-color: hsla(0, 0%, 80%, 1);
	}
        .double-image-gallery-container {
        position: relative;
        width: 50%;
        padding-top: 35%; /* 3/2 aspect ratio */
        overflow: hidden;
        background-color: hsla(0, 0%, 80%, 1);
    } 


/* FONT AND TYPE STYLES */
    h6 {
        font-family: "Monument Grotesk Variable", Icons;
        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0px 18px 0px 13px;
    }
    
    h10 {
        font-family: "Monument Grotesk Variable", Icons;
        font-style: normal;
        font-weight: 375;
        font-size: 17px;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0px 0px 0px 13px;
    }


/* TABLE STYLES */
    .my-table {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
    }
	.my-table tr {
		height: 5px;
	}
   .my-table th,
   .my-table td {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 1.5;
      border-bottom: 0px solid black;
    }
    .my-table .col1 {
        width: 57%;
        text-align: left;
        padding-left: 12px;
        padding-right: 6px;
    }
    .my-table .col2 {
        width: 25%;
        text-align: left;
                padding-left: 1px;
    }
    .my-table .col3 {
        width: 18%;
        text-align: right;
        padding-right: 16px;
    }
    .my-table .col4 {
        width: 50%;
        text-align: left;
        padding-right: 16px;
    }
    .my-table .col5 {
        width: 50%;
        text-align: right;
        padding-right: 15px;
        padding-left: 12px;
    }
    .my-table .col6 {
        width: 50%;
        text-align: left;
        padding-left: 10px;
        line-height: 1.25;
    }
    .my-table .col7 {
        width: 25%;
        text-align: left;
        line-height: 1.25;
    }


/* SCROLLING STYLES */

	.my-table tr.scroll-from:not(.no-hover):hover td {
   		background-color: hsla(0, 0%, 80%, 1);
        color: hsla(0, 0%, 0%, 1);
	}
	.my-table tr.scroll-from {
    	cursor: pointer;
	}
	.my-table tr.scroll-from td {
  		color: inherit;
        transition: color 0.3s ease-out;
	}
    
/* Media Query for mobile devices (dont put anything under) */
    @media screen and (max-width: 767px) {
    
        .blurred-box {
  display: none;
}

    .blurredM-box.hidden {
  display: none;
  transform: translateY(45px);
  transition: transform 10s;
}

   .blurredM-box {
  display: block;
} 
    
    
     .container {
        max-height: max(100vh - constant(safe-area-inset-bottom), 100vh - env(safe-area-inset-bottom)); 
        overflow-y: auto;
    	}
        .column-left,
        .column-right {
            width: 100%;
        }
        
        .column-left {
        	overflow-y: hidden;
            padding: 60px 0px 0px 0px; 
            height: auto;
            border-left: 0px solid !important;
        }
        .column-right {
            padding: 0px 0px 0px 0px;
            max-height: none;
            overflow-y: auto;
        }        
    	.my-table .col1 {
        padding-left: 10px;
    	}
    	.my-table .col3 {
        padding-right: 12px; 
    	}
        h6 {
            font-size: 17px;
        padding: 0px 11px 0px 10px;
        }
        h7 {
            font-size: 17px;
        }
        .image-gallery img {
            transform: scale(1);
        }
        .no-scroll {
            max-height: auto;
		}

		 .bottomcolumn-text {
        display: none;
    	}
    	.bottomcolumnM-text {
		display: block;
		}
        .my-table tr.scroll-from:not(.no-hover):hover td {
    animation: hover-animation 1s forwards;
}

@keyframes hover-animation {
    0% { background-color: hsla(0, 0%, 80%, 1); color: hsla(0, 0%, 0%, 1); }
    99% { background-color: hsla(0, 0%, 80%, 1); color: hsla(0, 0%, 0%, 1);}
    100% { background-color: hsla(0, 0%, 100%, 1); color: hsla(0, 0%, 65%, 1);}
}
        
        
         }


  		PROJECT
    	TYPE
    	YEAR
	
            
    	Constructed Peace 
    	
        
    	Editorial 
    	
    	
    	2022
    	
	
        New Gold Standard
        
    	
        Editorial
        
    	
        2021
        
	
        Field Guide to Constructed Peace
        
    	
        Editorial 
        
    	
        2022
        
	
        Seen Unseen 
        
    	
        Editorial
        
    	
        2021
        
	
        The After Monument 
        
    	
        Identity
        
    	
        2022
        
	
        Measuring Light and Illumiination 
        
    	
        Editorial
        
    	
        2023
        
	
        Chronobiology and Health Lab
        
    	
        Identity 
        
    	
        2023
        
	
        Uncolour
        
    	
        Type+Identity 
        
    	
        2022
        
	
        Unknown Conformity
        
    	
        Editorial
        
    	
        2020
        
	
        101 Space
        
    	
        Identity
        
    	
        2020
        
	
        Martin Goya
        
    	
        Type+Identity
        
    	
        2020
        
	
        Creativity on the Move
        
    	
        Identity
        
    	
        2020
        
	    
        ELIA Leadership Symposium
        
    	
        Editorial
        
    	
        2019
        
	    
        Nutridex
        
    	
        Identity
        
    	
        2019
        
	  
        Arian Norton
        
    	
        Graphic Designer
        
		  
        Instagram
        
    	
        Email
        
		  
        Copyright @2023
        
    	
        All Rights Reserved
        
		  
        Scroll through the image galleries...
        

 PLEASE CLICK THROUGH THE IMAGE GALLERIES

     
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/21b3fc3df6b43e0a0036b8c00cda997ce01aac5ae0bfe6b7cd106702871c3762/Photo-2.jpg" data-mid="182357073" border="0"  src="https://freight.cargo.site/w/1000/i/21b3fc3df6b43e0a0036b8c00cda997ce01aac5ae0bfe6b7cd106702871c3762/Photo-2.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/1d82ea1a6cb9b384562d4a2efba49c366435c023b955cdfe7f584f2511ff334d/Spread-1.jpg" data-mid="177217429" border="0"  src="https://freight.cargo.site/w/1000/i/1d82ea1a6cb9b384562d4a2efba49c366435c023b955cdfe7f584f2511ff334d/Spread-1.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/12b088b8e631b413b93aff8d137230432215a2567c522ff9cda74b21c16421be/Spread-2.jpg" data-mid="177217430" border="0"  src="https://freight.cargo.site/w/1000/i/12b088b8e631b413b93aff8d137230432215a2567c522ff9cda74b21c16421be/Spread-2.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/15de2b9c8089379028d9de07789bc00ecd985bd3ab9cea753cb3568c78c8b093/Spread-3.jpg" data-mid="177217431" border="0"  src="https://freight.cargo.site/w/1000/i/15de2b9c8089379028d9de07789bc00ecd985bd3ab9cea753cb3568c78c8b093/Spread-3.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/f1f0113a763956b9402c20f76ba471f1e39200ee9c170b8db38433f08122c270/Photo-1.jpg" data-mid="182357097" border="0"  src="https://freight.cargo.site/w/1000/i/f1f0113a763956b9402c20f76ba471f1e39200ee9c170b8db38433f08122c270/Photo-1.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/71d808960ffd7db01ad0edaeea1750c2893d696594716295f696bd73ba7e8e62/Spread-4.jpg" data-mid="177217432" border="0"  src="https://freight.cargo.site/w/1000/i/71d808960ffd7db01ad0edaeea1750c2893d696594716295f696bd73ba7e8e62/Spread-4.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/68c25625ef35cd93ca31663a5874d54b6faf81db2c5ba34a6104df26730975bb/Spread-5.jpg" data-mid="177217433" border="0"  src="https://freight.cargo.site/w/1000/i/68c25625ef35cd93ca31663a5874d54b6faf81db2c5ba34a6104df26730975bb/Spread-5.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/0de4c0bdfdd5daf71a14e47727d9f8e6cd5dc93148819231e9bac8dfb156950b/Spread-6.jpg" data-mid="177217434" border="0"  src="https://freight.cargo.site/w/1000/i/0de4c0bdfdd5daf71a14e47727d9f8e6cd5dc93148819231e9bac8dfb156950b/Spread-6.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/1f931909c6dfe87e760b6db8b313060f8f81fbfef731f38f3c02153906740c53/Spread-7.jpg" data-mid="177217435" border="0"  src="https://freight.cargo.site/w/1000/i/1f931909c6dfe87e760b6db8b313060f8f81fbfef731f38f3c02153906740c53/Spread-7.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/50596d8d340c6323ff5b5d89c4d78e523575cf5062317b015b0038ec216f4957/Spread-8.jpg" data-mid="177217436" border="0"  src="https://freight.cargo.site/w/1000/i/50596d8d340c6323ff5b5d89c4d78e523575cf5062317b015b0038ec216f4957/Spread-8.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/dba9eec4e0a5579d546f89bd9ccff82bbd9631598ad2ac6c655ca47dfc4ebfd6/Spread-12.jpg" data-mid="177217459" border="0"  src="https://freight.cargo.site/w/1000/i/dba9eec4e0a5579d546f89bd9ccff82bbd9631598ad2ac6c655ca47dfc4ebfd6/Spread-12.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/2f90f9b681f623a5352bcc31483de09a72e52d9689be8c235bc5acaa9475a4a5/Spread-19.jpg" data-mid="177724479" border="0"  src="https://freight.cargo.site/w/1000/i/2f90f9b681f623a5352bcc31483de09a72e52d9689be8c235bc5acaa9475a4a5/Spread-19.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/8b19f3da2ed505ec49fd149fcc4b3bcc35b94fdfe27ee91f3152c3d2d6bcfe59/Spread-18.jpg" data-mid="177724478" border="0"  src="https://freight.cargo.site/w/1000/i/8b19f3da2ed505ec49fd149fcc4b3bcc35b94fdfe27ee91f3152c3d2d6bcfe59/Spread-18.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/8b5560c6452734a299f448ad70c2f27bded3275869810b473279ac03d9fcbb42/Spread-11.jpg" data-mid="177217454" border="0"  src="https://freight.cargo.site/w/1000/i/8b5560c6452734a299f448ad70c2f27bded3275869810b473279ac03d9fcbb42/Spread-11.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/99fbb1fd3069d05f928f7b8c8137ff4c92cb66bf92fd6772c30006d396b9fabd/Spread-13.jpg" data-mid="177217464" border="0"  src="https://freight.cargo.site/w/1000/i/99fbb1fd3069d05f928f7b8c8137ff4c92cb66bf92fd6772c30006d396b9fabd/Spread-13.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/9bdac3f6f98800d84190b0952029f0c8b6a90876580b741e95ee5bdfc092c11e/Spread-14.jpg" data-mid="177217469" border="0"  src="https://freight.cargo.site/w/1000/i/9bdac3f6f98800d84190b0952029f0c8b6a90876580b741e95ee5bdfc092c11e/Spread-14.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/62fbf859e00108fb6806108e368ae35a9c2b11ee15b51ba6fb0267c0a2eaffcd/Spread-15.jpg" data-mid="177217473" border="0"  src="https://freight.cargo.site/w/1000/i/62fbf859e00108fb6806108e368ae35a9c2b11ee15b51ba6fb0267c0a2eaffcd/Spread-15.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/201bd0b9b08d3675bb1311862a3287db3c390631b5550e297fecc686c841b272/Photo-3.jpg" data-mid="182357098" border="0"  src="https://freight.cargo.site/w/1000/i/201bd0b9b08d3675bb1311862a3287db3c390631b5550e297fecc686c841b272/Photo-3.jpg" /&#62;

    
    Your browser does not support the video tag.
   

&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/253333c51e8f9421c57c0f29d71a912aa56fed3e52705df31946e14989817b1b/Spread-22.jpg" data-mid="177724948" border="0" data-scale="50" src="https://freight.cargo.site/w/1000/i/253333c51e8f9421c57c0f29d71a912aa56fed3e52705df31946e14989817b1b/Spread-22.jpg" /&#62;


  		Constructed Peace
    	Editorial
    	2022
		

        Size / Binding
  		150x220mm / 154pg / Sewn Softcover Otabind
		
        
        Printing
  		Jubels Amsterdam / Metallic Silver Spot Colour + ColorLibrary Profile
		

The resulting thesis of one year of research in to how the design of defensive infrastructure in Northern Ireland, particularly the Belfast Peace Line, reflect the intentions and current situation of the Peace Process in Northern Ireland. The walls were built as a temporary solution that today still define a divided co-existence. [Part of DAE Graduation Project] 


&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/038f404ab53cb75d941ecd24e54f670a3130e046e0634a9e6c63d1271559a4ad/COVERb.jpg" data-mid="177966688" border="0"  src="https://freight.cargo.site/w/1000/i/038f404ab53cb75d941ecd24e54f670a3130e046e0634a9e6c63d1271559a4ad/COVERb.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/b1027f51e91cdb6e7814fbc82b937c30d245fd1ed02b0fab1d40f8b223213b2a/Spread-1.png" data-mid="176825610" border="0"  src="https://freight.cargo.site/w/1000/i/b1027f51e91cdb6e7814fbc82b937c30d245fd1ed02b0fab1d40f8b223213b2a/Spread-1.png" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/017cd1525f18fcba76c75fb3f49fcff0f06d33887a2d41776aec4348e60d7f6e/Spread-1.png" data-mid="177443125" border="0"  src="https://freight.cargo.site/w/1000/i/017cd1525f18fcba76c75fb3f49fcff0f06d33887a2d41776aec4348e60d7f6e/Spread-1.png" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/39445437c0a0ef3a9bd91d92ea4d5ced0da26df80d2e0ef91d0a547a5208fd7a/Spread-2.png" data-mid="177443127" border="0"  src="https://freight.cargo.site/w/1000/i/39445437c0a0ef3a9bd91d92ea4d5ced0da26df80d2e0ef91d0a547a5208fd7a/Spread-2.png" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/faf187e582db8d798cef4dea59c3652009241e702492c3c1814885f6846509a3/Spread-3.png" data-mid="177443129" border="0"  src="https://freight.cargo.site/w/1000/i/faf187e582db8d798cef4dea59c3652009241e702492c3c1814885f6846509a3/Spread-3.png" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/1a94b42d84e445d0105705277b4190a6e418dc8b80beeda97592044796f534f7/Spread-4.png" data-mid="177443130" border="0"  src="https://freight.cargo.site/w/1000/i/1a94b42d84e445d0105705277b4190a6e418dc8b80beeda97592044796f534f7/Spread-4.png" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/3954197af3f568ee1089ed3e987c219e50bbef4aef05159da26e10ab31552cf2/Photo-5.jpg" data-mid="176080489" border="0"  src="https://freight.cargo.site/w/1000/i/3954197af3f568ee1089ed3e987c219e50bbef4aef05159da26e10ab31552cf2/Photo-5.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/f851c61fbcff313e51bba3ec08382ca23c378260e010597ec4eef0282fcdb42a/Spread-5.png" data-mid="177443131" border="0"  src="https://freight.cargo.site/w/1000/i/f851c61fbcff313e51bba3ec08382ca23c378260e010597ec4eef0282fcdb42a/Spread-5.png" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/1feb6974a838ee48742f9ab8a8642d48a87401d5d00b7ab6f5a0ec0812525f60/Spread-6.png" data-mid="177443132" border="0"  src="https://freight.cargo.site/w/1000/i/1feb6974a838ee48742f9ab8a8642d48a87401d5d00b7ab6f5a0ec0812525f60/Spread-6.png" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/754a647384c32075681c7ee6cf0cf94aa0ba61385288845a5272b5f900f8b8b5/Photo-4.jpg" data-mid="176078017" border="0"  src="https://freight.cargo.site/w/1000/i/754a647384c32075681c7ee6cf0cf94aa0ba61385288845a5272b5f900f8b8b5/Photo-4.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/f41a2de0b1f6afb733c61c60f0006ce487b2c0e02b35d83807575db0dc3b0287/Spread-7.png" data-mid="177443133" border="0"  src="https://freight.cargo.site/w/1000/i/f41a2de0b1f6afb733c61c60f0006ce487b2c0e02b35d83807575db0dc3b0287/Spread-7.png" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/ca3f774e1879560a47836677e8f99a411ea3e53d34d1653a155422012d064e66/Spread-8-2.png" data-mid="177443458" border="0"  src="https://freight.cargo.site/w/1000/i/ca3f774e1879560a47836677e8f99a411ea3e53d34d1653a155422012d064e66/Spread-8-2.png" /&#62;
&#60;img width="2730" height="1911" width_o="2730" height_o="1911" data-src="https://freight.cargo.site/t/original/i/223f3be3d013d3ae61dc63538dc534cf9e053df0271b038da8e67d5c0731a3c3/spine2.png" data-mid="177450094" border="0"  src="https://freight.cargo.site/w/1000/i/223f3be3d013d3ae61dc63538dc534cf9e053df0271b038da8e67d5c0731a3c3/spine2.png" /&#62;
&#60;img width="2250" height="1575" width_o="2250" height_o="1575" data-src="https://freight.cargo.site/t/original/i/4c2aac2061572e0de7fd564f0f370a23eddbe568ef3d76317c08adfe85eef09c/Spread-8.png" data-mid="177337728" border="0"  src="https://freight.cargo.site/w/1000/i/4c2aac2061572e0de7fd564f0f370a23eddbe568ef3d76317c08adfe85eef09c/Spread-8.png" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/b23f07b8d74ccc497e11c112652a4b0334caf22e097ded0a798edb1ea6bad3be/Spread-9.jpg" data-mid="177339439" border="0"  src="https://freight.cargo.site/w/1000/i/b23f07b8d74ccc497e11c112652a4b0334caf22e097ded0a798edb1ea6bad3be/Spread-9.jpg" /&#62;

    
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/a2ee9d1d9d97df701d28603c907cc9f198418469c17edc2acbc0bf4a33ccc724/Spread-10.jpg" data-mid="177344513" border="0" data-scale="50" src="https://freight.cargo.site/w/1000/i/a2ee9d1d9d97df701d28603c907cc9f198418469c17edc2acbc0bf4a33ccc724/Spread-10.jpg" /&#62;


&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/14d2fd8b28b9ffc03a07bdf45f1e8e77e50ec0afff69cebc2ae68fe1832449cd/Photo-2.jpg" data-mid="176078014" border="0" data-scale="50" src="https://freight.cargo.site/w/1000/i/14d2fd8b28b9ffc03a07bdf45f1e8e77e50ec0afff69cebc2ae68fe1832449cd/Photo-2.jpg" /&#62;


  		New Gold Standard
    	Editorial
    	2021
		

        Size / Binding
  		210x275mm / 110pg / Softcover with Aluminium Spine
    	
		
        Printing
  		Silkscreened Metallic Gold Ink
		
        
Outcome of research exploring methods to view and analyse how the the value of Bitcoin and other cryptocurrencies are manipulated. The entire book takes the form of a graph, bringing to light the nonsense and greed that dictates its value, whilst allowing these layers of information to become more tangible to the reader. The book used a custom inDesign script to display the graph on each page. 


&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/9b4590dc8a50c2189a5217de72eb119fe16595f5aab23d7e084acd80f093afa7/Spread-16.jpg" data-mid="177970136" border="0"  src="https://freight.cargo.site/w/1000/i/9b4590dc8a50c2189a5217de72eb119fe16595f5aab23d7e084acd80f093afa7/Spread-16.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/cc82eef5af054264346192329f468225a5e7b035ed09b803eda59161aaf2d556/Spread-1.jpg" data-mid="176073640" border="0"  src="https://freight.cargo.site/w/1000/i/cc82eef5af054264346192329f468225a5e7b035ed09b803eda59161aaf2d556/Spread-1.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/88036466496239e2abd4890ac969c3f9eddef4dd0ca2231c4eafdd65bc0ed52c/Spread-3.jpg" data-mid="176277041" border="0"  src="https://freight.cargo.site/w/1000/i/88036466496239e2abd4890ac969c3f9eddef4dd0ca2231c4eafdd65bc0ed52c/Spread-3.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/d9b5f7c86aa87aba352bcc24c5f627d21b14595f20c12c57a0eced31362ca753/Spread-4.jpg" data-mid="176277042" border="0"  src="https://freight.cargo.site/w/1000/i/d9b5f7c86aa87aba352bcc24c5f627d21b14595f20c12c57a0eced31362ca753/Spread-4.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/6012352f7137955ffef4b9fc333bbd42c32a64d9055d58e6c2fd3c45c6081b41/Spread-17.jpg" data-mid="177970137" border="0"  src="https://freight.cargo.site/w/1000/i/6012352f7137955ffef4b9fc333bbd42c32a64d9055d58e6c2fd3c45c6081b41/Spread-17.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/fb2e0847c7d5f878cf32efe464aefb5b00578dd7f7f2df7a65ec8fe0c8d5bf65/Spread-5.jpg" data-mid="176277044" border="0"  src="https://freight.cargo.site/w/1000/i/fb2e0847c7d5f878cf32efe464aefb5b00578dd7f7f2df7a65ec8fe0c8d5bf65/Spread-5.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/c49ffe43610a03d3ba4828de75781faecab7ba83aed416ca07dc78dca81d5806/Spread-6.jpg" data-mid="176277045" border="0"  src="https://freight.cargo.site/w/1000/i/c49ffe43610a03d3ba4828de75781faecab7ba83aed416ca07dc78dca81d5806/Spread-6.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/d377d4d7b760d947286d2f5215ad0ff76ac8e5e1fb4e9e34031f5bfbe1f1da21/Spread-7.jpg" data-mid="176277046" border="0"  src="https://freight.cargo.site/w/1000/i/d377d4d7b760d947286d2f5215ad0ff76ac8e5e1fb4e9e34031f5bfbe1f1da21/Spread-7.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/2260843b15a4e409b655529329fd59095399f3015e209f5d1b8fd7ca196587a2/Spread-8.jpg" data-mid="176277047" border="0"  src="https://freight.cargo.site/w/1000/i/2260843b15a4e409b655529329fd59095399f3015e209f5d1b8fd7ca196587a2/Spread-8.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/1c377424144f0b5cd73efc625ad56e49654ffdb772460a244efc7bdae601fa5f/Spread-9.jpg" data-mid="176277048" border="0"  src="https://freight.cargo.site/w/1000/i/1c377424144f0b5cd73efc625ad56e49654ffdb772460a244efc7bdae601fa5f/Spread-9.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/a429d7fa6c0d23fced1df52c047bcf80e2a317f0552941ce60b31c4ccd106d98/Spread-10.jpg" data-mid="176277049" border="0"  src="https://freight.cargo.site/w/1000/i/a429d7fa6c0d23fced1df52c047bcf80e2a317f0552941ce60b31c4ccd106d98/Spread-10.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/89d7591c55c2e6e8a5eb5b0d6ac10ed5dbe25586a868366e50ff2a386abb49bf/Spread-11.jpg" data-mid="176277052" border="0"  src="https://freight.cargo.site/w/1000/i/89d7591c55c2e6e8a5eb5b0d6ac10ed5dbe25586a868366e50ff2a386abb49bf/Spread-11.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/b7839c0b2778ea5c46cf8976d6e01d747f3b4ea0cc7c6e82778ea884e69c456f/Spread-12.jpg" data-mid="176277053" border="0"  src="https://freight.cargo.site/w/1000/i/b7839c0b2778ea5c46cf8976d6e01d747f3b4ea0cc7c6e82778ea884e69c456f/Spread-12.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/6e7c443dc93e5338cd87dad71544e3bb9d5e7fe72fd02b789fb7806a002fe901/Spread-18.jpg" data-mid="177970138" border="0"  src="https://freight.cargo.site/w/1000/i/6e7c443dc93e5338cd87dad71544e3bb9d5e7fe72fd02b789fb7806a002fe901/Spread-18.jpg" /&#62;

    
  		Field Guide to Constructed Peace
    	Editorial
    	2022
		
        
        Size / Binding
  		100x185mm / 110pg / Softcover with Vinyl Cover
    	
		   
As segregation of spaces through the walls of the so-called Peace Line continues, it becomes ever more difficult for these walls to be removed. Materially too, the walls have slowly transitioned from temporary metal sheets to permanent steel, concrete and brick that blend into the urban fabric, disguising their main purpose. Through the format of a Field Guide, this project reemphasises the abnormality of these structures and questions their legitimacy as a permanent solution. [Part of DAE Graduation Project] 

		
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/a707479b22042859f405e76a0aaa04d52216189e435c4d97ca1ce31c02a3d1f5/COVERc.jpg" data-mid="177970562" border="0"  src="https://freight.cargo.site/w/1000/i/a707479b22042859f405e76a0aaa04d52216189e435c4d97ca1ce31c02a3d1f5/COVERc.jpg" /&#62;
&#60;img width="2700" height="1890" width_o="2700" height_o="1890" data-src="https://freight.cargo.site/t/original/i/8796d82e451decab34b2d501f92cf25641cb58875bf434ab4759f84822ff8708/Spread-1.png" data-mid="177470670" border="0"  src="https://freight.cargo.site/w/1000/i/8796d82e451decab34b2d501f92cf25641cb58875bf434ab4759f84822ff8708/Spread-1.png" /&#62;
&#60;img width="2700" height="1890" width_o="2700" height_o="1890" data-src="https://freight.cargo.site/t/original/i/4f40427f7eeee93fc5bdf76498741868164769d5c185183bf40ba1485f2ef05e/Spread-2.png" data-mid="177470671" border="0"  src="https://freight.cargo.site/w/1000/i/4f40427f7eeee93fc5bdf76498741868164769d5c185183bf40ba1485f2ef05e/Spread-2.png" /&#62;
&#60;img width="2700" height="1890" width_o="2700" height_o="1890" data-src="https://freight.cargo.site/t/original/i/e87b715cc4b3c09f9e4bbad78bf8b06735689a6536f2e152a27eea9cf7b8a8a2/Spread-3.png" data-mid="177470672" border="0"  src="https://freight.cargo.site/w/1000/i/e87b715cc4b3c09f9e4bbad78bf8b06735689a6536f2e152a27eea9cf7b8a8a2/Spread-3.png" /&#62;
&#60;img width="2700" height="1890" width_o="2700" height_o="1890" data-src="https://freight.cargo.site/t/original/i/705642b4168186910cdee40dcd6f96ab41f77c3eb7d7ff205520f45dbab8d642/Spread-4.png" data-mid="177470673" border="0"  src="https://freight.cargo.site/w/1000/i/705642b4168186910cdee40dcd6f96ab41f77c3eb7d7ff205520f45dbab8d642/Spread-4.png" /&#62;
&#60;img width="2700" height="1890" width_o="2700" height_o="1890" data-src="https://freight.cargo.site/t/original/i/e56212ff42c378cf32b898e34383cd4310df1e4ed6db6711f3bfd922060eeda9/Spread-5.png" data-mid="177470674" border="0"  src="https://freight.cargo.site/w/1000/i/e56212ff42c378cf32b898e34383cd4310df1e4ed6db6711f3bfd922060eeda9/Spread-5.png" /&#62;
&#60;img width="2700" height="1890" width_o="2700" height_o="1890" data-src="https://freight.cargo.site/t/original/i/62912fce4f2279a66dc525ec85e8a9fde9dfbf59f0b286f55683faba370513be/Spread-6.png" data-mid="177470675" border="0"  src="https://freight.cargo.site/w/1000/i/62912fce4f2279a66dc525ec85e8a9fde9dfbf59f0b286f55683faba370513be/Spread-6.png" /&#62;
&#60;img width="2700" height="1890" width_o="2700" height_o="1890" data-src="https://freight.cargo.site/t/original/i/147999001df3cd2fe7030a1edfa3a7510c69d76f503f6c2fbed8b277f153da13/COVER-2.png" data-mid="182357571" border="0"  src="https://freight.cargo.site/w/1000/i/147999001df3cd2fe7030a1edfa3a7510c69d76f503f6c2fbed8b277f153da13/COVER-2.png" /&#62;

    
  		Seen Unseen
    	Editorial
    	2021
		

        Size / Binding
  		185x270mm / 44pg / Saddle Stitched
    	
		   
A photo book juxtaposing the visible aspects of division with the unseen, yet pervasive societal rifts in Northern Ireland. [Early Part of DAE Graduation Project] 

		
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/d6ed37e4131de6e91e9756a2dca9979306b34b57eb8fc9739bf998b43b2ef13c/Spread-3.jpg" data-mid="176214773" border="0"  src="https://freight.cargo.site/w/1000/i/d6ed37e4131de6e91e9756a2dca9979306b34b57eb8fc9739bf998b43b2ef13c/Spread-3.jpg" /&#62;
&#60;img width="2250" height="1575" width_o="2250" height_o="1575" data-src="https://freight.cargo.site/t/original/i/742cb6df82915aa9a2abc83cbf0dc511f657a0e8be93615bd8b0679db2ae73d5/Spread-2b.png" data-mid="176825171" border="0"  src="https://freight.cargo.site/w/1000/i/742cb6df82915aa9a2abc83cbf0dc511f657a0e8be93615bd8b0679db2ae73d5/Spread-2b.png" /&#62;
&#60;img width="2250" height="1575" width_o="2250" height_o="1575" data-src="https://freight.cargo.site/t/original/i/debbd3940bce5542bfa5a03b3366620c2dfec43c9d918c6d1194f5bb1ebb14c8/Spread-1b.png" data-mid="176825170" border="0"  src="https://freight.cargo.site/w/1000/i/debbd3940bce5542bfa5a03b3366620c2dfec43c9d918c6d1194f5bb1ebb14c8/Spread-1b.png" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/86be08038d403012279ce74fff260ccc8b045414290639ded8c61469a212694a/Spread-4.png" data-mid="176825172" border="0"  src="https://freight.cargo.site/w/1000/i/86be08038d403012279ce74fff260ccc8b045414290639ded8c61469a212694a/Spread-4.png" /&#62;

    
    Your browser does not support the video tag.
   

&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/5e3f3ce35444ac228df9dfad5512bc9acc3f0924b4f9dc389a8be9e5fb83e334/Spread-6.jpg" data-mid="177463735" border="0" data-scale="50" src="https://freight.cargo.site/w/1000/i/5e3f3ce35444ac228df9dfad5512bc9acc3f0924b4f9dc389a8be9e5fb83e334/Spread-6.jpg" /&#62;


  		The After Monument
    	Identity
    	2021
		

        Additional Credits
  		Poster: Arian Norton / Identity: Arian + Johanna / Printing: Arian + Santiago + Nick
		
        
        Poster
  		420x594mm / 2-Colour RISO Print 
		
        
Poster and identity for an event marking the launch of the After Monuments platform, a collaborative research project from the Information Design department at DAE. 

		
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/affce35fcf09e1e0ae7b42b6817b9f84f9d73e95130e43ce44e40e83d3f912c5/pic-1.jpg" data-mid="181258353" border="0"  src="https://freight.cargo.site/w/1000/i/affce35fcf09e1e0ae7b42b6817b9f84f9d73e95130e43ce44e40e83d3f912c5/pic-1.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/2d0a42df2f2328c29ce6ff1bb346a0fc909c76de85c5cc5db37f1d98dcbbd917/Spread-1.jpg" data-mid="181255775" border="0"  src="https://freight.cargo.site/w/1000/i/2d0a42df2f2328c29ce6ff1bb346a0fc909c76de85c5cc5db37f1d98dcbbd917/Spread-1.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/5cda0bd5b4af4ac57c23f3ce9d4607f2263b12c91e20c1faff0f2534738dbde9/Spread-2.jpg" data-mid="181255776" border="0"  src="https://freight.cargo.site/w/1000/i/5cda0bd5b4af4ac57c23f3ce9d4607f2263b12c91e20c1faff0f2534738dbde9/Spread-2.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/43b3eae3bbe14ea8d48535d30b6dee5f8b117d3cd38c506f237f7c7b675096a1/Spread-3.jpg" data-mid="181255777" border="0"  src="https://freight.cargo.site/w/1000/i/43b3eae3bbe14ea8d48535d30b6dee5f8b117d3cd38c506f237f7c7b675096a1/Spread-3.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/5b43cdea6840d502880dc435c6a03664ae0fe6e750f52e4b908c8100e7a5103b/Spread-4.jpg" data-mid="181255778" border="0"  src="https://freight.cargo.site/w/1000/i/5b43cdea6840d502880dc435c6a03664ae0fe6e750f52e4b908c8100e7a5103b/Spread-4.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/6e00b83761c6eb55875cd32368c06d6d5abc5044ba69f06d635a8eb36d66cf51/Spread-7.jpg" data-mid="181255781" border="0"  src="https://freight.cargo.site/w/1000/i/6e00b83761c6eb55875cd32368c06d6d5abc5044ba69f06d635a8eb36d66cf51/Spread-7.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/04269f057d00124ffb11cbe90199e9eddac47b627e5ea2340021ebc9b7c8a0f1/Spread-8.jpg" data-mid="181255782" border="0"  src="https://freight.cargo.site/w/1000/i/04269f057d00124ffb11cbe90199e9eddac47b627e5ea2340021ebc9b7c8a0f1/Spread-8.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/ddac500a89783b2efa35cb27e68d65c80457bf99eaaf6b917142dd671972b1ae/Spread-9.jpg" data-mid="181255783" border="0"  src="https://freight.cargo.site/w/1000/i/ddac500a89783b2efa35cb27e68d65c80457bf99eaaf6b917142dd671972b1ae/Spread-9.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/8d9fc91199dfaf2e6a41cf13c3a009bc324b9d8859b58800a5f44333b78566fd/Spread-10.jpg" data-mid="181255784" border="0"  src="https://freight.cargo.site/w/1000/i/8d9fc91199dfaf2e6a41cf13c3a009bc324b9d8859b58800a5f44333b78566fd/Spread-10.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/0aa73c2dd952df3aa251cd4d606781d6a05c83e19fb3e6257be8e1b4694bb843/pic-3.jpg" data-mid="181258356" border="0"  src="https://freight.cargo.site/w/1000/i/0aa73c2dd952df3aa251cd4d606781d6a05c83e19fb3e6257be8e1b4694bb843/pic-3.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/913e89693b848cc335801a827ea2a2fa028436086a4b05b7d6523c6ea387b329/Spread-11.jpg" data-mid="181255785" border="0"  src="https://freight.cargo.site/w/1000/i/913e89693b848cc335801a827ea2a2fa028436086a4b05b7d6523c6ea387b329/Spread-11.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/4c2681f1697c8892f159f675f35ce077c9d92d2dfa968784da867c4122a52d41/Spread-6.jpg" data-mid="181255780" border="0"  src="https://freight.cargo.site/w/1000/i/4c2681f1697c8892f159f675f35ce077c9d92d2dfa968784da867c4122a52d41/Spread-6.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/88b59309db25c81c2e425f6d990209401b7c21453489ab012e2db4808c66ff56/Spread-12.jpg" data-mid="181255786" border="0"  src="https://freight.cargo.site/w/1000/i/88b59309db25c81c2e425f6d990209401b7c21453489ab012e2db4808c66ff56/Spread-12.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/9eb4ea5492213e940bb6f1f28458adaba8c1cae0c10bdb48047e1863da3b68c6/Spread-13.jpg" data-mid="181255787" border="0"  src="https://freight.cargo.site/w/1000/i/9eb4ea5492213e940bb6f1f28458adaba8c1cae0c10bdb48047e1863da3b68c6/Spread-13.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/6649728856e51c25ab841aff72ed84f707585823b7da917247bb4f190aff0426/Spread-14.jpg" data-mid="181255788" border="0"  src="https://freight.cargo.site/w/1000/i/6649728856e51c25ab841aff72ed84f707585823b7da917247bb4f190aff0426/Spread-14.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/5d631764b5c8f743715bdb8625d6307318b34fe9eaf2115832ac7c780c789803/Spread-15.jpg" data-mid="181255789" border="0"  src="https://freight.cargo.site/w/1000/i/5d631764b5c8f743715bdb8625d6307318b34fe9eaf2115832ac7c780c789803/Spread-15.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/02ef6ab5db2de7efeed53526f852b39b43245ec43973a379c5dce214df7eafa1/Spread-16.jpg" data-mid="181255790" border="0"  src="https://freight.cargo.site/w/1000/i/02ef6ab5db2de7efeed53526f852b39b43245ec43973a379c5dce214df7eafa1/Spread-16.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/313fdc76d7426befac4784538b0c424a0722d2bb3c45e3b1ae3c0641dedf8c3c/Spread-17.jpg" data-mid="181255791" border="0"  src="https://freight.cargo.site/w/1000/i/313fdc76d7426befac4784538b0c424a0722d2bb3c45e3b1ae3c0641dedf8c3c/Spread-17.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/d3f0655c2f7c7d7e070d31ca062d813ccc5e2d096d6c9ec166a168fa9efc2d2b/Spread-5.jpg" data-mid="181255779" border="0"  src="https://freight.cargo.site/w/1000/i/d3f0655c2f7c7d7e070d31ca062d813ccc5e2d096d6c9ec166a168fa9efc2d2b/Spread-5.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/9be0856b5eff6bab23b1201bf7e084da4de577d17d2b0ba97af7a8f5bd35b3ae/Spread-18.jpg" data-mid="181255792" border="0"  src="https://freight.cargo.site/w/1000/i/9be0856b5eff6bab23b1201bf7e084da4de577d17d2b0ba97af7a8f5bd35b3ae/Spread-18.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/7cfbd2640bb4f780c4d1f557e7764422ad4da1d288928f6871cf27d8f024b1a4/Spread-19.jpg" data-mid="181255793" border="0"  src="https://freight.cargo.site/w/1000/i/7cfbd2640bb4f780c4d1f557e7764422ad4da1d288928f6871cf27d8f024b1a4/Spread-19.jpg" /&#62;

    
  		Measuring Light and Illumination
    	Editorial
    	2023
		

        Size / Binding
  		170x240mm / 132pg / Saddle Stitched
    	
		
        Printing
  		DPN Rikken / 4-Colour Offset Print 
		
        
        Client
  		Daylight Academy (Switzerland) 
		
        
Academic publication featuring the research outcomes from the Daylight Academy Interdisciplinary Summer School. The design drew inspiration from the cyanometer and its shades of blue. 'Light is not just a source of illumination but a force that shapes our daily rhythms, from the moment we wake up to the time we go to sleep.' 

		
&#60;img width="4134" height="2894" width_o="4134" height_o="2894" data-src="https://freight.cargo.site/t/original/i/c61dbd84b15ea1d23b6446eab91e19dcdfa7ae88aa12353d8502e00878868330/spreadnew-15.png" data-mid="181963801" border="0"  src="https://freight.cargo.site/w/1000/i/c61dbd84b15ea1d23b6446eab91e19dcdfa7ae88aa12353d8502e00878868330/spreadnew-15.png" /&#62;
&#60;img width="4134" height="2894" width_o="4134" height_o="2894" data-src="https://freight.cargo.site/t/original/i/9a8beea9ce910ec235a58b1f3a75fc5732fd0eb0e6b45c6233548b04bc53effe/spreadnew.png" data-mid="181967818" border="0"  src="https://freight.cargo.site/w/1000/i/9a8beea9ce910ec235a58b1f3a75fc5732fd0eb0e6b45c6233548b04bc53effe/spreadnew.png" /&#62;

    
    Your browser does not support the video tag.
   

    Your browser does not support the video tag.
   

  		Chronobiology and Health Lab
    	Identity
    	2023
		

        Client
  		TUMunich
    	
		   
[WIP] Identity for a university research lab. The lab operates under two separate names and logos, but uses a unified design language for publications and the identity.  

		
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/81f1c7d9780ff1e556b1e6b55868b84a8463c3d575474d6f45268d4685c0c15e/COVER.jpg" data-mid="177213780" border="0"  src="https://freight.cargo.site/w/1000/i/81f1c7d9780ff1e556b1e6b55868b84a8463c3d575474d6f45268d4685c0c15e/COVER.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/2083d18dacc98ad2dc881f23450d521c0ef75aebbd21b1d46d3c40d947090f05/Spread-3.png" data-mid="176822658" border="0"  src="https://freight.cargo.site/w/1000/i/2083d18dacc98ad2dc881f23450d521c0ef75aebbd21b1d46d3c40d947090f05/Spread-3.png" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/ba435c28409acdd1e5bfe1d374a328ec315197fa22362915df5598bf4b560ec3/Spread-4.png" data-mid="176822659" border="0"  src="https://freight.cargo.site/w/1000/i/ba435c28409acdd1e5bfe1d374a328ec315197fa22362915df5598bf4b560ec3/Spread-4.png" /&#62;

    
  		Uncolour
    	Typeface / Identity
    	2022
		
        
        Client
  		UNCOLOUR Studios
    	
		   
[WIP] Typeface (logo and title) and identity for a biodegradable and bio-based silkscreen ink startup company based in the Netherlands and Italy.   

		
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/63e8ae251e02df3a0065f3ade554496cee2c0691ab08d689d0810305817b5c37/Spread-16.jpg" data-mid="178068215" border="0"  src="https://freight.cargo.site/w/1000/i/63e8ae251e02df3a0065f3ade554496cee2c0691ab08d689d0810305817b5c37/Spread-16.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/ef8b009dd7af8a84c5f9ee19be02e1d157f6b77431702f5fd937f3aba8274f0b/Spread-1.jpg" data-mid="176098225" border="0"  src="https://freight.cargo.site/w/1000/i/ef8b009dd7af8a84c5f9ee19be02e1d157f6b77431702f5fd937f3aba8274f0b/Spread-1.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/21c1aafac38d5131df9a870041f5801b1c30e5266285752a5e72db9e4b27caec/Spread-2.jpg" data-mid="176098226" border="0"  src="https://freight.cargo.site/w/1000/i/21c1aafac38d5131df9a870041f5801b1c30e5266285752a5e72db9e4b27caec/Spread-2.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/9f86550007793b19e71e158c43776fb4ddcdf91e7514ff7b682f79f376eb049c/Spread-3.jpg" data-mid="176098786" border="0"  src="https://freight.cargo.site/w/1000/i/9f86550007793b19e71e158c43776fb4ddcdf91e7514ff7b682f79f376eb049c/Spread-3.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/f7f6f2727b4dca07ef6bb6deafd3f961016ea4a6b67b89b7865efb8f1b36b519/Spread-4.jpg" data-mid="176098228" border="0"  src="https://freight.cargo.site/w/1000/i/f7f6f2727b4dca07ef6bb6deafd3f961016ea4a6b67b89b7865efb8f1b36b519/Spread-4.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/92d1547b5016b1aadb2157ff2bcdc947b6b7578f63d5121c4687b5e27b0402f3/Spread-5.jpg" data-mid="176098229" border="0"  src="https://freight.cargo.site/w/1000/i/92d1547b5016b1aadb2157ff2bcdc947b6b7578f63d5121c4687b5e27b0402f3/Spread-5.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/6fb9a83445f5c83e2ab7309c10197c3a537e573ac0b68bd22f87bdd164f87d3f/Spread-17.jpg" data-mid="178068216" border="0"  src="https://freight.cargo.site/w/1000/i/6fb9a83445f5c83e2ab7309c10197c3a537e573ac0b68bd22f87bdd164f87d3f/Spread-17.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/a6e1ac4e33cd8f282e0495e6d27e7754e3447356e7662f226aaed384b77bb840/Spread-6.jpg" data-mid="176098230" border="0"  src="https://freight.cargo.site/w/1000/i/a6e1ac4e33cd8f282e0495e6d27e7754e3447356e7662f226aaed384b77bb840/Spread-6.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/dd6bdc71e5d9eee02ec74d6f38aca718d57d9f145cee0738e1448c81326876e6/Spread-7.jpg" data-mid="176098231" border="0"  src="https://freight.cargo.site/w/1000/i/dd6bdc71e5d9eee02ec74d6f38aca718d57d9f145cee0738e1448c81326876e6/Spread-7.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/f38cec574c1951bf1088591e7fffaff9b85391b91645da4ebd24cb9689b24663/Spread-10.jpg" data-mid="176098234" border="0"  src="https://freight.cargo.site/w/1000/i/f38cec574c1951bf1088591e7fffaff9b85391b91645da4ebd24cb9689b24663/Spread-10.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/99d42ff2198c62bbf1c59fd50a05a9530bb8a903492f3d1ecb03fb3420ffa3bd/Spread-8.jpg" data-mid="176098232" border="0"  src="https://freight.cargo.site/w/1000/i/99d42ff2198c62bbf1c59fd50a05a9530bb8a903492f3d1ecb03fb3420ffa3bd/Spread-8.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/488689514a6e1d1cf5b01cbbdafa026a4a86545ee2ee2a7dc18051d6c5017f26/Spread-9.jpg" data-mid="176098233" border="0"  src="https://freight.cargo.site/w/1000/i/488689514a6e1d1cf5b01cbbdafa026a4a86545ee2ee2a7dc18051d6c5017f26/Spread-9.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/e18e95d0ab13d4c95080de48e93747fe87bc121102a75db2979e8afb7d6cd1d2/Spread-18.jpg" data-mid="178068217" border="0"  src="https://freight.cargo.site/w/1000/i/e18e95d0ab13d4c95080de48e93747fe87bc121102a75db2979e8afb7d6cd1d2/Spread-18.jpg" /&#62;

    
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/70c36291d458194ac164455449d2accc19fe3f3edab9f59d4737240071cf896f/Spread-19.jpg" data-mid="178068957" border="0" data-scale="50" src="https://freight.cargo.site/w/1000/i/70c36291d458194ac164455449d2accc19fe3f3edab9f59d4737240071cf896f/Spread-19.jpg" /&#62;


&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/c89bcb4ef0e7765e25e9f3f4658ae65b8801901cd31d349ebf4ce8e44799a1d1/COVER.jpg" data-mid="177213793" border="0" data-scale="50" src="https://freight.cargo.site/w/1000/i/c89bcb4ef0e7765e25e9f3f4658ae65b8801901cd31d349ebf4ce8e44799a1d1/COVER.jpg" /&#62;


  		Unknown Conformity
    	Editorial
    	2020
		

        Size / Binding
  		145x210mm / 64pg / Softcover Stitch
    	
		   
A research project exploring the role standards play in our lives. Almost every object produced and every interaction with the world has at least some set of rules and norms linked to it, set by organisations like ISO. The book reveals layer-by-layer these unknown complexities. 

		
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/8ee366fdbb5679677c24853444117a4fd8d882d3b22ef522e679378cf8798a01/Spread-5.jpg" data-mid="176531659" border="0"  src="https://freight.cargo.site/w/1000/i/8ee366fdbb5679677c24853444117a4fd8d882d3b22ef522e679378cf8798a01/Spread-5.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/36ba2ef85d506b1310aa9ca6563ac0a1d35c1bbb0a048ed2e2b2fec6861b8224/Spread-1.jpg" data-mid="176513756" border="0"  src="https://freight.cargo.site/w/1000/i/36ba2ef85d506b1310aa9ca6563ac0a1d35c1bbb0a048ed2e2b2fec6861b8224/Spread-1.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/a4bf89edbf61b52cb7d6cd19ceba58e20cf23c6ee0bc1ac6b724d05f3be06c39/Var-3.gif" data-mid="176514322" border="0"  src="https://freight.cargo.site/w/1000/i/a4bf89edbf61b52cb7d6cd19ceba58e20cf23c6ee0bc1ac6b724d05f3be06c39/Var-3.gif" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/9c94311aa9adddd75c98cbab926d63d44c07217d8fcfa27e75d08c6bc79f3651/Spread-7.jpg" data-mid="176627642" border="0"  src="https://freight.cargo.site/w/1000/i/9c94311aa9adddd75c98cbab926d63d44c07217d8fcfa27e75d08c6bc79f3651/Spread-7.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/aae192038471cef2ae2c1352fa8d516a1c929b8c710bebe94150dd53fc4e4ab4/Spread-1.jpg" data-mid="176527484" border="0"  src="https://freight.cargo.site/w/1000/i/aae192038471cef2ae2c1352fa8d516a1c929b8c710bebe94150dd53fc4e4ab4/Spread-1.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/27f8b1b976147bbaf0db25d1c67b7b022ffc8e833a5e1a5bed05f2234dea7b17/Spread-3.jpg" data-mid="176525440" border="0"  src="https://freight.cargo.site/w/1000/i/27f8b1b976147bbaf0db25d1c67b7b022ffc8e833a5e1a5bed05f2234dea7b17/Spread-3.jpg" /&#62;


&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/99367446f2357434f1cba4435e4d1861933c0b4a623fbee29275750aadd0ff67/Spread-8.jpg" data-mid="177340187" border="0" data-scale="50" src="https://freight.cargo.site/w/1000/i/99367446f2357434f1cba4435e4d1861933c0b4a623fbee29275750aadd0ff67/Spread-8.jpg" /&#62;


&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/bb38415c34907843412234d36ef2bfa23f29ddcd215394b0b8ca2d05650ae1a3/Spread-6.jpg" data-mid="176627641" border="0" data-scale="50" src="https://freight.cargo.site/w/1000/i/bb38415c34907843412234d36ef2bfa23f29ddcd215394b0b8ca2d05650ae1a3/Spread-6.jpg" /&#62;


  		101 Space
    	Identity
    	2020
		

        Credits
  		Design: Arian Norton + Meishuzhi + 702Design (Hangzhou, China)
    	
		   
Identity and signage system for a luxury furniture store in Hangzhou, China. 

		
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/e6ce632d9755413709ece86396c2af124354fed2af882635733e61be53863172/Spread-1.jpg" data-mid="176679363" border="0"  src="https://freight.cargo.site/w/1000/i/e6ce632d9755413709ece86396c2af124354fed2af882635733e61be53863172/Spread-1.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/51abc0ab5ca481d2c055a9bd626c3099bfa4f2fc676a7c6067f8d58002fc1945/Spread-3.jpg" data-mid="176679374" border="0"  src="https://freight.cargo.site/w/1000/i/51abc0ab5ca481d2c055a9bd626c3099bfa4f2fc676a7c6067f8d58002fc1945/Spread-3.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/75f06f3fb862350fa5c2587b95644c6af385de40f3a999a82a80c04856312cd6/Spread-4.jpg" data-mid="176679380" border="0"  src="https://freight.cargo.site/w/1000/i/75f06f3fb862350fa5c2587b95644c6af385de40f3a999a82a80c04856312cd6/Spread-4.jpg" /&#62;
&#60;img width="2100" height="1470" width_o="2100" height_o="1470" data-src="https://freight.cargo.site/t/original/i/a4cb2f9ef8cfff42cbb9652fb5d425ef68624e6c6e5997b7dd585b3ddf4f2048/Spread-2.gif" data-mid="176679368" border="0"  src="https://freight.cargo.site/w/1000/i/a4cb2f9ef8cfff42cbb9652fb5d425ef68624e6c6e5997b7dd585b3ddf4f2048/Spread-2.gif" /&#62;

    
  		Martin Goya
    	Typeface / Identity
    	2020
		

        Credits
  		Design: Arian Norton + Meishuzhi + 702Design (Hangzhou, China)
    	
		   
Typeface and identity for the personal branding of Martin Goya, a Hangzhou based contemporary artist. The typeface was designed to appear like an alien script in smaller font sizes, but remain legible as a title and in the logo.  

		
&#60;img width="2100" height="1470" width_o="2100" height_o="1470" data-src="https://freight.cargo.site/t/original/i/c0f19bed189396ce8e19dd99cb199c7e8fea993083a88741faec7cbd28ea0a96/Spread-4.gif" data-mid="176681515" border="0"  src="https://freight.cargo.site/w/1000/i/c0f19bed189396ce8e19dd99cb199c7e8fea993083a88741faec7cbd28ea0a96/Spread-4.gif" /&#62;
&#60;img width="2550" height="1785" width_o="2550" height_o="1785" data-src="https://freight.cargo.site/t/original/i/ed2970da0f0c46d87dc74bd6fd03602b9c27267b1d6bac1ba27037b6bc62c915/Spread-2b.png" data-mid="176824480" border="0"  src="https://freight.cargo.site/w/1000/i/ed2970da0f0c46d87dc74bd6fd03602b9c27267b1d6bac1ba27037b6bc62c915/Spread-2b.png" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/90f9a24f81154a65c8ccb4fbf42460ea86aafcfa34f0a49780bd4310083a66e5/Spread-3.jpg" data-mid="176301662" border="0"  src="https://freight.cargo.site/w/1000/i/90f9a24f81154a65c8ccb4fbf42460ea86aafcfa34f0a49780bd4310083a66e5/Spread-3.jpg" /&#62;

    
  		Creativity on the Move
    	Identity
    	2020
		

        Client
  		K11 / Culture Holland 
        
        
        Additional Credits
  		Design: Arian Norton + Shum Wanwai 
        
           
Identity for an event hosted in Shanghai, China by the Dutch Embassy and Culture Holland, bringing together Dutch and Chinese design.  

		
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/717cfc1d08287f6ead193a5b1c5b2e7490abe1bc985a5d281b9a1c0c4f5583dd/COVER2b.jpg" data-mid="177894834" border="0"  src="https://freight.cargo.site/w/1000/i/717cfc1d08287f6ead193a5b1c5b2e7490abe1bc985a5d281b9a1c0c4f5583dd/COVER2b.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/791d3c2d7f4c35cbbb04bc57485be924c638b80b26494d32d61afb68f75a577a/Spread-1.jpg" data-mid="176263027" border="0"  src="https://freight.cargo.site/w/1000/i/791d3c2d7f4c35cbbb04bc57485be924c638b80b26494d32d61afb68f75a577a/Spread-1.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/4009fc8c5f7ede93c4f6bbb72055bb37e4e9a65dd23d1f5dcd52a6543b0d3ed9/Spread-2.jpg" data-mid="176263031" border="0"  src="https://freight.cargo.site/w/1000/i/4009fc8c5f7ede93c4f6bbb72055bb37e4e9a65dd23d1f5dcd52a6543b0d3ed9/Spread-2.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/b8c041acf115e61376945bf3decee1ad62f678bfab58ed44172f571f7036efcc/Spread-3.jpg" data-mid="176263034" border="0"  src="https://freight.cargo.site/w/1000/i/b8c041acf115e61376945bf3decee1ad62f678bfab58ed44172f571f7036efcc/Spread-3.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/fea32b02ad6f5d72210ef1658d79460a03186c98d9bfc452ea2384a2346c74ae/Spread-4.jpg" data-mid="176263036" border="0"  src="https://freight.cargo.site/w/1000/i/fea32b02ad6f5d72210ef1658d79460a03186c98d9bfc452ea2384a2346c74ae/Spread-4.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/4634b64057d364434e8fb121d28a9c7b619e909efd8f40b711c908c0e49d6dbd/Spread-5.jpg" data-mid="176263037" border="0"  src="https://freight.cargo.site/w/1000/i/4634b64057d364434e8fb121d28a9c7b619e909efd8f40b711c908c0e49d6dbd/Spread-5.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/83696bcf24a81a18e104e0612694fe5eaae3e9eb100b0bb4c161ca7076847c03/Spread-6.jpg" data-mid="176263038" border="0"  src="https://freight.cargo.site/w/1000/i/83696bcf24a81a18e104e0612694fe5eaae3e9eb100b0bb4c161ca7076847c03/Spread-6.jpg" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/4e2049468958594a980e96553e66fa7ba887b28fe79a2d001b27c095b6d123fc/Spread-8.jpg" data-mid="176263041" border="0"  src="https://freight.cargo.site/w/1000/i/4e2049468958594a980e96553e66fa7ba887b28fe79a2d001b27c095b6d123fc/Spread-8.jpg" /&#62;

    
  		ELIA Leadership Symposium
    	Editorial/Identity
    	2019
		

        Client
  		ELIA - Artschools
        
 
        Size / Binding
  		145x210mm / 42pg / Saddle Stitch
    	
		   
Booklet and identity for a conference held by ELIA, bringing together leading educators in design. This conference marked the first time it was held in China.  

		
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/ea068e49dc77ee1b7e2ff74fc8b66bdb6fb5e3335f9cec54be981cf39b574b0e/COVERb.jpg" data-mid="177217863" border="0"  src="https://freight.cargo.site/w/1000/i/ea068e49dc77ee1b7e2ff74fc8b66bdb6fb5e3335f9cec54be981cf39b574b0e/COVERb.jpg" /&#62;
&#60;img width="1800" height="1260" width_o="1800" height_o="1260" data-src="https://freight.cargo.site/t/original/i/632c8b8cd46bda551bdd5b90ee64fb59a27cde06cb40e2aad8ccfbf29daac110/Spread-1a.png" data-mid="176824412" border="0"  src="https://freight.cargo.site/w/1000/i/632c8b8cd46bda551bdd5b90ee64fb59a27cde06cb40e2aad8ccfbf29daac110/Spread-1a.png" /&#62;
&#60;img width="2400" height="1680" width_o="2400" height_o="1680" data-src="https://freight.cargo.site/t/original/i/47208aff66d12cd10a67792a8d89e8acb7d2189d7704176a53c9ddfacd51d99a/Spread-2a.png" data-mid="176824420" border="0"  src="https://freight.cargo.site/w/1000/i/47208aff66d12cd10a67792a8d89e8acb7d2189d7704176a53c9ddfacd51d99a/Spread-2a.png" /&#62;
&#60;img width="3000" height="2100" width_o="3000" height_o="2100" data-src="https://freight.cargo.site/t/original/i/1d5b7d8e8bc1196beb262a2176e575bf11bf2fd3cfd3660d913f4d9b0acf017b/Spread-3.jpg" data-mid="176292831" border="0"  src="https://freight.cargo.site/w/1000/i/1d5b7d8e8bc1196beb262a2176e575bf11bf2fd3cfd3660d913f4d9b0acf017b/Spread-3.jpg" /&#62;

    
  		Nutridex
    	Identity
    	2019
		

        Printing
  		Four Colour RISO Print	
		  

Graphics and RISO prints for a concept food brand, centered around a system for personalised meals. 

		
        Arian Norton&#38;nbsp;&#38;nbsp; 

        &#38;nbsp;&#38;nbsp;&#38;nbsp;Graphic Designer
			 [Instagram]&#38;nbsp;&#38;nbsp; 
             &#38;nbsp;&#38;nbsp;&#38;nbsp;[Email]
             
             Copyright @2023 All Rights Reserved

    
window.addEventListener("load", function() {
  var iframe = document.querySelector("iframe");
  var imageGallery = iframe.contentWindow.document.querySelector(".image-gallery");
  var aspectRatio = 16/9; // change this to the desired aspect ratio
  var width = imageGallery.offsetWidth;
  var height = width / aspectRatio;
  imageGallery.style.height = height + "px";
});


document.addEventListener('DOMContentLoaded', function () {
  // Scroll to an element by its ID
  function scrollToElement(elementId) {
    var element = document.getElementById(elementId);
    if (element) {
      element.scrollIntoView({ behavior: 'smooth', block: 'end' });
    }
  }

// Update the querySelectorAll function to target the tr elements with the scroll-from class
document.querySelectorAll('tr.scroll-from').forEach(function (scrollFromElement) {
    scrollFromElement.addEventListener('click', function () {
        var dataId = scrollFromElement.getAttribute('data-target');
        scrollToElement(dataId);
    });
});

// Update the function to set the color of a scroll-from element by its data-target attribute
function setScrollFromColor(dataId, color) {
  var scrollFromElement = document.querySelector('tr.scroll-from[data-target="' + dataId + '"]');
  if (scrollFromElement) {
    scrollFromElement.style.color = color;
  }
}

// Reset the colors of all scroll-from elements, excluding the element with excludeId
function resetScrollFromColors(excludeId) {
  document.querySelectorAll('tr.scroll-from').forEach(function (element) {
    if (element.id !== excludeId) {
      element.style.color = '';
    }
  });
}


// Check if the device is a mobile device
function isNarrowViewport() {
  return window.innerWidth &#60; 767;
}

// Set up the IntersectionObserver to detect when elements are visible
function setupIntersectionObserver() {
  var rootElement = isNarrowViewport() ? null : document.querySelector('.column-right');
  var observerOptions = {
    root: rootElement,
    rootMargin: '-35% 0px 60px 0px',
    threshold: [1]
  };

// Array of colors
const colors = [
	'hsl(60, 75%, 75%)', // POINT 1
	'hsl(30, 75%, 75%)', // POINT 2
	'hsl(0, 75%, 75%)', // POINT 3
	'hsl(90, 75%, 75%)', // POINT 4
	'hsl(120, 75%, 75%)', // POINT 5
    'hsl(195, 75%, 75%)', // POINT 6 (new)
    'hsl(150, 75%, 75%)', // POINT 7
    'hsl(180, 75%, 75%)', // POINT 8
    'hsl(210, 75%, 75%)', // POINT 9
    'hsl(240, 75%, 75%)', // POINT 10
    'hsl(270, 75%, 75%)', // POINT 11
    'hsl(300, 75%, 75%)', // POINT 12
    'hsl(330, 75%, 75%)', // POINT 13
    'hsl(350, 75%, 75%)', // POINT 14 (jumps 20)
    'hsl(20, 75%, 75%)', // POINT 15 (jumps 30 again)
    'hsl(50, 75%, 75%)', // POINT 16
];

function observerCallback(entries) {
  let maxIntersectionRatio = 0;
  let mostVisibleEntry = null;

  entries.forEach(function (entry) {
    if (entry.intersectionRatio &#62; maxIntersectionRatio) {
      maxIntersectionRatio = entry.intersectionRatio;
      mostVisibleEntry = entry;
    }
  });

  if (mostVisibleEntry &#38;&#38; mostVisibleEntry.isIntersecting) {
    resetScrollFromColors(mostVisibleEntry.target.id);
    setScrollFromColor(mostVisibleEntry.target.id, 'black');
    
    // Get the point index
    const pointIndex = parseInt(mostVisibleEntry.target.id.replace('point', '')) - 1;

    // Update the target element selector and assign the color based on the point index

    
     var borderColumn = document.querySelector('.border-column');
      borderColumn.style.borderBottom = '5px solid ' + colors[pointIndex];
    
  }
}

  
  var observer = new IntersectionObserver(observerCallback, observerOptions);

  document.querySelectorAll('.column-right h6').forEach(function (element) {
    observer.observe(element);
  });
}

  setupIntersectionObserver();

  // Set the initial state for point1
  setScrollFromColor("point1", "black");
  setScrollFromColor("point2", "");
  setScrollFromColor("point3", "");
  setScrollFromColor("point4", "");
  setScrollFromColor("point5", "");
  setScrollFromColor("point6", "");
  setScrollFromColor("point7", "");
  setScrollFromColor("point8", "");
   setScrollFromColor("point9", "");
});


  if ('scrollRestoration' in history) {
    history.scrollRestoration = 'manual';
  }

  window.onload = function() {
    scrollToTop(".container");
    scrollToTop(".column-left");
    scrollToTop(".column-right");
  };

  function scrollToTop(selector) {
    const element = document.querySelector(selector);
    if (element) {
      element.scrollTop = 0;
    } else {
      console.warn(`Element with selector '${selector}' not found.`);
    }
  }
</description>
		
	</item>
		
		
	<item>
		<title>Header</title>
				
		<link>https://ariannorton.com/Header</link>

		<pubDate>Sun, 09 Apr 2023 01:10:14 +0000</pubDate>

		<dc:creator>ArianNorton</dc:creator>

		<guid isPermaLink="true">https://ariannorton.com/Header</guid>

		<description>
  
  Website Header
   
  
    body, html {
		margin: 0;
		padding: 0;
        max-height: max(100vh - constant(safe-area-inset-bottom), 100vh - env(safe-area-inset-bottom)); 
    }
    header {
		position: fixed;
		top: 0;
		width: 100%;
         max-height: max(100vh - constant(safe-area-inset-bottom), 100vh - env(safe-area-inset-bottom));  
    }
    table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
    }
    tr {
		height: 45px;
    }
    td {
		font-family: "Monument Grotesk Variable", Icons;
		font-style: normal;
		font-weight: 500;
		font-size: 17px;
		text-align: center;
		vertical-align: middle;
		padding: 0;
		margin: 0;
    }
    td.column:not(.column-black) {
		height: 80px;
    }


   .top-row {
		width: 100%;
		height: auto;
		background-color: hsla(0, 0%, 100%, 1);
		background-size: cover;
        background-position: center;
        transition: background-image  0s  linear;
	} 
    .arrow {
		font-family: "Monument Grotesk Variable", Icons;
		font-style: normal;
		font-weight: 500;
		font-size: 40px;
		position: absolute;
        top: 50%;
  		transform: translateY(-50%);
  		color: hsla(0, 0%, 100%, 1);
  		padding: 20px;
  		cursor: pointer;
	}
	.left-arrow {
  		left: 20px;
  		top: calc(50% - 50px);
	}

	.right-arrow {
  		right: 20px;
  		top: calc(50% - 50px);
	}
   .scroll-down-text {
    	font-size: 20px;
   		position: relative;
    	height: 0px;
    	line-height:80px;
    	bottom: 75px;
    	left: 50%;
    	transform: translateX(-50%);
    	color: white;
    	font-family: "Monument Grotesk Variable", Icons;
		font-style: normal;
		font-weight: 500;
        cursor: pointer; 
  	}


    .column {
      	width: 33.33%;
      	display: inline-block;
      	float: left;
      	height: 45px;
      	line-height: 45px;
      	margin: 0;
      	padding: 0;
      	box-sizing: border-box;
      	vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis; 
    } 


 .custom-column-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Change 3 to the number of columns you want */
    grid-gap: 10px; /* Adjust the spacing between columns */
}
     .custom-column {
        word-wrap: break-word;
    }
    
    /* WORK TAB */ 
    .left-column {
      	background-color: hsla(0, 0%, 80%, 1);/* GREY 80 TAB */
      	color: hsla(0, 0%, 0%, 1);
        cursor: pointer;
        transition: background-color 0.1s ease, color 0.1s ease;
    }
    
    @media (min-width: 767px) {
    .left-column:hover {
  		background-color: hsla(0, 0%, 100%, 1);/* white TAB */ 
  		color: hsla(0, 0%, 0%, 1);
        transition: background-color 0.1s ease 0.15s, color 0.1s ease 0.15s;
        } 
	}
    
    .left-column-black {
      	background-color: hsla(0, 0%, 100%, 1);
      	color: hsla(0, 0%, 0%, 1);
        transition: background-color 0.1s ease, color 0.1s ease;
	}
    
    @media (min-width: 767px) {
    .left-column-black:hover {
      	background-color: hsla(0, 0%, 80%, 1);/* GREY 80 TAB */
      	color: hsla(0, 0%, 0%, 1);
        transition: background-color 0.1s ease, color 0.1s ease;
        } 
	}
    
     /* INFORMATION TAB */ 
    .middle-column {
        border-right: 0px solid white;
        background-color: hsla(0, 0%, 100%, 1);
      	color: hsla(0, 0%, 0%, 1);
        cursor: pointer;
        transition: background-color 0.1s ease, color 0.1s ease;
    }  
    
    @media (min-width: 767px) {
	.middle-column:hover {
  		background-color: hsla(0, 0%, 15%, 1);
  		color: hsla(0, 0%, 95%, 1);
        transition: background-color 0.1s ease, color 0.1s ease;
		}
    }
    
    
    .middle-column-black {
      	background-color: hsla(0, 0%, 15%, 1);
      	color: hsla(0, 0%, 95%, 1);
        transition: background-color 0.1s ease, color 0.1s ease;
        
	}
    
    @media (min-width: 767px) {
    .middle-column-black:hover {
      	background-color: hsla(0, 0%, 100%, 1);
      	color: hsla(0, 0%, 0%, 1);
        transition: background-color 0.1s ease, color 0.1s ease;
		}
    }
    
     /* ARIAN NORTON TAB */ 
    .right-column {
        background-color: hsla(0, 0%, 100%, 1);
      	color: hsla(0, 0%, 0%, 1);
    }
    
    
#bottomRow td {
  position: relative;
  font-family: "Monument Grotesk Variable", Icons;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  text-align: left;
  padding: 0px 18px 0px 13px; 
  width: 66.67%;
  height: auto;
  max-height: calc(100vh - 45px);
  overflow-y: scroll;
  background-color: hsla(0, 0%, 15%, 1);
  color: hsla(0, 0%, 95%, 1);
  border-top: 0px solid hsla(0, 0%, 75%, 1);
    /* Dashed border  */
border-bottom: 5px solid hsla(0, 0%, 15%, 1);
  left: auto;
  right: 0;
  float: right; 

}

   #bottomRow td::-webkit-scrollbar {
  width: 5px;
}

#bottomRow td::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 97%, 1);
}

#bottomRow td::-webkit-scrollbar-track {
  background-color: hsla(0, 0%, 15%, 1);
} 
    
    
		@media screen and (max-width: 767px) {
            #bottomRow td {
              padding: 20px 10px 25px 10px;
			width: 100%;
  			float: left;
              max-height: calc(100vh - 200px);
			}
            td {
   			font-size: 17px;
  			}   
             .custom-column {
        margin: 0 0px;
    }
		}


          ←
          →
        
      
		&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;    
             

        Arian Norton
                  
          
Work
		
               
        Information
        
               
      Arian Norton is a Northern Irish graphic designer currently based in Amsterdam, his practice is focused on constructing visual systems and their applications. This ranges from creating books and editorial content that have a strong focus on coherency and format, to developing visual identities and typography that challenge their purpose and functionality.  His method often involves research, experimentation, and the creation of new narratives in his projects, as well as exploring new technologies and techniques. In 2022, he graduated from the Design Academy Eindhoven with a Master's degree in Information Design and exhibited his project, Constructed Peace; since then, he has worked as a freelance designer for clients in the academic and cultural fields.
       
[Areas of Expertise]&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp;&#38;nbsp; Art Direction &#38;nbsp;&#38;nbsp;&#124;&#38;nbsp;&#38;nbsp; Visual Research &#38;nbsp;&#38;nbsp;&#124;&#38;nbsp;&#38;nbsp; Editorial Design &#38;nbsp;&#38;nbsp;&#124;&#38;nbsp;&#38;nbsp; Exhibition Design &#38;nbsp;&#38;nbsp;&#124;&#38;nbsp;&#38;nbsp; Type Design &#38;nbsp;&#38;nbsp;&#124;&#38;nbsp;&#38;nbsp; Identity and Branding Design &#38;nbsp;&#38;nbsp;&#124;&#38;nbsp;&#38;nbsp; Print Production (Offset) &#38;nbsp;&#38;nbsp;&#124;&#38;nbsp;&#38;nbsp; Website Design/Development
       
If you're interested in working together or have any other inquiries, contact me via email at hello@ariannorton.com or through  Instagram: ariannorton       
 
 
           [Work] 
Freelance Graphic Designer(Amsterdam, Netherlands)2021-2023
			
Graphic Designer702Design (Hangzhou, China)2020-2021
			
Graphic DesignerInternational Affairs Office of China Academy of Art (Hangzhou, China)2019-2020
			 [Education]
Information Design (MA)Design Academy Eindhoven (Eindhoven, Netherlands)2020-2022
			
Weiterbildungskurs Type DesignSchule für Gestaltung Basel (Basel, Switzerland)2022
			
Visual Communication (BA)China Academy of Art (Hangzhou, China)2016-2020
			 [Technical Skills]
InDesign, Illustrator, Photoshop, After Effects, Glyphs, Cinema4D, HTML / CSS / Javascript, Print Production, Figma    
			 [Languages]
English (Native)  
Mandarin Chinese (Advanced)
			
            
            [Talks &#38;amp; Exhibitions]  
Graduation Show: Constructed PeaceDutch Design Week(Eindhoven, Netherlands)2022
			
The After MonumentDutch Design Week(Eindhoven, Netherlands)2021
			
Tokyo TDC Annual ExhibitionGinza Graphic Gallery(Tokyo, Japan)2021
			
Internationals In the CityPoster Exhibition, Van Abbe Museum (Eindhoven, Netherlands)2021
			
CAA Graduation Show: 2050 SurvivalChina Academy of Art (Hangzhou, China)2020
			 [Recognition]
Prize Nominee WorkTokyo TDC (Type Directors Club)2020
			
Exhibition Gold AwardChina Academy of Art Graduation Show2020
			
Finalist AwardGraphic Design CategoryTaiwan International Student Design Competition (TISDC)2019
			
Finalist Award (x2)Visual Identity CategoryPlatinum Originality2018, 2019
			
Graphic Design Academy AwardEvent Design CategoryChina Graphic Design Association (CGDA)2018
			
Merit-Based Scholarship AwardZhejiang Province &#38;amp;
China Academy of Art2016 - 2019
			
            
$(document).ready(function() {


const images = ['https://freight.cargo.site/t/original/i/1dc0c1c087cdae77705fa619bb4e69a70b6b6da6854bc88d93ff3220259de84b/Spread-11.jpg',

'https://freight.cargo.site/t/original/i/2e93c498cc3332bbc1889495075b91a9ec29b44c0761eaf064b9cd8e7e5ced9d/Spread-5.jpg',

'https://freight.cargo.site/t/original/i/2d3841b14027cddd38fdc3b2bfcd68c18e2a82c1d36810e9d9666c15fe13b097/Spread-7.jpg',

'https://freight.cargo.site/t/original/i/77e4c6b41a80c00ba8b0176561248c7fab9663db440de9b8772e7b3add5a2c0b/Photo-1.jpg',

'https://files.cargocollective.com/c1129492/Spread-12.jpg',

'https://freight.cargo.site/t/original/i/f3463d87f0eb14a1be0660ee1177c55b6c0d338c785d154f272db7bcd8f3eb66/Spread-13.jpg',

'https://freight.cargo.site/t/original/i/758df28ed4c188d2e8f23fbcf698f7cc86077d4de75ee41a894feeb69b2059de/Spread-14.jpg',

'https://freight.cargo.site/t/original/i/179cc8b9d78068ff28e8a8ce95c464697c875d9db7fc9095998b543c08bafd25/Spread-10.jpg',

'https://files.cargocollective.com/c1129492/risoprintingvid.mp4',

'https://files.cargocollective.com/c1129492/Spread-17.jpg',

'https://freight.cargo.site/t/original/i/1fe11e25bef8bc82c429520b2d3b65b067203a8063eeeb4e03b406d75b31dac3/Spread-3.jpg',

'https://freight.cargo.site/t/original/i/0249188ce66664f9f24a7bf8211f15b13254d6a6e98274ed3d4e61eb45f4b434/Spread-8.jpg',

'https://freight.cargo.site/t/original/i/8797e8c425acec091f321e08e76c3fd209bb7782a5e8e62f6b8b115e7d507910/Spread-9.jpg',

'https://files.cargocollective.com/c1129492/Spread-13.jpg',

'https://freight.cargo.site/t/original/i/33c00d5b67ab8eec6465c46c892c9387ac05adce243bc1595708b151a430d1ce/Spread-2.jpg',

'https://freight.cargo.site/t/original/i/7987ec00b6b6ae299f97dad76ff4d1164138b8c8654710f5993a5f46a8859fee/Spread-4.jpg',

'https://freight.cargo.site/t/original/i/9860e421ba403d153885962a0f6cf97d1ea6d16c8c476008ff327d547d64ee2b/Spread-6.jpg',

'https://files.cargocollective.com/c1129492/bigger.mp4'];
let currentIndex = 0;

let preloadedImages = [];

  function preloadImages() {
    for (let i = 0; i &#60; images.length; i++) {
      preloadedImages[i] = new Image();
      preloadedImages[i].src = images[i];
    }
  }

  function changeImage() {
    $('.top-row').css('background-image', `url(${images[currentIndex]})`);
  }

  function nextImage() {
    currentIndex++;
    if (currentIndex &#62;= images.length) {
      currentIndex = 0;
    }
    changeImage();
  }

  function prevImage() {
    currentIndex--;
    if (currentIndex &#60; 0) {
      currentIndex = images.length - 1;
    }
    changeImage();
  }

  function resetInterval() {
    clearInterval(autoChange);
    autoChange = setInterval(nextImage, 4000);
  }

  preloadImages();
  changeImage();
  autoChange = setInterval(nextImage, 2000);

  $('.left-arrow').click(() =&#62; {
    prevImage();
    resetInterval();
  });

  $('.right-arrow').click(() =&#62; {
    nextImage();
    resetInterval();
  });

  let touchStartX;
  let touchEndX;

  function handleTouchStart(e) {
    touchStartX = e.originalEvent.touches[0].clientX;
  }

  function handleTouchEnd(e) {
    touchEndX = e.originalEvent.changedTouches[0].clientX;
    handleSwipe();
  }

  function handleSwipe() {
    if (touchStartX - touchEndX &#62; 50) {
      nextImage();
      resetInterval();
    } else if (touchEndX - touchStartX &#62; 50) {
      prevImage();
      resetInterval();
    }
  }

  $('.top-row').on('touchstart', handleTouchStart).on('touchend', handleTouchEnd);
});


var arrowDown = '&#38;#8595;';
var arrowUp = '&#38;#8593;';
    
$(document).ready(function() {
  setTopRowHeight();
});

$(window).resize(function() {
  setTopRowHeight();
});

function setTopRowHeight() {
  var topRow = $("#topRow");
  var bottomRow = $("#bottomRow");

  // Get the window height considering the safe area insets
  var windowHeight = window.visualViewport.height;
  
  var otherRowsHeight =   45; // 45px is the height of the middle row.....i removed the line.....    bottomRow.outerHeight()    
  topRow.css("height", (windowHeight - otherRowsHeight) + "px");
}


function toggleWork() {
  var topRow = document.getElementById("topRow");
  var bottomRow = document.getElementById("bottomRow");
  var workCell = document.getElementById("work-cell");
  const middleColumn = document.querySelector(".middle-column");
  var otherRowsHeight = bottomRow.offsetHeight + 0;
  var blurredBox = document.getElementById("blurred-box"); 
  var blurredBoxM = document.getElementById("blurredM-box");// Get the blurred box element

  var topRowDisplay = window.getComputedStyle(topRow, null).getPropertyValue("display");

  if (topRowDisplay === "none") {
    setTopRowHeight(); // call setTopRowHeight() function

    // Show the blurred box
 if (isTopRowClosed) {
  setTimeout(function() {
    blurredBox.classList.remove("hidden");
  }, 1000); // 1 second delay before showing the blurred box
}
 if (isTopRowClosed) {
  setTimeout(function() {
    blurredBoxM.classList.remove("hidden");
  }, 1000); // 1 second delay before showing the blurred box
}
    $(topRow).slideDown(400);
    $(bottomRow).fadeOut("normal");
    workCell.innerHTML = 'Work';
    middleColumn.classList.remove("middle-column-black");
    workCell.classList.add('left-column-black');
    topRow.scrollIntoView();
  } else {
    $(topRow).slideUp(400).promise().done(function () {
      // Hide the blurred box after the top row slides up
      setTimeout(function() {
        blurredBox.classList.add("hidden");
      }, 5000);
    });
    $(topRow).slideUp(400).promise().done(function () {
      // Hide the blurred box after the top row slides up
      setTimeout(function() {
        blurredBoxM.classList.add("hidden");
      }, 5000);
    });
    workCell.innerHTML = 'Highlights';
    workCell.classList.remove('left-column-black');

    // Set the flag to true when the top row is closed for the first time
    isTopRowClosed = true;
  }
}

// Show the blurred box when the page first loads
var blurredBox = document.getElementById("blurred-box");
blurredBox.classList.remove("hidden");

var blurredBoxM = document.getElementById("blurredM-box");
blurredBoxM.classList.remove("hidden");

  // Add an event listener to the scroll-down-text element
document.querySelector(".scroll-down-text").addEventListener("click", toggleWork);


function toggleAbout() {
  var topRow = document.getElementById("topRow");
  var bottomRow = document.getElementById("bottomRow");
  var workCell = document.getElementById("work-cell");
  const middleColumn = document.querySelector(".middle-column");

  if (bottomRow.style.display === "none") {
    $(bottomRow).fadeIn("normal"); 
    $(topRow).slideUp(400, function() {
      workCell.innerHTML = 'Highlights';
      middleColumn.classList.add("middle-column-black");
      workCell.classList.remove('left-column-black'); // add the class
    });
  } else {
    $(bottomRow).fadeOut("normal"); 
    if (topRow.style.display !== "none") {
      workCell.innerHTML = 'Work'; 
      workCell.classList.add('left-column-black');
    }
    middleColumn.classList.remove("middle-column-black"); // remove the class
  }
}

$('.right-column').on('click', function() {
  var bottomRow = document.getElementById("bottomRow");
  if (bottomRow.style.display !== "none") {
    toggleAbout();
  }
});


// Define the scroll threshold as a percentage of the screen height
var scrollThreshold = 0.01; // 2% of screen height

// Calculate the scroll threshold in pixels based on the screen height
var screenHeight = window.innerHeight;
var scrollThresholdPixels = Math.floor(screenHeight * scrollThreshold);

// Flag to indicate if the user has scrolled past the threshold
var thresholdExceeded = false;

function onScroll(event) {
  // Check if the user has scrolled down past the threshold
  if (window.scrollY &#62; scrollThresholdPixels) {
    thresholdExceeded = true;
  }

  // If the threshold has been exceeded, close the top row and initiate the bounce effect
  if (thresholdExceeded &#38;&#38; topRow.style.display !== "none") {
    toggleWork();

    setTimeout(() =&#62; {
      window.scrollTo({});

      // Reset the thresholdExceeded flag after the bounce effect is finished
      setTimeout(() =&#62; {
        thresholdExceeded = false;
      }, 500); // Adjust this duration to match the bounce effect duration
    }, 500);
  }
}


window.addEventListener("scroll", onScroll);

document.addEventListener("click", function (event) {
  const topRow = document.getElementById("topRow");
  const bottomRow = document.getElementById("bottomRow");

  // Calculate the leftBoundary based on the viewport width
  const leftBoundary = window.innerWidth * 0.3333;

  // Define the breakpoint for desktop screens
  const desktopBreakpoint = 768;

  // Calculate the lowerBoundary based on the bottomRow height and additional 50px
  const lowerBoundary = bottomRow.offsetHeight + 10 + 45; // 45px is the height of the middle row

  // Check if the top row is closed and the bottomRow is open
  if (topRow.style.display === "none" &#38;&#38; bottomRow.style.display !== "none") {
    // If the viewport width is greater than the desktop breakpoint and the click happened within the left 33.33% of the viewport, close the bottomRow
    const clickedOnLeftBoundary = window.innerWidth &#62; desktopBreakpoint &#38;&#38; event.clientX &#60; leftBoundary;

    // If the click happened below the lowerBoundary or within the leftBoundary on desktop, close the bottomRow
    if (event.clientY &#62; lowerBoundary &#124;&#124; clickedOnLeftBoundary) {
      toggleAbout(true);
    }
  }
});


$(document).ready(function () {
  // ... Your existing code ...

  // Add click event listener for the right-column element
  $('.right-column').click(function () {
    $('html, body').animate({ scrollTop: 0 }, 'slow');
  });
});
    
    
  </description>
		
	</item>
		
	</channel>
</rss>