-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
92 lines (73 loc) · 4.7 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Download official install media for popular Linux distributions, peer-to-peer, right in the web browser!" />
<meta name="keywords" content="linux, iso, download, live, ubuntu, debian, torrent, webtorrent" />
<meta name="author" content="Leo Herzog | herzog.tech" />
<meta name="theme-color" content="#263238" />
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="/site.webmanifest" rel="manifest" />
<link href="/img/LinuxExchange-icon-1x.png" rel="icon" type="image/png" sizes="128x128" />
<link href="/img/LinuxExchange-icon-2x.png" rel="icon" type="image/png" sizes="256x256" />
<link href="/img/LinuxExchange-icon-1x.png" rel="apple-touch-icon" type="image/png" sizes="128x128" />
<link href="/img/LinuxExchange-icon-2x.png" rel="apple-touch-icon" type="image/png" sizes="256x256" />
<meta name="msapplication-TileColor" content="#263238" />
<meta name="msapplication-TileImage" content="/img/LinuxExchange-icon-2x.png" />
<meta property="og:image" content="/img/LinuxExchange-Social.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="640" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://linux.exchange/" />
<meta property="og:title" content="Linux Exchange" />
<meta property="og:description" content="Download official install media for popular Linux distributions, peer-to-peer, right in the web browser!" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@xd1936" />
<meta name="twitter:title" content="Linux Exchange" />
<meta name="twitter:description" content="Download official install media for popular Linux distributions, peer-to-peer, right in the web browser!" />
<meta name="twitter:image" content="https://linux.exchange/img/LinuxExchange-Social.png" />
<link href="lx.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Asap:wght@500;700&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/font-logos@0/assets/font-logos.min.css" rel="stylesheet">
<script defer src="https://kit.fontawesome.com/3150158421.js" crossorigin="anonymous"></script>
<title>Linux Exchange</title>
</head>
<body>
<header id="header">
<span><span class="fad fa-chart-network fa-fw"></span> Linux Exchange</span>
<span><a id="source" href="https://github.com/leoherzog/LinuxExchange" target="_blank" rel="noopener" aria-label="See on Github"><span class="fab fa-github"></span></a></span>
</header>
<div id="page">
<div id="intro">
<div id="introclose" onclick='document.getElementById("intro").remove()'><span class="far fa-times"></span></div>
<h1>Download Linux directly from <a href="https://webtorrent.io/" target="_blank" rel="noopener">WebTorrent</a> peers!</h1>
<p>Creating and maintaining a distribution of Linux is hard enough without operating a network of mirrors.</p>
<p>Your browser is <span id="nodeStatusText">loading...</span>.
That means that the more people that use this website, the faster it gets for everyone!
And because it works across domains, everyone across the network benefits if distros integrate WebTorrent for distributing their ISOs.
If you maintain a version of Linux, it's easier than ever to distribute your installation media, no mirror network required.</p>
</div>
<div id="selections">
<div id="osSelection">
<select id="os" required><option>Loading...</option></select>
<label for="os">Select an operating system</label>
<select id="version" required><option>Loading...</option></select>
<label for="version">Select a version of that operating system</label>
<button id="start" type="button" disabled>Download</button>
<label for="start">Begin download</label>
</div>
<div id="properties">
<div id="version-number" class="property"></div>
<div id="desktop-environment" class="property"></div>
<div id="arch" class="property"></div>
</div>
</div>
<div id="downloads"></div>
</div>
<div id="nodeStatusIcon"></div>
<script src="lx.js" type="module"></script>
<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "5235eaaa944c48dbbb8652f985cec534"}'></script>
</body>
</html>