forked from Erkan-Yilmaz/ToS-DR
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservice-form.html
125 lines (100 loc) · 5.41 KB
/
service-form.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Service form - Terms of Service; Didn't Read</title>
<meta name="description" content="Terms of Service; Didn't Read (ToS;DR) is an active project to fix the biggest lie on the web. We help you understand the Terms and Conditions and Privacy Policies of websites.">
<meta name="author" content="Terms of Service; Didn't Read">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<link rel="shortcut icon" href="img/tosdr-icon-16.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/tosdr-icon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/tosdr-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/tosdr-icon-72.png">
<link rel="apple-touch-icon-precomposed" href="img/tosdr-icon-57.png">
<script src="js/jquery-1.7.1.min.js"></script>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> <!--http://j.mp/mobileviewport-->
</head>
<body id="service-form-html" class="tosdr-form" data-spy="scroll">
<div class="navbar navbar-fixed-top" id="menu-options">
<div class="navbar-inner">
<div class="container">
<button type="button"class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="index.html"><img src="img/tosdr-icon-16.png" alt="" style="vertical-align:baseline;margin-right:.5em;" class="logo" />Terms of Service; Didn't Read</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class=""><a href="index.html#services">Ratings</a></li>
<li class=""><a href="about.html">About</a></li>
</ul>
<p class="pull-right follow-us">
Follow us <a href="http://twitter.com/tosdr">@tosdr</a>
Donate: <a href="http://flattr.com/thing/821090/ToSDR" target="_blank"><img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a>
</p>
</div>
</div>
</div>
</div>
<div class="container" id="tosdr-content" role="main">
<form>
<fieldset>
<legend>Service form</legend>
<label id="name">Name<span class="required">*</span></label>
<input type="text" placeholder="Facebook"><!--span class="help-inline">Inline help text</span-->
<label id="urls">URL(s)</label>
<input type="text" placeholder="facebook.com">
<button class="btn btn-inline" type="button">Add one</button>
<!-- Removed -- it should be automatically generated from the first url or something…-->
<!-- <label id="id">Identifier<span class="required">*</span></label>-->
<!-- <input type="text" placeholder="facebook">-->
<label id="tags">Tags</label>
<input type="text" placeholder="social network">
<label id="related">Similar services</label>
<input type="text" placeholder="Diaspora">
<button class="btn btn-inline" type="button">Add one</button>
<!-- It's confusing because not clear what it is for hte user. Maybe grey it out and activate it only when a checkbox is activated. -->
<label id="parent">Parent service/software</label>
<input type="text" placeholder="">
<legend>Where are the terms?</legend>
<label id="tosback3">
<input type="text" placeholder="Terms of Service"> <input type="text" class="input-xxlarge" placeholder="http://www.facebook.com/legal/terms"> <a href="#">Archived version</a>
<!-- The archive link is confusing-->
</label>
<label>
<!-- Need to add a way to remove a field -->
<input type="text" placeholder="Privacy Policy"> <input type="text" class="input-xxlarge placeholder="http://www.facebook.com/legal/full-data-use"> <a href="#">Archived version</a>
</label>
<button class="btn" type="button">Add another agreement document</button>
<legend>Technical</legend>
<label class="checkbox" id="freesoftware">
<input type="checkbox"> Free Software / Open Source.
</label>
<label id="license"><!-- if checked -->
<input type="text" placeholder="license"> <span class="help-inline">Please use the <a href="http://spdx.org/licenses/">SPDX identifier</a></span>
</label>
<label class="checkbox" id="dataexport">
<input type="checkbox"> Exportable data (open standards)
</label>
<label class="checkbox" id="federated">
<input type="checkbox"> Federated architecture
</label>
</fieldset>
<div class="form-actions">
<button type="submit" class="btn btn-primary">Save changes</button>
<button type="button" class="btn">Cancel</button>
</div>
</form>
</div> <!-- /container -->
<!-- <script src="bootstrap/js/bootstrap-twipsy.js"></script>-->
<script src="bootstrap/js/bootstrap-collapse.js"></script>
<!-- <script src="bootstrap/js/bootstrap-modal.js"></script>-->
<!-- <script src="bootstrap/js/bootstrap-transition.js"></script>-->
<script src="bootstrap/js/bootstrap-typeahead.js"></script>
<!-- <script src="bootstrap/js/bootstrap-alert.js"></script>-->
</body>
</html>