-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgetting-started.html
157 lines (150 loc) · 6.29 KB
/
getting-started.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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Getting Started – TogetherNet</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!-- Page Container -->
<div class="page">
<!-- <a href="#main" class="screenreader-text">skip to main content</a> -->
<!-- Navigation and intro with stars -->
<nav class="navigation">
<!-- Mobile Nav trigger -->
<button class="btn-nav-trigger" tabindex="0" aria-label='Navigation and Accessibility' aria-expanded="false" id="mobile-nav-trigger">
<svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="13.6426" y1="29.142" x2="13.6426" y2="0.857921" stroke="#EDECE9"/>
<line y1="14.4999" x2="28.2841" y2="14.4999" stroke="#EDECE9"/>
</svg>
</button>
<!-- Global Navigation -->
<ul class="global-nav">
<li><a href="/">Welcome</a></li>
<li><a href="./getting-started.html">Getting Started</a></li>
<li><a href="./code-of-consent.html">Code of Consent</a></li>
<li><a href="./orientation.html">Software Orientation</a></li>
<li><a href="./community.html">Join the Community</a></li>
<li><a href="./accessibility-statement.html">Accessibility Statement</a></li>
<li><a href="https://github.com/together-support/togethernet">Download</a></li>
</ul>
<!-- Accessibility Settings -->
<div class="setting-toggles">
<form class="setting">
<p>Audio Mode:</p>
<fieldset>
<div class="twoCol">
<div class='option'>
<input type="radio" id="show-audio-off" name="contrast" value="off" checked><label for="show-audio-off">Off</label>
</div>
<div class='option'>
<input type="radio" id="show-audio-on" name="contrast" value="on"><label for="show-audio-on">On</label>
</div>
</div>
</fieldset>
</form>
<form class="setting">
<p>High Contrast Mode:</p>
<fieldset>
<div class="twoCol">
<div class='option'>
<input type="radio" id="high-contrast-off" name="contrast" value="off" checked><label for="high-contrast-off">Off</label>
</div>
<div class='option'>
<input type="radio" id="high-contrast-on" name="contrast" value="on"><label for="high-contrast-on">On</label>
</div>
</div>
</fieldset>
</form>
</div>
</nav>
<div id="left-sticky">
<!-- In Page Navigation -->
<ul class="in-page-navigation">
<li><a href="#section-1">Getting Started</a></li>
<li><a href="#section-2">2.1 Code of Consent</a></li>
<li><a href="#section-3">2.2 Software Orientation</a></li>
<li><a href="#section-4">2.3 Download</a></li>
</ul>
</div>
<!-- Page content -->
<main>
<section id="section-1"><!-- Section with id for anchor link -->
<hr class="star-border"> <!-- Star horizontal rule -->
<h1>Getting Started</h1>
<div class="audio">
<p>Listen to this section:</p>
<audio controls>
<source src="assets/audio/2.0_TogetherNetWebRecording.mp3" type="audio/mpeg"> Your browser does not support the
audio element.
</audio>
</div>
<p>At TogetherNet, we encourage participants to take all the time they need to learn about the implications of using given tool. Therefore, we would like to invite you to go through the Code of Consent as well as the Software Orientation before applying TogetherNet in real life scenarios.</p>
</section>
<section id="section-2">
<hr>
<h2>2.1 Code of Consent</h2>
<div class="audio">
<p>Listen to this section:</p>
<audio controls>
<source src="assets/audio/2.1_TogetherNetWebRecording.mp3" type="audio/mpeg"> Your browser does not support the
audio element.
</audio>
</div>
<p>The TogetherNet Code of Consent v0.1 is a specification that outlines the level of consent and protection that
participants have while using the software.</p>
<h3 class="newsreader">Estimated Duration: 15~30 minutes</h3>
<a class="button" href="code-of-consent.html">Proceed to Read</a>
</section>
<section id="section-3">
<hr>
<h2>2.2 Software Orientation</h2>
<div class="audio">
<p>Listen to this section:</p>
<audio controls>
<source src="assets/audio/2.2_TogetherNetWebRecording.mp3" type="audio/mpeg"> Your browser does not support the
audio element.
</audio>
</div>
<p>If you feel that you understand and agree to the Code of Consent, we invite you to continue onwards to the Software Orientation.</p>
<h3 class="newsreader">Estimated Duration: 20~40 minutes</h3>
<a class="button" href="orientation.html">Proceed to Learn</a>
</section>
<section id="section-4">
<hr>
<h2>2.3 Download</h2>
<div class="audio">
<p>Listen to this section:</p>
<audio controls>
<source src="assets/audio/2.3_TogetherNetWebRecording.mp3" type="audio/mpeg"> Your browser does not support the
audio element.
</audio>
</div>
<p>If you have gone through Code of Consent and the Software Orientation, and you're excited to begin using TogetherNet. We'd like to invite you to visit our Github page to download TogetherNet.</p>
<a class="button" href="https://github.com/together-support/togethernet">Visit Github</a>
</section>
<hr>
<h2>Next Chapter</h2>
<p>If you're feeling ready to dig deeper, we invite you to proceed to the Community page.</p>
<a class="button" href="community.html">Proceed to Community</a>
</main>
</div>
<!-- Footer -->
<footer>
<!-- Newsletter -->
<div class="footer-left">
</div>
<!-- Social Media -->
<div class="footer-right">
<ul class="social-media">
<li><a href="https://www.instagram.com/togethernet/"><img src="assets/icons/instagram.svg" alt="instagram" /></a></li>
<li><a href="https://discord.gg/ysJTwasuAX"><img src="assets/icons/discord.svg" alt="discord" /></a></li>
<li><a href="https://github.com/together-support/togethernet"><img src="assets/icons/github.svg"
alt="github" /></a></li>
</ul>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>