ydeng/photoatlas.bitbucket.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Temporary setup with assets. Will move to mixtape soon. Begun YHDs portfolio.

Browse Source
This commit is contained in:
Harrison Deng 2016-10-10 13:43:40 -05:00
parent 0a7ada4eef
commit bbe44122f6
9 changed files with 116 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
Dependencies/CSS/better.css vendored Executable file
View File

@ -0,0 +1,29 @@
/*YHD was here*/
.intro {
height: 100vh;
background-image: url("https://my.mixtape.moe/hyabab.jpg");
background-position: center;
background-attachment: fixed;
background-size: cover;
}
.sector {
background-position: center;
background-size: 50vh;
height: 100vh;
}
.sector > .row {
color: grey;
}
.yhd-title {
padding-top: 150px;
background-image: url(../../yhdassets/DSC_0003.JPG);
background-position: center;
background-attachment: fixed;
background-size: cover;
}
.auto-size {
width: 100%;
height: auto;
}

5
Dependencies/CSS/cover.css vendored Normal file → Executable file
View File

@ -31,11 +31,6 @@ a:hover {
html, html,
body { body {
height: 100%;
background-image: url("https://my.mixtape.moe/hyabab.jpg");
background-position: center;
background-attachment: fixed;
background-size: cover;
} }

87
index.html Normal file → Executable file
View File

@ -13,18 +13,22 @@
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="Dependencies/CSS/bootstrap.min.css" rel="stylesheet"> <link href="Dependencies/CSS/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="Dependencies/CSS/cover.css" rel="stylesheet"> </head> <link href="Dependencies/CSS/cover.css" rel="stylesheet">
<link href="Dependencies/CSS/better.css" rel="stylesheet">
</head>
<body> <body>
<div class="site-wrapper">
<div class="site-wrapper-inner">
<div class="cover-container">
<div class="masthead clearfix"> <div class="masthead clearfix">
<div class="inner"> <div class="inner">
<h3 class="masthead-brand">Photo Atlas</h3> <h3 class="masthead-brand">Photo Atlas</h3>
<nav class="nav nav-masthead"> <a class="nav-link active" href="#">Home</a> <a class="nav-link" href="rekai.html">Rekai</a> <a class="nav-link" href="harrison.html">Harrison</a> </nav> <nav class="nav nav-masthead"> <a class="nav-link active" href="#">Home</a> <a class="nav-link" href="rekai.html">Rekai</a> <a class="nav-link" href="harrison.html">Harrison</a> </nav>
</div> </div>
</div> </div>
<!--find this all a bit convoluted (and slightly "not needed") since it was all example might change it some time i.e can be simplified-->
<div class="site-wrapper intro">
<div class="site-wrapper-inner">
<div class="cover-container">
<div class="inner cover"> <div class="inner cover">
<h1 class="cover-heading">Digital Photography</h1> <h1 class="cover-heading">Digital Photography</h1>
<p class="lead">Harrison's and Rekai's collection of wonderful moments captured with their expertise and eye for detail.</p> <p class="lead">Harrison's and Rekai's collection of wonderful moments captured with their expertise and eye for detail.</p>
@ -38,6 +42,81 @@
</div> </div>
</div> </div>
</div> </div>
<!--Harrison's Portfolio BEGIN-->
<div class="sector" id="yhd">
<div class="jumbotron yhd-title">
<h1>Harrison's Portfolio</h1>
</div>
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img src="yhdassets/DSC_0003.JPG" alt="tree leaves" class="auto-size">
<div class="caption">
<h3>Fall Leaves</h3>
<p>Submittion for fall leaves.</p>
<p><a href="#" class="btn btn-primary" role="button">View image</a></p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img src="yhdassets/20160929_110928.jpg" 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="#" class="btn btn-primary" role="button">View image</a></p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img src="yhdassets/20160215_184941.jpg" alt="tree leaves" class="auto-size">
<div class="caption">
<h3>Igloo</h3>
<p>This picture is bad in many ways. Mostly because of the horrible shutterspeed though.</p>
<p><a href="#" class="btn btn-primary" role="button">View image</a></p>
</div>
</div>
</div>
</div>
<div class="row">
<h2>More To Come!</h2>
<!--<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img src="yhdassets/DSC_0003.JPG" alt="tree leaves" class="auto-size">
<div class="caption">
<h3>Fall Leaves</h3>
<p>Submittion for fall leaves.</p>
<p><a href="#" class="btn btn-primary" role="button">View image</a></p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img src="yhdassets/20160929_110928.jpg" 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="#" class="btn btn-primary" role="button">View image</a></p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img src="yhdassets/20160215_184941.jpg" alt="tree leaves" class="auto-size">
<div class="caption">
<h3>Igloo</h3>
<p>This picture is bad in many ways. Mostly because of the horrible shutterspeed though.</p>
<p><a href="#" class="btn btn-primary" role="button">View image</a></p>
</div>
</div>
</div> -->
</div>
</div>
<!--Harrison's Portfolio END-->
<!-- Bootstrap core JavaScript <!-- Bootstrap core JavaScript
================================================== --> ================================================== -->
<!-- Placed at the end of the document so the pages load faster --> <!-- Placed at the end of the document so the pages load faster -->

BIN
yhdassets/20160215_184941.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 MiB

BIN
yhdassets/20160701_224551.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 202 KiB

BIN
yhdassets/20160929_110928.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
yhdassets/DSC_0003.JPG Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
yhdassets/cheap_diagonal_fabric.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
yhdassets/congruent_outline.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB