<?php
session_start();
if (!isset($_SESSION['portfolio_auth'])) {
    header('Location: /enter.php?redirect=' . urlencode($_SERVER['REQUEST_URI']));
    exit;
}
?>
<!DOCTYPE html>
<html lang="en">
	<head>
	    <!-- Required meta tags -->
	    <meta charset="utf-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	    <!-- Custom CSS -->
	    <link href="styles/style-projects.css" rel="stylesheet" type="text/css">

	    <title>OnYou Kang</title>
	</head>

	<body>
		<div class="my-container project-page color-blind">
			<div class="content">
			    <div class="intro">
					<div class="intro-image">
						<img src="images/for-those-who-are-color-blind-top.jpg" alt="For Those Who Are &ldquo;Color Blind&rdquo; project">
					</div>
					<div class="intro-text">
						<p class="title">For Those Who Are "Color Blind"</p>
						<p class="mockup-button" id="button">View Final Product</p>
					</div>
				</div>
				<div class="intro-meta">
					<p class="subtitle">For Those Who Are "Color Blind" is a book that is meant for the chunk of the population that claims to "not see color".</p>
					<p class="roles">User Research | Wireframing | Prototyping</p>
				</div>

			    <div class="main">
			    	<p class="heading2">Objective</p>
			    	<p class="heading3-bottom">The book is composed of two articles: <a class="articles" href="https://www.theguardian.com/commentisfree/2018/jan/24/white-people-tv-racism-afua-hirsch" target="_blank"> I've had enough of white people who try to deny my experience</a> by Afua Hirsch and <a class="articles" href="https://etcetera.org.au/diversity/a-letter-to-asian-girls/" target="_blank">A letter to Asian girls</a> by Caroline Wang. Using two articles as the medium, the book aims to portray the idea of how people live in the same world while the perceptions of some are far from the truth.</p>

			    	<p class="heading2">Research</p>
			    	<p class="heading3">Both Hirsch and Wang narrate their experience of living in a "white country" as people of color. </p>
			    	<p class="heading3">Hirsch provides a professional viewpoint and simultaneously narrates her personal experience dealing with white people. She also quotes snippets from her interaction with white people. Wang provides an extremely personalized viewpoint by narrating her experience of living in Australia as an Asian girl where Asian girls are sexually objectified yet perceived to be not "pretty."</p>
			    	<p class="heading3">Every individual lives in the same world and physically sees the same things, but some claim to not see—as in perceive—color of skin. Such line of thinking contains a logical fallacy, reflecting the ignorance of an—inadvertently—privileged group of people. However, most that are "color-blind" simply do not have sufficient experience interacting with or exposure to people of color.</p>
			    	<p class="heading3-bottom">It is simply impossible for the uninformed to try to explain, understand or relay the experience of people of color when the former is unable fathom the atrocities that the latter has to endure daily. Accordingly, "color-blindness" can be "cured" when the layer of prejudice and indifference is lifted.</p>

			    	<div class="img-container">
				    	<img class="img-inline img-left outline" src="images/color-blind-process.jpg" data-group="process" loading="lazy">
			    	</div>

				    <p class="heading3-bottom">I wanted to emphasize how personal Wang's article is and wanted it to have a sense of preciousness. I wanted the readers to be able to take away what Wang wishes to remind young Asian girls so that they would not make the same mistake that she made.</p>

				    <p class="heading2" id="myDiv">Final Product</p>
				    <img class="big-2-image margin-right" src="images/color-blind-1.jpg" data-group="final" loading="lazy">
				    <img class="small-2-image" src="images/color-blind-2-2.jpg" data-group="final" loading="lazy">
				    <img class="small-2-image" src="images/color-blind-3.jpg" data-group="final" loading="lazy">
				    <img class="mid-image margin-right" src="images/color-blind-4.jpg" data-group="final" loading="lazy">
				    <img class="mid-image" src="images/color-blind-5.jpg" data-group="final" loading="lazy">
			    </div>

			</div>

			<div class="next-project">
				<p class="next">Next Project:</p>
				<p class="next-bold">Where Are You From?</p>
				<a href="where-are-you-from.php"><img class="next-img" src="images/gallery-2.png"></a>

				<a href="student-organization-case-study.php"><img class="arrow-left" src="images/w-arrow-left.png"></a>
				<a href="student-organization-case-study.php"><p class="previous">Previous</p></a>
			    <a href="where-are-you-from.php"><img class="arrow-right" src="images/w-arrow-right.png"></a>
			</div>

		</div>

	    <script src="scripts/nav.js"></script>
	    <script src="scripts/lightbox.js"></script>
	    <script>
	    	// Scroll to final product (color-blind specific)
	    	document.getElementById('button').addEventListener('click', function () {
	    		var target = document.getElementById('myDiv');
	    		var top = target.getBoundingClientRect().top + window.scrollY - 50;
	    		window.scrollTo({ top: top, behavior: 'smooth' });
	    	});
	    </script>

	</body>
</html>
