-
Notifications
You must be signed in to change notification settings - Fork 0
/
before.html
90 lines (81 loc) · 3.33 KB
/
before.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
<!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">
<link rel="stylesheet" href="scss/home.scss" alt="">
<link rel="stylesheet" href="scss/home.css" alt="">
<link rel="stylesheet" href="scss/home.css.map" alt="">
<link rel="stylesheet" href="scss/master.scss" alt="">
<link rel="stylesheet" href="css/master.css.map" alt="">
<link rel="stylesheet" href="css/master.css" alt="">
<script src="js/cursor.js"></script>
<title>Before Launching</title>
</head>
<body>
<div class="wrapper" id="wrapper">
<div class="top-bar">
<button class="top-bar__nav-toggle hamburger" id="top-nav-toggle">
<span></span>
<span></span>
<span></span>
</button>
<span> <a href="index.html" class="top-bar__brand">Ishtar</a></span>
<span><a href="learn-more.html" class="top-bar__contact">
learn more</a></span>
<nav class="top-bar__nav collapsed" id="top-bar__nav">
<ul class="top-bar__nav-list ">
<li><a href="learn-more.html">Learn More</a></li>
<li><a href="the-experiment.html">The Experiment</a></li>
<li><a href="how-it-works.html">How It Works</a></li>
</ul>
</nav>
</div>
<div class="title-b4">
<h1 class="before">Before Launching</h1>
<div>
<p class="paragraph">
You are about to enjoy an experiment that will ask you to access
the webcam and the processing of some of your personal information will be needed to proceed.
Choose the option which is more comfortable for you.
</p>
</div>
</div>
<div class="button">
<button class="open" id="open"><a href="learn-more.html">LEARN MORE ABOUT ISHTAR</a></button>
<button class="open" id="open"><a href="begin.html">FILL THE POLICY AND PROCEED </a></button>
</div>
<!-- <a href="home.html" class="switch">Go Back to Home</a> -->
<!-- <div class="card" id="card">
<div class="heading">
<h3>Calibration</h3>
<p>Remember to grant you camera access to the browser to proceed to the experiment!</p>
</div>
<div class="button">
<button>Send</button>
<button class="cancel-btn">Cancel</button>
</div>
<button onclick="closeModal()" class="close">
✖
</button>
</div> -->
</div>
<script src="js/menu.js"></script>
<script src="js/cookie.js">
document.cookie('ish','started', 7);
</script>
<script>
function openModal(){
const open = document.getElementById("card");
open.style.display="flex";
open.style.width="300px";
};
//close the box modal
function closeModal(){
const close = document.getElementById("card");
close.style.display="none";
};
</script>
</body>
</html>