-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex-new-text.html
112 lines (97 loc) · 6.44 KB
/
index-new-text.html
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html>
<head>
<title>Dave's Fiction</title>
<meta Charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header>
<h1>The Fictional Writing of Dave Wexler</h1>
<h2>A catalogue and information bank of Dave's screenplays, novels, short stories, and children's stories.</h3>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li><li><a href="#">Screenplays</a>
<ul>
<li><a href="#">A Consequence of Life</a></li>
<li><a href="#">Spirit</a></li>
</ul>
</li><li><a href="#">Novels</a>
<ul>
<li><a href="#">Tullenspire</a></li>
<li><a href="#">The Big Idea</a></li>
</ul>
</li><li><a href="#">Short Stories</a>
<ul>
<li><a href="#">Justice for All</a></li>
<li><a href="#">Memory of a Dream</a></li>
</ul>
</li><li><a href="#">Children's Stories</a></li><li><a href="#">About Me</a></li>
</ul>
</nav>
<!--<nav>
<div class="TopLayer"><a href="#">Home</a></div><div class="TopLayer"><a href="#">Screenplays</a>
<div class="dropdown-content"><a href="#">A Consequence of Life</a>
<a href="#">Spirit</a></div>
</div><div class="TopLayer"><a href="#">Novels</a><div class="dropdown-content"><a href="#">Tullenspire</a><br>
<a href="#">The Big Idea</a></div></div><div class="TopLayer"><a href="#">Short Stories</a><div class="dropdown-content"><a href="#">Justice for All</a>
<a href="#">Memory of a Dream</a></div></div><div class="TopLayer"><a href="#">Children's Stories</a></div><div class="TopLayer"><a href="#">About Me</a></div>
</nav>
-->
<!--<nav id="menu">
<a href="index.html" class="current">Home</a><a href="screenplays.html">Screenplays</a><a href="novels.html">Novels</a><a href="shortstories.html">Short Stories</a><a href="childrens.html">Children's Stories</a><a href="about.html">About Me</a>
</nav>
-->
<div class="wrapper">
<section id="mainbody">
<div class="row col-12">
<h3>Science Fiction and Fantasy make the brain go 'round.</h3>
<p>In the world of fiction, there are an infinite number of new worlds. Every time someone makes up a new rule of physics, a new realm of magic, or a new creature in our own world, an entire new universe is created. This new universe gives the author who made in a playground in which to experiment, create, and play with his or her characters, ideas, world dynamics...anything. And through experiencing these worlds of other people, we as readers or watchers expand our own minds a little, opening ourselves to the new possibilities of the fantastically creative. When you want a departure from our own world, there's no better place to turn.</p>
<p>The worlds I've created for my own work have ranged from the mystical to the modern, from the magical to the mundane. Some have magic, some have new imaginative technology, and some even have both. I invite you to come take a brief glimpse into the worlds I've created below, as categorized by the medium for which they've been written. Whatever you may think of them, I hope they at least give you that spark of a new world to explore.</p>
</div>
<div class="row">
<div class="col-6">
<div class="linkbox">
<h3>Screenplays</h3>
<a class="PageLink" href="screenplays.html"><img src="images/filmreelCropped.png"></a>
</div>
</div>
<div class="col-6 category">
<div class="linkbox">
<h3>Novels</h3>
<a class="PageLink" href="novels.html"><img src="images/novels.jpg"></a>
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="linkbox">
<h3>Short Stories</h3>
</div>
</div>
<div class="col-6">
<div class="linkbox">
<h3>Children's Stories</h3>
</div>
</div>
</div>
<div class="row">
<h3>About Me</h3>
</div>
</section>
</div> <!-- wrapper -->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
<script type="text/javascript" src="js/activemenu.js"></script>
</body>
</html>
<!--Stuff in head for dropdown boxes
Latest compiled and minified CSS
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
Optional theme
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
<! Latest compiled and minified JavaScript
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> -->
<!-- Stuff in body
<div class="bs-example"> <ul class="nav nav-pills" role="tablist"> <li role="presentation" class="active"><a href="#">Regular link</a></li> <li role="presentation" class="dropdown"> <a id="drop4" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Dropdown <span class="caret"></span> </a> <ul id="menu1" class="dropdown-menu" aria-labelledby="drop4"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li role="separator" class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </li> <li role="presentation" class="dropdown"> <a id="drop5" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Dropdown <span class="caret"></span> </a> <ul id="menu2" class="dropdown-menu" aria-labelledby="drop5"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li role="separator" class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </li> <li role="presentation" class="dropdown"> <a id="drop6" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Dropdown <span class="caret"></span> </a> <ul id="menu3" class="dropdown-menu" aria-labelledby="drop6"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li role="separator" class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </li> </ul> </div> -->