jdejeu/media-homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Initial Commit

Browse source
This commit is contained in:
Julius 2020-08-18 23:12:34 +02:00
commit 893316b59e
5 changed files with 127 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored Normal file
View file

@ -0,0 +1 @@
.idea/

50
index.html Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VoidMedia</title>
<link rel="stylesheet" href="/main.css">
</head>
<body>
<header>
<h1>Media Stuff</h1>
</header>
<section>
<h2>Voor de meeste mensen relevant</h2>
<section class="linkbox">
<h3>Jellyfin</h3>
<p><a href="http://media-host.voidlocal/jellyfin">Jellyfin</a></p>
<p>Watch movies/series here!</p>
</section>
<section class="linkbox">
<h3>Ombi</h3>
<p><a href="http://media-host.voidlocal/ombi">Ombi</a></p>
<p>Request movies/series here!</p>
</section>
</section>
<section>
<h2>Internal stuff</h2>
<section class="linkbox">
<h3>Radarr</h3>
<p><a href="http://media-host.voidlocal/radarr">Radarr</a></p>
<p>For downloading movies</p>
</section>
<section class="linkbox">
<h3>Sonarr</h3>
<p><a href="http://media-host.voidlocal/sonarr">Sonarr</a></p>
<p>For downloading series</p>
</section>
<section class="linkbox">
<h3>Transmission</h3>
<p><a href="http://media-host.voidlocal/transmission">Transmission</a></p>
<p>Torrents yes very legal yes</p>
</section>
<section class="linkbox">
<h3>Jackett</h3>
<p><a href="http://media-host.voidlocal/jackett">Jackett</a></p>
<p>Trackers zijn moeilijk</p>
</section>
</section>
</body>
</html>

35
main.css Normal file
View file

@ -0,0 +1,35 @@
@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");
body {
text-align: center;
font-family: "Open Sans", sans-serif;
color: #88D498;
background: #114B5F;
/* fallback for old browsers */
background: -webkit-linear-gradient(to top, #1A936F, #114B5F);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #1A936F, #114B5F);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
body .linkbox {
display: inline-block;
margin: 0.5rem;
padding: 0.5rem;
border-radius: 5px;
background: #C6DABF;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F3E9D2, #C6DABF);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F3E9D2, #C6DABF);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
min-width: 220px;
color: #194422;
}
body .linkbox a {
color: inherit;
}
html {
height: 100%;
}
/*# sourceMappingURL=main.css.map */

1
main.css.map Normal file
View file

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["main.scss"],"names":[],"mappings":"AAAQ;AAER;EACE;EACA;EACA;EAIA;AAAqB;EACrB;AAA+D;EAC/D;AAAuD;;AAGvD;EACE;EACA;EACA;EACA;EAEA;AAAqB;EACrB;AAAiE;EACjE;AAAyD;EAEzD;EAEA;;AAEA;EACE;;;AAMN;EAEE","file":"main.css"}

40
main.scss Normal file
View file

@ -0,0 +1,40 @@
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
body {
text-align: center;
font-family: 'Open Sans', sans-serif;
color: #88D498;
//background: #ffd89b; /* fallback for old browsers */
//background: -webkit-linear-gradient(to top, #19547b, #ffd89b); /* Chrome 10-25, Safari 5.1-6 */
//background: linear-gradient(to top, #19547b, #ffd89b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background: #114B5F; /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #1A936F, #114B5F); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #1A936F, #114B5F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
.linkbox {
display: inline-block;
margin: 0.5rem;
padding: 0.5rem;
border-radius: 5px;
background: #C6DABF; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F3E9D2, #C6DABF); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F3E9D2, #C6DABF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
min-width: 220px;
color: darken(#88D498, 50%);
a {
color: inherit;
}
}
}
html {
height: 100%;
}