put the docs in docsHEADmaster

1 files changed, 196 insertions, 0 deletions

diff --git a/docs/css/site.css b/docs/css/site.css
new file mode 100644
index 0000000..143647c
--- /dev/null
+++ b/docs/css/site.css
@@ -0,0 +1,196 @@
+* {
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+body,html {
+	width: 100%; height: 100%;
+	margin: 0; padding: 0;
+	font-family: 'Lato',sans-serif;
+}
+.pineapple {
+	background-image: url(https://s3.amazonaws.com/luckyplop/89a51c672a282b3af5603588d148f3b1c8ca013e.jpg);
+	background-size: contain;
+	background-attachment: fixed;
+	background-position: center;
+}
+.white {
+	background: white;
+}
+.black {
+	background: black;
+	color: white;
+}
+.gucci-intro {
+	height: 100%;
+	background: black;
+	cursor: pointer;
+	position: relative;
+
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -webkit-align-items: flex-start;
+  -ms-flex-align: start;
+  align-items: flex-start;
+}
+.gucci-content {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 1 auto;
+  -webkit-align-self: center;
+  -ms-flex-item-align: center;
+  align-self: center;
+}
+.logo {
+  width: 50vw;
+}
+
+
+
+.down-arrow {
+	position: absolute;
+	bottom: 50px;
+	width: 100%;
+	text-align: center;
+	-webkit-animation: bouncy 4.0s ease infinite;
+	-moz-animation: bouncy 4.0s ease infinite;
+	animation: bouncy 4.0s ease infinite;
+}
+@-webkit-keyframes bouncy { 50% { -webkit-transform: translateY(30px); } }
+@-moz-keyframes bouncy { 50% { -moz-transform: translateY(30px); } }
+@keyframes bouncy { 50% { transform: translateY(30px); } }
+
+.center {
+	text-align: center;
+}
+.right {
+	text-align: right;
+}
+h1 {
+	font-weight: 300;
+}
+h2 {
+	font-weight: 300;
+}
+p {
+	font-weight: 300;
+	line-height: 1.5em;
+}
+h1.big {
+	font-size: 6vw;
+	padding: 0.5em;
+	margin: 0;
+}
+.gucci {
+	border-radius: 200px;
+	margin: 10px;
+}
+.yellow {
+	color: yellow;
+}
+.flowers {
+	background-image:url(https://s3.amazonaws.com/luckyplop/543994083443ef8546b8de9ff4b259f072dbb779.jpg);
+	background-size: cover;
+	background-position: center bottom;
+	min-height: 1800px;
+}
+.chain {
+	height: 200px;
+	padding: 10px;
+	position: relative;
+}
+.chain figure {
+	margin: 10px;
+	width: 100%;
+	height: 100%;
+	background-size: cover;
+	background-position: center;
+}
+.chain span {
+	position: absolute;
+	bottom: 10px;
+	right: 10px;
+	background: white;
+	padding: 5px;
+}
+.chain:nth-child(4n+1) figure {
+	background-image: url(https://s3.amazonaws.com/luckyplop/25846c8a6d8387f7cdb01e2146294b295dcd2bef.JPG);
+}
+.chain:nth-child(4n+2) figure {
+	background-image: url(https://s3.amazonaws.com/luckyplop/a71e518dabea4de71348ef6804777642fcfc78ae.jpg);
+}
+.chain:nth-child(4n+3) figure {
+	background-image: url(https://s3.amazonaws.com/luckyplop/720031567a34bd30a5ee11a6e0093160a040065d.JPG);
+}
+.chain:nth-child(4n+4) figure {
+	background-image: url(https://s3.amazonaws.com/luckyplop/2d785eaef553d02563270c364c20d71dc86baf51.jpg);
+}
+
+.chain:nth-child(4n+1) figure.chain2 {
+	background-image: url(https://s3.amazonaws.com/luckyplop/7994928ee7f2819223ff5c7607cd4b4ce1450c81.JPG);
+}
+.chain:nth-child(4n+2) figure.chain2 {
+	background-image: url(https://s3.amazonaws.com/luckyplop/abd913521a5ba6ba1ee5e5583444147a49262ebd.jpg);
+}
+.chain:nth-child(4n+3) figure.chain2 {
+	background-image: url(https://s3.amazonaws.com/luckyplop/977060b73407e5e10564905c2cd33b1ce1d0c8f0.jpg);
+}
+.chain:nth-child(4n+4) figure.chain2 {
+	background-image: url(https://s3.amazonaws.com/luckyplop/292bce01491a84a80749d4ae071d55f2bc9f58e2.jpg);
+}
+
+.clouds {
+	background-image: url(https://s3.amazonaws.com/luckyplop/5b39815f66ce28b806bb990871105d88a6cbf7f5.jpg);
+	background-size: cover;
+	background-attachment: fixed;
+}
+.gallery-rapper {
+	width: 100%;
+	padding: 10vw;
+}
+.gallery {
+	width: 90%;
+	background: white;
+}
+.gallery div {
+	background-position: top center !important;
+}
+.zigzag img {
+	width: 100%;
+}
+.footer {
+	font-size: 13px;
+	line-height: 20px;
+	font-weight: 100;
+	padding: 100px 0 50px 0;
+}
+.globe {
+	width: 63px;
+	height: 63px;
+	border-radius: 100px;
+	box-shadow: 0 0 10px #fff;
+	margin-bottom: 14px;
+	background: white;
+}
+a {
+	text-decoration: none;
+	border-bottom: 1px dashed;
+}
+.black a {
+	color: white;
+}