-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
108 lines (104 loc) · 3.96 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Markov Models for text Generation</title>
<!-- CSS only -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="res/styles/index.css" />
</head>
<body>
<div class="header">
<div class="container">
<h1 class="myh1">Generate your own stories!</h1>
<h2 class="myh2">Select Sources for the Markov Model:</h2>
<div id="buttonscontainer">
<!-- <div class="buttoncard active">
<img src="./res/img/harry_potter.png" class="buttoncard-img" />
<div class="buttoncard-title">Harry Potter</div>
</div>
<div class="buttoncard">
<img src="./res/img/harry_potter.png" class="buttoncard-img" />
<div class="buttoncard-title">Harry Potter</div>
</div>
<div class="buttoncard">
<img src="./res/img/harry_potter.png" class="buttoncard-img" />
<div class="buttoncard-title">Harry Potter</div>
</div>
<div class="buttoncard">
<img src="./res/img/harry_potter.png" class="buttoncard-img" />
<div class="buttoncard-title">Harry Potter</div>
</div> -->
</div>
</div>
</div>
<div class="container">
<div
style="
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 8px;
"
>
<h2 class="myh2 my-4" style="padding-left: 8px">Your Story:</h2>
<button id="reset" class="mybtn">Reset Story</button>
</div>
<div id="storycontainer">
<!-- Me too. My heartbeat has picked up his face. I feel his arm raised in
stands around the kitchen. me sweetly. Pompous ass. He pauses trying to
knock players off their brooms. Will you have choices. Quite apart from
the control freak. I flush. . . perhaps he’s just very bored and wants
us. Were you serious or was it a good friend of mine, for now rather
than an hour to Seattle? I throw my toys out of my literary heroines had
to be. I am not ready to leave my chest, and I’m supposed to know about
Christian, and grabbing his hand, as excruciating pleasure spikes
through my -->
Select a text to start the story...
</div>
<div class="my-4" id="picknextcontainer">
<!-- <div class="picknext">
<button class="picknext-inner">
Me too. My heartbeat has picked up his face. I feel his arm raised
in stands around the kitchen.
</button>
</div>
<div class="picknext">
<button class="picknext-inner">
Me too. My heartbeat has picked up his face. I feel his arm raised
in stands around the kitchen.
</button>
</div>
<div class="picknext">
<button class="picknext-inner">
Me too. My heartbeat has picked up his face. I feel his arm raised
in stands around the kitchen.
</button>
</div>
<div class="picknext">
<button class="picknext-inner">
Me too. My heartbeat has picked up his face. I feel his arm raised
in stands around the kitchen.
</button>
</div> -->
</div>
</div>
<div class="source">
<span>
© 2022 Tadeo Hepperle,
<a href="https://github.com/tadeohepperle/javascript-canvas-animations">
Sourcecode on Github</a
></span
>
</div>
<script src="src/website.js" type="module"></script>
</body>
</html>