-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (79 loc) · 3.93 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="bible.js"></script>
<script src="https://unpkg.com/[email protected]/dist/rita.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/addons/p5.sound.min.js"></script>
<script src="main.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="bible.json"></script>
</head>
<title>God's View</title>
<body>
<!-- <div class="background"></div> -->
<div id="top">
<div id="left">
<div id = "heading">
<div id = "title">
<h1>God's View</h1>
</div>
<div id = "descriptions">
<p>
This website serves as mental guidance for people who feel lost or frustrated at any point in life.
It is hard for us to see why things happened,
in the way it happens,
and where it is heading or leading;
however, on this website,
you will be able to elevate your point of view on your situation
and can have a sneak peek of God’s overall plan for you.
</p>
</div>
</div>
<div id = "views">
<div id = "yourView" class = "roundBorders">
<h2>Your View</h2>
<p>you have to press "restart" everytime you write a new stories in here</p>
<input type="text" placeholder = "Tell me how you are feeling..."/>
<div id = "buttonss">
<button id = "start" class="paperButton" role="button">Match</button>
<button id = "restart" class="paperButton" role="button">Restart</button>
</div>
<div id = "yourCanvas" class = "canvas"></div>
</div>
<div id = "godsView" class = "roundBorders container">
<h2>God's View</h2>
<div id = "matchingRate">
<p>Matching Rate:</p>
<p id = "counterNum">0</p>
</div>
<div id = "godCanvas" class = "canvas"></div>
</div>
</div>
</div>
<div id = "right" >
<div id="character">
<div id = "picBox" class = "roundBorders">
<!-- <div id="pic"></div> -->
<img src="assets/abraham.png" id = "pic">
</div>
<div id ="story" class = "roundBorders">
<h2 id = name>Bible Character</h2>
<p id = "storyDes">
Story of the matched character will be displayed here!
please write down how you feel and what is your situation on the left "your view" box.
Once you are finished, click on the "Match" button.
You will see the bible chracter that is going through the same things as you.
</p>
</div>
</div>
</div>
</div>
<div id = "bottom" class= "roundBorders">
<p id="bibleVerse">This is where you will see what God has said to you</p>
</div>
<!-- <img src="/assets/layout.jpg" alt="Italian Trulli"> -->
</body>
</html>