shfsh

chee · May 26, 2013 · f6fb1b3 · f6fb1b3
1 parent dd59f98
commit f6fb1b3
Show file tree

Hide file tree

Showing 3 changed files with 62 additions and 1 deletion.
diff --git a/blahblah.html b/blahblah.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<head>
+<title>blah blah</title>
+<link rel="stylesheet" href="style.css">
+<style>
+body {
+	background: hotpink;
+	color: lime;
+}
+
+header {
+	height: 100px;
+	background: black;
+	width: 100%;
+	display: block;
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+}
+
+h1 {
+	font-size: 10em;
+	font-weight: 100;
+	font-family: 'helvetica neue', sans-serif;
+}
+
+section {
+	border: 50px dashed orange;
+}
+
+.main {
+	border-color: blue;
+}
+
+</style>
+</head>
+<body>
+<header>
+	<h1>HELLO I AM A WEBSITE</h1>
+</header>
+<section id="ROOOO" class="main">
+	OH LOOK A WORDS
+</section>
+<section class="someotherstuff">
+	OH LOOK MORE WORD
+</section>
+</body>
diff --git a/index.html b/index.html
@@ -1,6 +1,6 @@
 <!doctype html>
 <title>in the garden</title>
-<script type="text/javascript" class="js"></script>
+<script type="text/javascript" src="scripts/prefix.js"></script>
 <link rel="stylesheet" href="styles/garden.css">
 <div class="sun"></div>
 <div class="grass"></div>
@@ -15,3 +15,4 @@
 </div>
 <script src="scripts/flowers.js" type="text/javascript"></script>
 
+
diff --git a/styles/garden.css b/styles/garden.css
@@ -24,6 +24,18 @@ body {
 	box-shadow: 0 0 1000px white;
 }
 
+.sun {
+	transition: height .1s ease-in-out,
+	            width .1s ease-in-out,
+	            all 100s ease-in-out;
+}
+
+.sun:active {
+	height: 105px;
+	width: 105px;
+	transform: rotate( 36000deg );
+}
+
 .grass {
 	height: 20%;
 	width: 100%;