73 lines
2 KiB
HTML
73 lines
2 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Main</title>
|
|
<script src="elm.min.js"></script>
|
|
<link rel="stylesheet" href="styles.css"/>
|
|
<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>
|
|
<input
|
|
id="should-hide-intro"
|
|
type="checkbox"
|
|
style="display: none"
|
|
aria-hidden="true"
|
|
/>
|
|
<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 surveilence 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" >
|
|
<div class="cool-button">
|
|
<div aria-hidden="true" class = "bevel tr"></div>
|
|
<div>Get Started</div>
|
|
<div aria-hidden="true" class = "bevel bl"></div>
|
|
</div>
|
|
</label>
|
|
</section>
|
|
<div id="elm-area"> </div>
|
|
<script>var app = Elm.Main.init({node: document.getElementById("elm-area")});</script>
|
|
</body>
|
|
</html>
|