added ladies page. I hope you enjoy it (#2485)

lingonsaft · Nov 1, 2018 · 3971fd4 · 3971fd4 · vercel · Nov 1, 2018
1 parent 065a0ee
commit 3971fd4
Show file tree

Hide file tree

Showing 7 changed files with 76 additions and 0 deletions.
diff --git a/audios/loop.mp3 b/audios/loop.mp3
diff --git a/hbb.html b/hbb.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+html{
+background-color:black;
+}
+#shadow{
+position: relative;
+top:60px;
+margin:auto;
+width:700px;
+height: 750px;
+background-image: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(255, 255, 255, 0.43) 4%, rgb(0, 0, 0) 55%);
+background-image: -moz-radial-gradient(center, ellipse farthest-corner, rgba(255, 255, 255, 0.43) 4%, rgb(0, 0, 0) 55%);
+background-image: radial-gradient(center, ellipse farthest-corner, rgba(255, 255, 255, 0.43) 4%, rgb(0, 0, 0) 55%);
+z-index: -5;
+}
+#face{
+background: url('images/hbb/hbb.gif');
+background-color:white;
+width:350px;
+height:500px;
+margin: 150px auto;
+border: 10px rgb(228, 92, 92) outset;
+/*top: 210px;
+position:relative;*/
+
+z-index:-1;
+box-shadow: 1px 1px 10px grey radial;
+}
+.top{
+background-image: url('images/hbb/cur-top-short.png');
+width:100%;
+height:212px;
+position:absolute;
+top:0px;
+left: 0;
+z-index: 1;
+}
+.left{
+background-image: url('images/hbb/cur-left.png');
+float:left;
+}
+.right{
+background-image: url('images/hbb/cur-right.png');
+float:right;
+}
+.side{
+z-index: 0;
+position:relative;
+top:-180px;
+width:250px;
+height:1000px;
+
+}
+</style>
+<title>...</title>
+</head>
+<body>
+<audio src="audios/loop.mp3" autoplay loop>
+</audio>
+<div class="curtains top">
+</div>
+<div class="curtains left side">
+</div>
+<div class="curtains right side">
+</div>
+<div id="shadow">
+<div id="face">
+</div>
+</div>
+</div>
+</body>
+</html>
diff --git a/images/hbb/cur-left.png b/images/hbb/cur-left.png
diff --git a/images/hbb/cur-right.png b/images/hbb/cur-right.png
diff --git a/images/hbb/cur-top-short.png b/images/hbb/cur-top-short.png
diff --git a/images/hbb/hbb.gif b/images/hbb/hbb.gif
diff --git a/index.html b/index.html
@@ -430,6 +430,7 @@ <h3 class="mb-5"><i class="fas fa-check" style="margin-right:5px; text-shadow: 2
                         <li><a href="spooky.html">spooky</a></li>
                         <li><a href="tools.html">tools</a></li>
                         <li><a href="trylearnhowtoprogram.html">trylearnhowtoprogram</a></li>
+                        <li><a href="hbb.html">ladies</a></li>
                         <li><a href="Simple Digital clock.html">Simple Digital Clock</a></li>
                         <li><a href="roll.html">Keep Rollin</a></li>
                         <li><a href="flex_and_grid.html">Flex and Grid</a></li>