ELOS-License-Builder/site/index.html

100 lines
3.5 KiB
HTML

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>For Good, not Evil — An ELOS License Builder</title>
<script src="elm.min.js"></script>
<link rel="stylesheet" href="styles.css"/>
<link rel="preload" href="assets/cool-border.svg" as="image" type="image/svg+xml">
<meta name="viewport" content="width=736">
<meta property="og:description" content="The world of today is not the world our free software licenses were written for. The licenses we created to protect freedom are being taken advantage of by institutions like ICE and surveillance states to take away the freedom of others. It's time to reclaim our software in the name of freedom." />
<style>
@font-face {
font-family: 'Resistance';
font-feature-settings: 'salt';
src: url('assets/fonts/resistance/resistance.woff2') format('woff2'),
url('assets/fonts/resistance/resistance.eot') format('embedded-opentype'),
url('assets/fonts/resistance/resistance.ttf') format('truetype');
}
@font-feature-values 'Resistance' {
@styleset {
normal-is: 1;
}
}
@font-face {
font-family: 'Lack';
src: url('assets/fonts/lack/lack.woff2') format('woff2'),
url('assets/fonts/lack/lack.woff') format('woff');
}
</style>
</head>
<body>
<header>
<h1>
<p><span>For Good,</span><span class="hr"></span></p>
<p><span class="hr"></span><span>Not Evil</span></p>
</h1>
</header>
<div id="picker"><!--Marker--></div>
<section id="intro">
<!--p>
Since the penning of the GPL, Free and Open Source software has led the charge
of software for a better world, and it splash it has made is unparalleled.
</p-->
<p>
The world of today is not the world our free software licenses were written
for. The licenses we created to protect freedom are being taken advantage of
by institutions like ICE and surveillance states to take away the freedom of
others.
</p>
<p class="emphasis-paragraph">
It's time to reclaim our software in the name of freedom.
</p>
<p>
This site helps you find and build licenses that uphold the principles of open
source software, while making sure your code is used for good, not evil.
</p>
<br/>
<label
for="should-hide-intro"
aria-role="button" >
<a class="cool-button" href="#picker">
<div aria-hidden="true" class = "bevel tr"></div>
<div>Get Started</div>
<div aria-hidden="true" class = "bevel bl"></div>
</a>
</label>
</section>
<div id="elm-unpossessed">
<p>
It looks like you have JavaScript disabled! Unfortunately, by it's nature, an
interactive license chooser like this needs JavaScript to function. However,
we can still direct you to of the licenses we feature, so you can check them
out on your own terms, even without JavaScript.
</p>
<ul>
<li>
<a href="https://firstdonoharm.dev/">The Hippocratic License</a>
</li>
<li>
<a href="https://thufie.lain.haus/NPL.html">The Nonviolent Public License</a>
</li>
</ul>
<p>
However, if you do choose to re-enable JS, all of our JS is open source, and
visible on our
<a href="https://fem.mint.lgbt/Emi/ELOS-License-Builder">Gitea</a>.
Additionally, we don't load any third party assets, or use any tracking
software of any kind. We don't store any of your data, and in fact, don't
store any data at all, besides our own source code.
</p>
</div>
<script>var app = Elm.Main.init({node: document.getElementById("elm-unpossessed")});</script>
<footer>
<a href="https://fem.mint.lgbt/Emi/ELOS-License-Builder" target="_blank">
This site is ethically licensed open source
</a>
</footer
</body>
</html>