css_animation/index.html at master · ClJarvis/css_animation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<head>
<!-- Local CSS -->
<link rel='stylesheet' type='text/css' href='css/main.css'>
<link rel='stylesheet' type='text/css' href='css/loader.css'>
</head>

<body onload="myFunction()" style="margin:0;">
<audio preload="auto" autoplay>
  <source src="files/Star_Wars_original_opening_crawl_1977.mp3" type="audio/mpeg">
</audio>
<div class="header">
<section class="letterbox">

</section>
</div>

<div class="body"  style="display:none"; id="myDiv">
<section class="intro">
  A long time ago, in a galaxy far,<br> far away....
</section>


<section class="logo">
  <img src="files/logo.svg">
</section>

<div id="textField">
  <div id="content">
    <p id="episode">Episode V</p>
    <p id="title">The Code Works</p>
    <br>
    <p>Pew pew pew, pew pew pew pew! Pew pew pew pew pew, pew pew pew. Pew pew pew pew pew pew pew pew pew. Pew pew pew pew pew pew, pew pew pew pew pew pew pew.</p>
    <P>Pew pew pew pew. pew pew pew. Pew pew pew pew pew pew pew pew. Pew pew pew pew pew. Pew pew pew pew. Pew pew pew pew pew pew, pew pew pew pew. </P>
    <p>Pew pew, pew, pew pew pew pew pew pew. Pew pew pew, pew pew pew. Pew pew pew pew pew pew pew pew pew. Pew pew pew pew pew pew. Pew pew pew pew pew pew pew .... </p>
  </div>
</div>

</div ><!--body div-->

<footer>
  <div class="footer"> <p id="ties"> |-O-| &nbsp; {-o-} &nbsp; |-O-|  &nbsp;&nbsp;</p> </div>
</footer>


<div class="outer">
<div id="bouncing-loader">
  <div>  <h2>   {-o-}   </h2></div>
</div>
</div>


<!-- Local scripts -->
<script src='scripts/stars.js'></script>


</body>