-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (128 loc) · 4.26 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
136
137
<!-- -*- mode: html+; tab-width: 8; -*- -->
<!DOCTYPE html>
<html>
<head>
<style>
* {
color: #e6e6e6;
border-color: #a6a6a6;
}
body {
background-color: #222;
font-size: 16px;
}
h1 {
text-transform: uppercase;
font-size: large;
text-align: center;
margin: 2em;
}
h2 {
text-transform: uppercase;
font-size: medium;
text-align: left;
}
a, a:visited, a:hover, a:active {
color: inherit;
text-decoration: underline;
cursor: pointer;
}
img {
margin: 1em;
}
figure {
display: flex;
flex-flow: row;
}
figcaption {
padding: 3px;
text-align: center;
}
.section {
margin: 3em;
padding: 1em;
background: #333;
}
.footer {
font-size: small;
text-align: center;
}
</style>
<title>@defsub</title>
</head>
<body>
<h1>Takeout</h1>
<div class="section">
<div>
Takeout is a copyleft media service that indexes organized media files
in S3 buckets using MusicBrainz, Last.fm, Fanart.tv, and The Movie
Database to make media available for streaming using a mobile app, TV
app, web interface and VLC. Media is browsed using the Takeout server
and streamed directly from S3 using pre-signed time-based URLs.
</div>
<div>
All software is available on github in these respositories:
<ul>
<li><a href="https://github.com/defsub/takeout">Takeout Server</a> (written in Go)</li>
<li><a href="https://github.com/defsub/takeout_app">Takeout Android/iOS App</a> (written in Dart/Flutter)</li>
<li><a href="https://github.com/defsub/tv-samples">Android TV App</a> (written in Java/Kotlin)</li>
</ul>
See a few <a href="images/deployment.png">deployment options</a> to learn more.
</div>
</div>
<div class="section">
<h2>App Music Screens</h2>
<div>
<a href="images/takeout_music_full.png"><img src="images/takeout_music_thumb.png" alt="music home screen"/></a>
<a href="images/takeout_artist_full.png"><img src="images/takeout_artist_thumb.png" alt="artist screen"/></a>
<a href="images/takeout_player_full.png"><img src="images/takeout_player_thumb.png" alt="music player"/></a>
<a href="images/takeout_radio_full.png"><img src="images/takeout_radio_thumb.png" alt="internet radio"/></a>
<a href="images/takeout_downloads_full.png"><img src="images/takeout_downloads_thumb.png" alt="downloads screen"/></a>
</div>
</div>
<div class="section">
<h2>App Video Screens</h2>
<div>
<a href="images/takeout_video_full.png"><img src="images/takeout_video_thumb.png"/></a>
<a href="images/takeout_movie_full.png"><img src="images/takeout_movie_thumb.png"/></a>
<a href="images/takeout_movieplayer_full.png"><img src="images/takeout_movieplayer_thumb.png"/></a>
</div>
</div>
<div class="section">
<h2>App Podcasts Screens</h2>
<div>
<a href="images/takeout_podcast_full.png"><img src="images/takeout_podcast_thumb.png"/></a>
<a href="images/takeout_progress_full.png"><img src="images/takeout_progress_thumb.png"/></a>
</div>
</div>
<div class="section">
<h2>Android TV Screens</h2>
<div>
<a href="images/takeout_tv_next_full.png"><img src="images/takeout_tv_next_thumb.png"/></a>
<a href="images/takeout_tv_browse_full.png"><img src="images/takeout_tv_browse_thumb.png"/></a>
<a href="images/takeout_tv_detail_full.png"><img src="images/takeout_tv_detail_thumb.png"/></a>
<a href="images/takeout_tv_related_full.png"><img src="images/takeout_tv_related_thumb.png"/></a>
<a href="images/takeout_tv_player2_full.png"><img src="images/takeout_tv_player2_thumb.png"/></a>
</div>
</div>
<h1>Other Projects</h1>
<div class="section">
<h2>cdmbz</h2>
<div>
CDDB server backed by MusicBrainz written in Go.
<ul>
<li><a href="https://github.com/defsub/cdmbz">cdmbz repo</a></li></li>
</ul>
</div>
</div>
<div class="footer">
<div>
<a style="text-decoration: none;" href="https://github.com/defsub">@defsub</a>
•
<a href="https://github.com/defsub/takeout/blob/master/doc/privacy.md">Privacy</a>
•
<a href="https://github.com/defsub/takeout/blob/master/doc/contribute.md">Contribute</a>
</div>
</div>
</body>
</html>