Add files via upload

yek99kr · Mar 10, 2020 · c0ce0dd · c0ce0dd
1 parent 596049d
commit c0ce0dd
Show file tree

Hide file tree

Showing 30 changed files with 1,094 additions and 0 deletions.
diff --git a/1.png b/1.png
diff --git a/2.png b/2.png
diff --git a/3.png b/3.png
diff --git a/4.png b/4.png
diff --git a/5.png b/5.png
diff --git a/6.png b/6.png
diff --git a/bling1.png b/bling1.png
diff --git a/bling2.png b/bling2.png
diff --git a/bling3.png b/bling3.png
diff --git a/bling4.png b/bling4.png
diff --git a/book.css b/book.css
@@ -0,0 +1,189 @@
+html{
+	margin:0;
+	width:100%;
+	height:100%;
+	padding:0;
+	scroll-behavior: smooth;
+}
+*{
+	cursor:none !important;
+}
+
+.cursor{
+	position: fixed;
+	left:-100%;
+    z-index: 15;
+    background:red;
+    width:30px;
+    height:30px;
+    border-radius: 50%;
+    transition:0.1s;
+    pointer-events: none;
+    filter:blur(3px);
+}
+.homet{
+    position: absolute;
+    left:50%;
+    top:50%;
+    transform: translate(-50%,-50%);
+    font-family: 'helvetica';
+    font-size: 150px;
+    display:none;
+    z-index: 12;
+    text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white, 0 0 5px white;
+}
+.webt{
+    position: absolute;
+    left:50%;
+    top:50%;
+    transform: translate(-50%,-50%);
+    font-family: 'helvetica';
+    font-size: 150px;
+    display:none;
+    z-index: 12;
+    text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white, 0 0 5px white;
+}
+.videot{
+    position: absolute;
+    left:50%;
+    top:50%;
+    transform: translate(-50%,-50%);
+    font-family: 'helvetica';
+    font-size: 150px;
+    display:none;
+    z-index: 12;
+    text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white, 0 0 5px white;
+}
+.bookt{
+    position: absolute;
+    left:50%;
+    top:50%;
+    transform: translate(-50%,-50%);
+    font-family: 'helvetica';
+    font-size: 150px;
+    display:none;
+    z-index: 12;
+    text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white, 0 0 5px white;
+}
+
+h1{
+    position:fixed;
+    width:100%;
+    font-size: 70px;
+    text-transform: uppercase;
+    top:-3vh;
+    transition:0.5s;
+    animation:hani 20s infinite linear;
+    z-index: 1;
+    filter:blur(10px);
+    font-family: 'Libre Caslon Text', serif;
+
+}
+h1:hover{
+    filter:blur(0px);
+}
+
+.w3-content  img{
+	width:auto;
+	height:100vh;
+	position: absolute;
+	left:50%;
+	top:50%;
+	transform:translate(-50%,-50%);
+	pointer-events: none;
+}
+.mySlides {
+	display:none;
+}
+.nav{
+	position:fixed;
+	z-index: 10;
+	left:1vw;
+
+}
+.home{
+	width:30px;
+	height:30px;
+	filter:blur(3px);
+	border-radius: 50%;
+	background:black;
+	margin:10px;
+	display: inline-block;
+	transition:0.2s;
+}
+.home:hover{
+	transform:scale(1.5);
+}
+.web{
+	width:30px;
+	height:30px;
+	filter:blur(3px);
+	border-radius: 50%;
+	background:blue;
+	margin:10px;
+	display: inline-block;
+	transition:0.2s;
+}
+.web:hover{
+	transform:scale(1.5);
+}
+.video{
+	width:30px;
+	height:30px;
+	filter:blur(3px);
+	border-radius: 50%;
+	background:green;
+	margin:10px;
+	display: inline-block;
+	transition:0.2s;
+
+}
+.video:hover{
+	transform:scale(1.5);
+}
+.book{
+	width:30px;
+	height:30px;
+	filter:blur(3px);
+	border-radius: 50%;
+	background:red;
+	margin:10px;
+	display: inline-block;
+	transition:0.2s;
+}
+.book:hover{
+	transform:scale(1.5);
+}
+
+
+#left{
+	position:absolute;
+	width:10vw;
+	height:10vh;
+	background:none;
+	left:0;
+	top:40vh;
+	font-size:50px;
+  	text-align: center;
+  	text-decoration: none;
+  	outline: none;
+  	border: none;
+}
+#right{
+	position:absolute;
+	width:10vw;
+	height:10vh;
+	background:none;
+	right:0;
+	top:40vh;
+	font-size:50px;
+  	text-align: center;
+  	text-decoration: none;
+  	outline: none;
+  	border: none;
+
+}
+@keyframes hani {
+  from {left: 100%;}
+  to {left: -90%;}
+}
diff --git a/book.html b/book.html
@@ -0,0 +1,72 @@
+<!doctype html>
+<html>
+<head>
+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+	<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
+	<link rel="stylesheet" href="book.css">
+	<link href="https://fonts.googleapis.com/css?family=Libre+Caslon+Text&display=swap" rel="stylesheet">
+<!-- 	<link rel="shortcut icon" href="icon.png">
+	<title>Rachelkim</title> -->
+	<script src="web.js"></script>
+	<meta charset="UTF-8"></html>
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<body><!-- 
+	<h1 class="top"><i>In defense of the poor image</i></h1> -->
+
+	<div class="cursor"></div>
+
+		<div class="nav">
+
+		<a href="index.html"><div class="web"></div></a>
+		<a href="video.html"><div class="video"></div></a>
+		<a href="book.html"><div class="book"></div></a>
+	</div>
+
+	<div class="webt">WEBPAGE</div>
+	<div class="videot">VIDEO</div>
+	<div class="bookt">BOOKLET</div>
+
+<div class="w3-content w3-display-container">
+	<img class="mySlides" src="book1.png">
+	<img class="mySlides" src="book2.png">
+	<img class="mySlides" src="book3.png">
+	<img class="mySlides" src="book4.png">
+	<img class="mySlides" src="book5.png">
+	<img class="mySlides" src="book6.png">
+	<img class="mySlides" src="book7.png">
+	<img class="mySlides" src="book8.png">
+	<img class="mySlides" src="book9.png">
+	<img class="mySlides" src="book10.png">
+	<img class="mySlides" src="book11.png">
+	<img class="mySlides" src="book12.png">
+
+
+	  	<button class="w3-button w3-black w3-display-left" id="left" onclick="plusDivs(-1)">&#10094;</button>
+  		<button class="w3-button w3-black w3-display-right" id="right" onclick="plusDivs(1)">&#10095;</button>
+</div>
+
+
+		<script>
+var slideIndex = 1;
+showDivs(slideIndex);
+
+function plusDivs(n) {
+  showDivs(slideIndex += n);
+}
+
+function showDivs(n) {
+  var i;
+  var x = document.getElementsByClassName("mySlides");
+  if (n > x.length) {slideIndex = 1}
+  if (n < 1) {slideIndex = x.length}
+  for (i = 0; i < x.length; i++) {
+    x[i].style.display = "none";  
+  }
+  x[slideIndex-1].style.display = "block";  
+}
+</script>
+
+
+
+</body>
diff --git a/book1.png b/book1.png
diff --git a/book10.png b/book10.png
diff --git a/book11.png b/book11.png
diff --git a/book12.png b/book12.png
diff --git a/book13.png b/book13.png
diff --git a/book2.png b/book2.png
diff --git a/book3.png b/book3.png
diff --git a/book4.png b/book4.png
diff --git a/book5.png b/book5.png
diff --git a/book6.png b/book6.png
diff --git a/book7.png b/book7.png
diff --git a/book8.png b/book8.png
diff --git a/book9.png b/book9.png