-
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
145 lines (143 loc) · 9.39 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
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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/caiuss/1.3.0/caiuss.min.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/2.2.2/octicons.min.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gridly/1.1.0/gridly-core.min.css" type="text/css" charset="utf-8">
<title>Understanding software licenses doesn't need to be scary – Show a License</title>
</head>
<body>
<a href="https://github.com/IonicaBizau/show-a-license" class="github-corner"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#444; color:#fff; position: absolute; top: 0; border: 0; right: 0;"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
<div class="container">
<section class="main-view text-center">
<h1>Understanding software licenses doesn't need to be scary</h1>
<h2>
<span>{</span>
Because humans should be able to understand licenses, not only attorneys.
<span>}</span>
</h2>
<div>
<input data-minchars="0" class="awesomplete form-elm search-license-name" placeholder="Enter the LICENSE name"></input>
</div>
</section>
<section class="main-view text-center">
<h2>
<span>{</span>
Build a link to a personalized license page
<span>}</span>
</h2>
<div>
<!-- License link editor form that opens the new link in a
new tab. Fields are in <p> elements where needed, to
show each field on a separate row. Each field is styled
using the CaiuSS CSS framework. The form also has a
reset button. -->
<form method="GET" target="_blank">
<!-- The second .awesomplete instance, populated in JS
code. -->
<input data-minchars="0" class="awesomplete form-elm link-license-name"
placeholder="Enter the LICENSE name"></input>
<p><input type="text" name="fullname"
placeholder="Full name" class="form-elm">
<p><input type="text" name="year" placeholder="Starting year"
class="form-elm">
<p><label>
<input class="form-elm" type="checkbox" value="true"
name="hide_explanations"> Hide the explanations column
</label>
<p><input type="submit" value="Open link"
class="btn bg-blue">
<input type="reset" value="Reset form"
class="btn bg-white">
</form>
</div>
</section>
<section class="main-view triptych text-center">
<h2>
<span>{</span>
Features
<span>}</span>
</h2>
<div class="row">
<div class="col">
<span class="octicon octicon-search"></span>
<h3>Search</h3>
<p>Use the input above to search your license. </p>
<p>If it's missing, you can <a href="https://github.com/IonicaBizau/show-a-license#adding-a-new-license">add it</a>.</p>
</div>
<div class="col">
<span class="octicon octicon-eye"></span>
<h3>Display</h3>
<p>Append the <strong>#license-<license-name></strong> to the url to display the license content.</p>
<p>Use the <a href="https://github.com/IonicaBizau/show-a-license#usage">querystring parameters</a> to fill your data in the license output.</p>
</div>
<div class="col">
<span class="octicon octicon-file-text"></span>
<h3>Explain</h3>
<p>This site provides paragraph-by-paragraph human-readable explanations, maintained by the community. <a href="https://github.com/IonicaBizau/show-a-license#how-to-contribute">You can contribute too!</a></p>
</div>
</div>
</section>
<section class="main-view triptych text-center">
<h2>
<span>{</span>
Contributing
<span>}</span>
</h2>
<div class="row">
<div class="col">
<span class="octicon octicon-heart"></span>
<h3>Community</h3>
<p>Thanks to the open-source community, the license explanations can be edited by anyone.</p>
</div>
<div class="col">
<span class="octicon octicon-law"></span>
<h3>Add a new license</h3>
<p>If you can't find the license you're searching, feel free to <a href="https://github.com/IonicaBizau/show-a-license#adding-a-new-license">add it</a>.</p>
</div>
<div class="col">
<span class="octicon octicon-question"></span>
<h3>Explain licenses</h3>
<p>This site provides paragraph-by-paragraph human-readable explanations, maintained by the community. <a href="https://github.com/IonicaBizau/show-a-license#how-to-contribute">You can contribute too!</a></p>
</div>
</div>
</section>
<section class="license-view">
<a href="#" class="home-link"><span class="octicon octicon-arrow-left"></span> Home</a>
<table class="table no-border shadow">
<tfoot>
<tr>
<th>
<div class="pad-xs">
<a href="#">
<span class="octicon octicon-eye"></span> <span class="text"></span>
</a>
</div>
</th>
</tr>
</tfoot>
<tbody>
</tbody>
</table>
</section>
</div>
<div class="footer">
<span class="octicon octicon-code"></span> with <span class="octicon octicon-heart"></span> by <a href="https://github.com/IonicaBizau">@IonicaBizau</a> | <span class="octicon octicon-pencil"></span> on <a href="https://github.com/IonicaBizau/show-a-license"><span class="octicon octicon-octoface"></span> GitHub</a>.
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/urljs/1.2.0/url.min.js"></script>
<script src="js/meta.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/awesomplete/1.0.0/awesomplete.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-70857726-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>