Placeholder site pre 2.0
|
Before Width: | Height: | Size: 14 KiB |
@@ -1,12 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Please read: http://msdn.microsoft.com/en-us/library/ie/dn455106.aspx -->
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square70x70logo src="tile.png"/>
|
||||
<square150x150logo src="tile.png"/>
|
||||
<wide310x150logo src="tile-wide.png"/>
|
||||
<square310x310logo src="tile.png"/>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
||||
@@ -1,15 +0,0 @@
|
||||
<?xml version="1.0"?>
|
||||
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
|
||||
<cross-domain-policy>
|
||||
<!-- Read this: https://www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html -->
|
||||
|
||||
<!-- Most restrictive policy: -->
|
||||
<site-control permitted-cross-domain-policies="none"/>
|
||||
|
||||
<!-- Least restrictive policy: -->
|
||||
<!--
|
||||
<site-control permitted-cross-domain-policies="all"/>
|
||||
<allow-access-from domain="*" to-ports="*" secure="false"/>
|
||||
<allow-http-request-headers-from domain="*" headers="*" secure="false"/>
|
||||
-->
|
||||
</cross-domain-policy>
|
||||
|
Before Width: | Height: | Size: 4.2 KiB |
@@ -1,15 +0,0 @@
|
||||
# humanstxt.org/
|
||||
# The humans responsible & technology colophon
|
||||
|
||||
# TEAM
|
||||
|
||||
Daniel Head -- Developer/Groom -- @danhead
|
||||
|
||||
# THANKS
|
||||
|
||||
Hana Becka, for saying yes
|
||||
|
||||
# TECHNOLOGY COLOPHON
|
||||
|
||||
CSS3, HTML5, JavaScript
|
||||
React, Flux, SuperAgent
|
||||
BIN
public/images/four.jpg
Executable file
|
After Width: | Height: | Size: 688 KiB |
BIN
public/images/one.jpg
Executable file
|
After Width: | Height: | Size: 466 KiB |
BIN
public/images/three.jpg
Executable file
|
After Width: | Height: | Size: 530 KiB |
BIN
public/images/two.jpg
Executable file
|
After Width: | Height: | Size: 665 KiB |
|
Before Width: | Height: | Size: 925 KiB |
|
Before Width: | Height: | Size: 964 KiB |
|
Before Width: | Height: | Size: 752 KiB |
|
Before Width: | Height: | Size: 666 KiB |
102
public/index.html
Normal file
@@ -0,0 +1,102 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=false,shrink-to-fit=no">
|
||||
<meta charset="UTF-8">
|
||||
<title>Daniel and Hana - Thank you</title>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
font-family: sans;
|
||||
font-size: 17px;
|
||||
}
|
||||
.heading {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
z-index: 2;
|
||||
color: #FEDEFD;
|
||||
background-color: rgba(27, 35, 43, .6);
|
||||
margin: 0;
|
||||
padding: .75rem;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
.subheading {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
z-index: 2;
|
||||
color: #FEDEFD;
|
||||
background-color: rgba(27, 35, 43, .6);
|
||||
margin: 0;
|
||||
padding: .5rem;
|
||||
font-size: .8rem;
|
||||
}
|
||||
.image {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
filter: blur(2px) brightness(.8);
|
||||
background-size: cover;
|
||||
background-position: center top;
|
||||
background-repeat: no-repeat;
|
||||
opacity: 0;
|
||||
}
|
||||
.image.isTransitioning {
|
||||
transition: opacity 4s;
|
||||
}
|
||||
.image.isActive {
|
||||
opacity: 1;
|
||||
}
|
||||
.image-one { background-image: url('images/one.jpg'); }
|
||||
.image-two { background-image: url('images/two.jpg'); }
|
||||
.image-three { background-image: url('images/three.jpg'); }
|
||||
.image-four { background-image: url('images/four.jpg'); }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1 class="heading">Thank you to all who joined us to celebrate our special day.</h1>
|
||||
<h2 class="subheading">Our full photo album is coming soon.</h2>
|
||||
<div class="images">
|
||||
<div class="image image-one"></div>
|
||||
<div class="image image-two"></div>
|
||||
<div class="image image-three"></div>
|
||||
<div class="image image-four"></div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript">
|
||||
var images = document.querySelectorAll('.image');
|
||||
var active = 0;
|
||||
var transitionImage = function(n, o) {
|
||||
images[n].classList.add('isTransitioning');
|
||||
images[n].classList.add('isActive');
|
||||
if (typeof o === 'number') {
|
||||
images[o].classList.add('isTransitioning');
|
||||
images[o].classList.remove('isActive');
|
||||
}
|
||||
setTimeout(function() {
|
||||
images[n].classList.remove('isTransitioning');
|
||||
if (typeof o === 'number') {
|
||||
images[o].classList.remove('isTransitioning');
|
||||
}
|
||||
}, 4000);
|
||||
}
|
||||
setTimeout(function() {
|
||||
transitionImage(active);
|
||||
setInterval(function() {
|
||||
var newIndex = (active === images.length -1) ? 0 : active + 1;
|
||||
console.log(newIndex, active);
|
||||
transitionImage(newIndex, active);
|
||||
active = newIndex;
|
||||
}, 8000);
|
||||
}, 1000);
|
||||
</script>
|
||||
</html>
|
||||
@@ -1,5 +0,0 @@
|
||||
# www.robotstxt.org/
|
||||
|
||||
# Allow crawling of all content
|
||||
User-agent: *
|
||||
Disallow:
|
||||
|
Before Width: | Height: | Size: 40 KiB |
BIN
public/tile.png
|
Before Width: | Height: | Size: 53 KiB |