forked from sethcottle/littlelink
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (73 loc) · 5.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Decentralizing Capitalism</title>
<meta name="description" content="https://www.decentralizingcapitalism.com">
<meta name="author" content="Wooten Wealth">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/normalize.css">
<!-- Themes:
Auto: css/skeleton-auto.css
Light: css/skeleton-light.css
Dark: css/skeleton-dark.css
-->
<link rel="stylesheet" href="css/skeleton-auto.css">
<link rel="stylesheet" href="css/brands.css">
<link rel="icon" type="image/x-icon" href="imgs/design/icon.ico">
</head>
<body>
<div class="container">
<div class="row">
<div class="column" style="margin-top: 10%">
<!--
You can add your own brand or others brands you may need in the `css/brands.css` file.
You can add custom icons to `imgs/icons/...`. It is recommended to use a 24x24 .SVG.
-->
<img src="imgs/design/icon-rounded-100px.png" alt="Icon" style="height: 20vh;">
<h1>🌐</h1>
<p>An ambitious community-driven show inspired by the reshaping our capital markets, monetary system, and labor organization. Driven by the ethos of decentralizing knowledge, founder John Wooten aims to make investments as accessible and open to everyone as information and money are through TCP/IP and blockchain. You can join our mission of empowering the next generation by adding your own episode through a PR on GitHub. Tune in to learn how you can be part of this revolutionary movement towards a decentralized economy.</description></p>
<!--
## Breaking down <a> attributes:
1.) class="button button-default" | The first "button" here is telling this <a> tag that it should make this element a button and applies the default styling in `css/brands.css`.
The second portion, button-default, is declaring the specific brand style you would like to apply. Here we're applying the "default" style and color.
If you want to make this button to use the brand colors for Discord, just change "button-default" to "button-discord". Brands are found in `css/brands.css`. You can always edit & add your own there.
2.) Replace the # in href="#" with the desired target URL for the button.
3.) target="_blank" | This attribute opens links in a new tab. Remove this attribute to prevent links from opening in a new tab.
-->
<a class="button button-default" href="#" onclick="copyToClipboard(event)" role="button">
<img class="icon" aria-hidden="true" src="imgs/icons/generic-rss.svg" alt="RSS Icon">RSS Subscribe
</a>
<input type="text" value="https://decentralizingcapitalism.com/podcast.xml" id="RSS_URL" style="position:absolute; left:-9999px;">
<a class="button button-discord" href="https://discord.gg/GT3E6kYVkZ" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="imgs/icons/discord.svg" alt="Discord Logo">Join Community</a><br>
<a class="button button-github" href="https://github.com/wootenwealth/decentralizing-capitalism" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="imgs/icons/github.svg" alt="GitHub Logo">Contribute Today</a><br>
<h2>Centralized Frontends</h2>
<a class="button button-amazon-music" href="https://lnns.co/UfI9swmnZVp" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="imgs/icons/amazon-music.svg" alt="Amazon Music Logo">Listen on Amazon Music</a><br>
<a class="button button-apple-podcasts" href="https://lnns.co/UfI9swmnZVp" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="imgs/icons/apple-podcasts.svg" alt="Apple Podcasts Logo">Listen on Apple Podcasts</a><br>
<a class="button button-apple-podcasts-alt" href="https://lnns.co/UfI9swmnZVp" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="imgs/icons/apple-podcasts-alt.svg" alt="Apple Podcasts Logo">Listen on Apple Podcasts</a><br>
<a class="button button-spotify" href="https://lnns.co/UfI9swmnZVp" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="imgs/icons/spotify.svg" alt="Spotify Logo">Listen on Spotify</a><br>
<a class="button button-spotify-alt" href="https://lnns.co/UfI9swmnZVp" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="imgs/icons/spotify-alt.svg" alt="Spotify Logo">Listen on Spotify</a><br>
<a class="button button-yt" href="https://lnns.co/UfI9swmnZVp" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="imgs/icons/youtube-music.svg" alt="YouTube Music Logo">Listen on YouTube Music</a><br>
<h2>Enjoy Listening?</h2>
<a class="button button-default" href="#" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="imgs/icons/generic-review.svg" alt="Review Icon">Leave us a review</a><br>
<a class="button button-default" href="https://sponsor.jfwooten4.com" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="imgs/icons/generic-code.svg" alt="Donate Icon">Donate Today</a><br>
<br>
<p>Made with 💜</p>
</div>
</div>
</div>
<script>
function copyToClipboard(event) {
event.preventDefault();
var copyText = document.getElementById("RSS_URL");
copyText.select();
copyText.setSelectionRange(0, 99999); // For mobile devices
navigator.clipboard.writeText(copyText.value).then(function() {
alert("RSS feed URL copied to clipboard! 🌐");
}, function(err) {
alert("Failed to copy text: ", err);
});
}
</script>
</body>
</html>