-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
33 lines (33 loc) · 2.62 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="./assets/css/land-style.css">
<title>Generation Ship Feasibility Calculator</title>
</head>
<body>
<main data-mdb-ripple="true" data-mdb-ripple-color="light">
<section class="text-center p-5 text-base font-medium mt-5 text-white bg-black/50 lg:mx-96">It's 2022 and arctic ice levels are down to <span class="bg-red-600 rounded px-1" id="ice-level">m km²</span>
<p class="p-3 text-4xl font-semibold text-white">Time for a contingency plan.</p>
<p class="p-3 text-white">I'm a...</p>
<button id="asshole" type="button" class="w-44 inline-block mx-1 mb-2 px-6 py-2.5 bg-purple-600 text-white text-center font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-purple-700 hover:shadow-lg focus:bg-purple-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-purple-800 active:shadow-lg transition duration-150 ease-in-out" >Private Individual</button>
<button id="government" type="button" class="w-44 inline-block mx-1 mb-2 px-6 py-2.5 bg-purple-600 text-white text-center font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-purple-700 hover:shadow-lg focus:bg-purple-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-purple-800 active:shadow-lg transition duration-150 ease-in-out">Government</button>
</section>
<div class="flex justify-center text-left">
<div class="block p-6 rounded-lg shadow-lg bg-white/80 max-w-sm text-medium">
<p class="text-gray-900 mb-4">
Team Rocket's Generation Ship Feasibility Calculator helps you make initial calculations for starting an offworld colony.
<br>
<br>
Calculations are based on recommendations from <a class="underline purple-900" href="https://www.researchgate.net/publication/236177990_World_Ships_-_Architectures_Feasibility_Revisited">Project Hyperion</a>, a two-year assessment of the feasibility of a crewed interstellar flight using current and near-future technologies. Data sources include NASA's exoplanet archive and the World Bank.
</p>
</div>
</div>
</main>
</body>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="./assets/js/home.js"></script>
</html>