-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
135 lines (132 loc) · 7.83 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!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">
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<link rel="icon" type="image/png" href="assets/favicon.png" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style/style.css">
<title>Tsacdop</title>
</head>
<body>
<header class="shadow w-full fixed ">
<nav class="flex flex-row justify-between py-4 backdrop-filter backdrop-blur px-8">
<ul class="flex flex-row justify-items-center">
<li class="mr-8 text-xl tracking-wider text-green-400" id="logo">TSACDOP</li>
<!-- <li><a class="m-8 text-xl">Erutaef</a></li>
<li><a class="m-8 text-xl">Golegnahc</a></li> -->
</ul>
<ul class="flex flex-row justify-items-center">
<iframe
src="https://ghbtns.com/github-btn.html?user=stonega&repo=tsacdop&type=star&count=true&size=large"
frameborder="0" scrolling="0" width="150" height="30" title="GitHub"></iframe>
</ul>
</nav>
</header>
<main class="max-w-6xl mx-auto px-4 sm:px-8">
<!-- <lottie-player src="https://assets4.lottiefiles.com/packages/lf20_r6kxufax.json" background="transparent"
speed="0.5" class="visible md:visible w-4/12 object-covor lottie" autoplay>
</lottie-player> -->
<section class="py-32">
<span
class="text-7xl decoration-slice bg-gradient-to-r from-green-400 to-blue-500 bg-clip-text text-transparent"
style="font-family: 'Montserrat', sans-serif;">Tsacdop</span>
<p class="text-2xl py-4">Enjoy podcast with Tsacdop, an open source podcast
app
build with Flutter.</p>
<div class="mt-4 flex flex-col md:flex-row">
<a
href='https://play.google.com/store/apps/details?id=com.stonegate.tsacdop&hl=en_US&gl=US&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'><img />
<img class="object-cover h-24" alt='Get it on Google Play'
src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png' /></a>
<a href='https://f-droid.org/en/packages/com.stonegate.tsacdop/'><img />
<img class="object-cover h-24" alt='Get it on F-Droid' src='assets/fdroid.png' /></a>
</div>
</section>
<section class="flex flex-col lg:flex-row space-y-8 lg:space-y-0 lg:space-x-8 justify-center pb-20 z-10">
<div class="w-full lg:w-80 flex-1 h-64 bg-green-400 p-8 rounded-lg">
<h3 class="text-3xl text-white">👋 Unique design</h3>
<p class="text-xl text-gray-100 pt-8">Tsacdop provides a totally different and unique design than other
podcast players. </p>
</div>
<div class="w-full lg:w-80 flex-1 h-64 bg-blue-400 p-8 rounded-lg">
<h3 class="text-3xl text-white">💛 Privacy friendly</h3>
<p class="text-xl text-gray-100 pt-8">Since it's free and open-source, anyone can check that Tsacdop
doesn't track the user.</p>
</div>
<div class="w-full lg:w-80 flex-1 h-64 bg-green-400 p-8 rounded-lg">
<h3 class="text-3xl text-white">✨ Featureful</h3>
<p class="text-xl text-gray-100 pt-8">A lot of features are waiting for you to discover.</p>
</div>
</section>
<section>
<div class="text-3xl py-2">
<h3 class="inline shadow-inner"
style="box-shadow: inset 0 -0.125em 0 0 #fff, inset 0 -0.375em 0 0 rgb(121 222 219 / 40%);">A&Q
</h3>
</div>
<h4 class="text-2xl text-green-400 py-2">How to manage podcasts with group?</h4>
<div class="text-xl">
<p>The default group is home when subscribe a new podcast, home group can not be deleted, you can
create new groups and move podcast to a new group, each podcast can be added to multi groups,
podcasts in the group will be moved to home group if you delete it.</p>
</div>
<h4 class="text-2xl text-green-400 py-2">How to subscribe podcast?</h4>
<div class="text-xl">
<p>You can tap add button on topleft corner of home page, then search
podacast title or rss link, you could find the podcast, or you can import OMPL
file.</p>
</div>
</section>
<section>
<!-- <div class="text-3xl py-2 mt-4">
<div class="inline shadow-inner"
style="box-shadow: inset 0 -0.125em 0 0 #fff, inset 0 -0.375em 0 0 rgb(121 222 219 / 40%);">
Golegnahc</div>
</div> -->
<div class="py-2 text-2xl text-green-400">2021/02/27<span
class="px-3 py-1 ml-2 inline text-sm text-light align-middle"><a
href="https://github.com/stonega/tsacdop/releases/tag/v0.6.0">v0.6.0</a></span>
</div>
<ul class="list-disc list-inside">
<li class="text-xl py-2">Load local folder as playlist.</li>
<li class="text-xl py-2">Option to always hide new mark for podcast.</li>
<li class="text-xl py-2">Memory use reduced a lot.</li>
<li class="text-xl py-2">Add reddit channel link.</li>
</ul>
</section>
</main>
<footer>
<div class="w-full bg-gray-100 mt-12 px-8">
<div class="mx-auto flex flex-col md:flex-row justify-center py-8 space-y-4 md:space-x-4 md:space-y-0">
<a class="ring-2 ring-green-400 ring-opacity-50 ring-inset flex hover:bg-green-300 hover:ring-0 rounded-full py-2 px-4 flex-row justify-items-center text-gray-600"
target="_blank" href="https://twitter.com/tsacdop">
<img class="object-cover w-6 mr-2" src="assets/twitter.svg" alt="Twitter">
@tsacdop
</a>
<a class="ring-2 ring-red-400 ring-opacity-50 ring-inset flex hover:bg-red-300 hover:ring-0 rounded-full py-2 px-4 flex-row justify-items-center text-gray-600"
target="_blank" href="https://reddit.com/r/Tsacdop"><img class="object-cover w-6 mr-2"
src="assets/reddit.png" alt="Reddit">
/r/Tsacdop
</a>
<a class="ring-2 ring-yellow-400 ring-opacity-50 ring-inset flex hover:bg-yellow-300 hover:ring-0 rounded-full py-2 px-4 flex-row justify-items-center text-gray-600"
target="_blank" href="https://www.buymeacoffee.com/stonegate"><img class="object-cover h-6 mr-2"
src="assets/buymeacoffee.png" alt="Reddit">
Buy me a coffee
</a>
</div>
<div class="mx-auto text-center py-2 text-gray-400">Thanks to those who helped to improve the app, who
bought me coffees, flutter and flutter plugins developers!</div>
<div class="mx-auto text-center text-gray-400 pb-4"><a class="pr-4" href="privacy.html">Privacy
Policy</a>tsacodp.app
©2022</div>
</div>
</footer>
<script src="js/index.js"></script>
</body>
</html>