Commit 01a18481 authored by Chris Boren's avatar Chris Boren

Update to current

parent aa55d9af
File added
......@@ -76,3 +76,150 @@
</div>
<!-- End Nav Overlay -->
<!-- Begin BatCobwebs -->
<style>
.batOverlay{
z-index:-10;
opacity:0;
position: fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.8);
display:flex;
flex-direction:row;
transition: all .5s ease-in-out, z-index 0s linear .5s;
font-family:"Open Sans", sans-serif;
font-size:16px;
align-items: center;
justify-content: center;
}
.batOverlay.active{
z-index:9999;
opacity:1;
transition: all 1s ease-in-out, z-index 0s linear;
}
.batOverlay h1{
line-height:1em;
letter-spacing:-.05em;
}
.batOverlay .batContents{
background-color:white;
/* display:none; */
max-width:900px;
width:100%;
padding:1rem 2rem;
border-radius:1rem;
min-height:400px;
background-image:url('batman-and-robin.jpg');
background-size:80%;
background-repeat:no-repeat;
background-position:bottom right;
transform:translate3d(0px, 100px, 0px);
transition:all 1s ease-in-out;
opacity:0;
}
.batOverlay.active .batContents{
transform:translate3d(0px, 0px, 0px);
opacity:1;
}
@media screen and (max-width:910px){
.batOverlay .batContents{
background-size:50%;
}
}
.batOverlay .batContents .batText{
max-width:31em;
}
.batBtn{
display:inline-block;
padding:.25em 1em;
background-color:#fffc00;
border:2px solid black;
color:black!important;
font-weight:bold;
text-align:center;
text-transform: uppercase;
user-select: none;
cursor: pointer;
transition:all .25s ease-in-out!important;
transform: translate3d(0px, 0px, 0px);
text-decoration: none!important;
margin-top:2rem;
letter-spacing:-.025em;
}
.batBtn:hover{
transform: translate3d(0px, -.25em, 0px);
box-shadow:0px 3px 9px rgba(0,0,0,.25);
}
.batCenter{
text-align:center;
}
</style>
<div class="batOverlay">
<div class="batContents">
<div class="batText">
<h1>Holy cobwebs, Batman! <br/>This portfolio is nearly 3 years old!</h1>
<p>It's been a while since I’ve updated my portfolio — at the time it was created I relied heavily on jQuery, barely touched SASS, and FlexBox had sketchy support. Oh, how the times have changed! I'll be updating my portfolio this summer, but in the meantime please feel free to take a look around this museum.</p>
<!-- <p style="margin-top:1rem;">-Chris</p> -->
<p class="batCenter"><a class="batBtn closeBatOverlay">Continue to site</a></p>
</div>
</div>
</div>
<script>
// Cookies!
// Bake the cookie
var createCookie = function(name, value, days) {
var expires;
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
}
else {
expires = "";
}
document.cookie = name + "=" + value + expires + "; path=/";
};
// Eat the cookie
function getCookie(c_name) {
if (document.cookie.length > 0) {
c_start = document.cookie.indexOf(c_name + "=");
if (c_start != -1) {
c_start = c_start + c_name.length + 1;
c_end = document.cookie.indexOf(";", c_start);
if (c_end == -1) {
c_end = document.cookie.length;
}
return unescape(document.cookie.substring(c_start, c_end));
}
}
return "";
}
document.addEventListener('DOMContentLoaded', function(){
let batClose = document.querySelector('.batBtn');
let batOverlay = document.querySelector('.batOverlay');
batClose.addEventListener('click', function(){
createCookie('batCookie', true, .004);
batOverlay.classList.remove('active');
});
batmanHasCookie = getCookie('batCookie');
if(!batmanHasCookie){
// setTimeout(() => {
batOverlay.classList.add('active');
// }, 1000);
};
});
// function clearBatCookie(){
// createCookie('batCookie', false, .0001);
// }
</script>
<!-- End Bat Cobwebs -->
\ No newline at end of file
<!-- JQuery for navbar fade and parallax content fade -->
<script type="text/javascript">
$(".parallax").scroll(function(){
var intViewportHeight = (window.innerHeight * 0.7) - 50; //percentage of div vs window
......@@ -14,7 +13,6 @@
})
</script>
<!-- JQuery for mobile menu toggle -->
<script type="text/javascript">
$('.js-menuToggle').click(function(){
// $( ".cb-nav-overlay" ).toggleClass( "cb-nav-hidden", 500 );
......
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment