Forgot these important files.

This commit is contained in:
BuildTools 2017-02-25 14:32:22 -06:00
parent 3b0d8ac4bb
commit d52b9503a1
2 changed files with 254 additions and 0 deletions

View File

@ -0,0 +1,76 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/font-awesome.min.css">
<link rel="stylesheet" href="../css/animations/entry_animations.css">
<link rel="stylesheet" href="../css/animations/animations.css">
<link rel="stylesheet" href="../css/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HighDef - Home</title>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar">
<i class="fa fa-bars" aria-hidden="true" style="color: white;"></i>
</button>
<a class="navbar-brand" href="index.html" style="padding-top: 3px;"><img src="../assets/MrUltraBrand.png" style="width: 200px;"></a>
</div>
<div class="collapse navbar-collapse" id="main-navbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="photography.html" style="font-size: 17px;"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i> Back</a></li>
</ul>
</div>
</div>
</nav>
<div class="wrapper">
<div class="nooverflow-bg" style="left: 0px; top: 0px; width: 75vw; height: 50vh;">
<img src="../assets/cybercircle1.png" style="left: -200px; top: -140px;" class="cybercircle-left">
</div>
<div class="nooverflow-bg" style="bottom: 0px; right: 0px; width: 50vh; height: 49vh;">
<img src="../assets/cybercircle2.png" style="right: -125px;" class="cybercircle-right">
</div>
<div class="nooverflow">
<div class="nooverflow">
<div class="box-center" style="bottom: 0px; margin-bottom: 0px;">
<h1 class="entry-bottom" style="bottom: 0px;">Reflection</h1>
</div>
</div>
<div class="box-left entry-left">
<h2 class="">Planning</h2>
<p class="">I would like to create an image to be a ingame snapshot of a prerelease version of a fictional video game using augmented reality. Thus, I will go for a futuristic heads up display seen in sci fi genre movies (ex. Iron Man). I will be adding holographic effects and try to make all overlay objects as sci fi as possible. I then include labels similar to that of a stereotypical advertisement that's trying to not give too much away (i.e eye candy with a lot of hints to new features).</p>
</div>
<div class="box-right entry-right">
<h2 class="">Editing</h2>
<p class="">While editing, most of it was free style and just using tools that would permit the image to follow a consistent theme of high tech. I wanted to give the feeling of wearing a heads up display that showed what a drone was seeing, or maybe something similar to Iron-Man.</p>
</div>
<div class="box-left entry-left">
<h2 class="">Results</h2>
<img src="https://docs.google.com/uc?id=0B-cHXvTzYnfASXI0M01GYXBOUU0" alt="Stereo?" class="auto-size">
<p>I call this a partial success because near the end, when I added the extra labels, I feel that it broke the emmersion a bit. If I was to make some changes, I would make the labels less intrusive, and also tone down on the motion blur. My original idea was to use the motion blur to remove the destractions around the subject, but this kind of backfired as it made the picture slightly more messy.</p>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

178
photography/photography.html Executable file
View File

@ -0,0 +1,178 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/font-awesome.min.css">
<link rel="stylesheet" href="../css/animations/entry_animations.css">
<link rel="stylesheet" href="../css/animations/animations.css">
<link rel="stylesheet" href="../css/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HighDef - Photography</title>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar">
<i class="fa fa-bars" aria-hidden="true" style="color: white;"></i>
</button>
<a class="navbar-brand" href="index.html" style="padding-top: 3px;"><img src="../assets/MrUltraBrand.png" style="width: 200px;"></a>
</div>
<div class="collapse navbar-collapse" id="main-navbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="../index.html">Home</a></li>
<li><a href="../isca.html">I.S.C.A</a></li>
<li><a href="../polyjet.html">PolyJet</a></li>
<li class="active"><a>Photography</a></li>
<li><a href="../underconstruction.html">Ultra-Systems</a></li>
<li><a href="../qanda.html">Q &amp; A</a></li>
</ul>
</div>
</div>
</nav>
<div class="wrapper">
<div class="nooverflow-bg" style="left: 0px; top: 0px; width: 75vw; height: 50vh;">
<img src="../assets/cybercircle1.png" style="left: -200px; top: -140px;" class="cybercircle-left">
</div>
<div class="nooverflow-bg" style="bottom: 0px; right: 0px; width: 50vh; height: 49vh;">
<img src="../assets/cybercircle2.png" style="right: -125px;" class="cybercircle-right">
</div>
<div class="nooverflow framed-width">
<div class="nooverflow">
<div class="box-center" style="bottom: 0px; margin-bottom: 0px;">
<h1 class="entry-bottom" style="bottom: 0px;">Photography</h1>
<p class="entry-bottom" style="bottom: 0px;">A portfolio and gallery of pictures. May include school work as well.</p>
</div>
</div>
<!--Harrison's Portfolio BEGIN-->
<div class="box-left" id="yhd">
<div>
<h1>Portfolio</h1>
</div>
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="">
<img src="https://docs.google.com/uc?id=0B-cHXvTzYnfAbEZIMVlEa3lSYWs" alt="tree leaves" class="auto-size">
<div class="caption">
<h3>Fall Leaves</h3>
<p>Submission for fall leaves.</p>
<p><a href="https://docs.google.com/uc?id=0B-cHXvTzYnfAbEZIMVlEa3lSYWs" class="btn btn-primary" role="button">View image</a></p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="">
<img src="https://docs.google.com/uc?id=0B-cHXvTzYnfAQjJzS3ZVQkktY0E" alt="tree leaves" class="auto-size">
<div class="caption">
<h3>Lighting</h3>
<p>This was an attempt at having articulation on lighting.</p>
<p><a href="https://docs.google.com/uc?id=0B-cHXvTzYnfAQjJzS3ZVQkktY0E" class="btn btn-primary" role="button">View image</a></p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="">
<img src="https://docs.google.com/uc?id=1jfE2fEQy7dddVOK0Q25bT8dZeDgf_KcocA" alt="tree leaves" class="auto-size">
<div class="caption">
<h3>Rainy Green</h3>
<p>An image taken after a bit of rain. Could be improved with a better exposure.</p>
<p><a href="https://docs.google.com/uc?id=1jfE2fEQy7dddVOK0Q25bT8dZeDgf_KcocA" class="btn btn-primary" role="button">View image</a></p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="">
<img src="https://docs.google.com/uc?id=1pJecC9TaaZPZTIfB80jd6v8qgIZhqxHEcw" alt="Stereo?" class="auto-size">
<div class="caption">
<h3>A practice shot</h3>
<p>Not much to this shot other than specific angle and interesting placement of subject.</p>
<p><a href="https://docs.google.com/uc?id=1pJecC9TaaZPZTIfB80jd6v8qgIZhqxHEcw" class="btn btn-primary" role="button">View image</a></p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="">
<img src="https://docs.google.com/uc?id=0B-cHXvTzYnfAMjRmeUZXR0E1WUU" alt="AppleHat" class="auto-size">
<div class="caption">
<h3>An Apple, that is a hat?</h3>
<p>Photoshop practice.</p>
<p><a href="https://docs.google.com/uc?id=0B-cHXvTzYnfAMjRmeUZXR0E1WUU" class="btn btn-primary" role="button">View image</a></p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="">
<img src="https://docs.google.com/uc?id=0B-cHXvTzYnfAenF4cnZMTy10cFE" alt="AppleHat" class="auto-size">
<div class="caption">
<h3>One is special?</h3>
<p>More Photoshop practice.</p>
<p><a href="https://docs.google.com/uc?id=0B-cHXvTzYnfAenF4cnZMTy10cFE" class="btn btn-primary" role="button">View image</a></p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="">
<img src="https://docs.google.com/uc?id=0B-cHXvTzYnfAVW1RU1pkVExJbmM" alt="Stereo?" class="auto-size">
<div class="caption">
<h3>Alien</h3>
<p>More and more practice.</p>
<p><a href="https://docs.google.com/uc?id=0B-cHXvTzYnfAVW1RU1pkVExJbmM" class="btn btn-primary" role="button">View image</a></p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="">
<img src="https://docs.google.com/uc?id=0B-cHXvTzYnfASXI0M01GYXBOUU0" alt="Stereo?" class="auto-size">
<div class="caption">
<h3>Data Overhead</h3>
<p>This was my final image manipulation. Added a simple heads up display for the sake of it, and later added the advertising scheme to it.</p>
<p><a href="final-picture-info.html" class="btn btn-primary" role="button">More info</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="box-left">
<div class="row">
<div>
<h2>Discombobulated...</h2>
</div>
<div class="col-sm-6 col-md-4">
<div class="">
<img src="https://docs.google.com/uc?id=1MGB-yW0ldlNtzBWh52nOezZieFysDISMRA" alt="Weeb image" class="auto-size">
<div class="caption">
<h3>The Wild Weeb</h3>
<p>This image shows a wild weeb. Practicing a very special religion. He is not afraid of demonstrating that he is part of the weeabism religion. The lollipop seems to be an important part of the practice.</p>
<p><a href="https://docs.google.com/uc?id=1MGB-yW0ldlNtzBWh52nOezZieFysDISMRA" class="btn btn-primary" role="button">View image</a></p>
</div>
</div>
</div>
</div>
</div>
<!--Harrison's Portfolio END-->
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>