-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (99 loc) · 4.66 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
<!DOCTYPE html>
<html>
<head>
<meta name="theme-color" content="#5b040e">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.cyan-orange.min.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<title>Ryan Hartzell</title>
<style type="text/css">
body {
background: #5b040e;
background: linear-gradient(90deg, #5b040e, #893700);
background: -webkit-linear-gradient(90deg, #5b040e, #893700);
}
h1 {
color: #d7d7d7
}
.container {
padding: 80px 0;
margin-left: auto;
margin-right: auto;
max-width: 1044px;
}
.demo-card-square.mdl-card {
height: 320px;
margin-bottom: 8px;
}
.demo-card-square > .mdl-card__title {
color: #fff;
}
@media (max-width: 839px) {
body {
background: none;
}
.container {
background: linear-gradient(90deg, #5b040e, #893700);
background: -webkit-linear-gradient(90deg, #5b040e, #893700);
}
}
</style>
</head>
<body>
<div class="container">
<h1 style="text-align: center;">Ryan Hartzell's Server</h1>
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--4-col-phone demo-card-square mdl-card mdl-shadow--8dp">
<div class="mdl-card__title mdl-card--expand"
style="background: url('img/plex.png') no-repeat center #202020; background-size: contain">
<h2 class="mdl-card__title-text">Plex</h2>
</div>
<div class="mdl-card__supporting-text">
All your movie, TV show, music, and photo collections at your fingertips, anywhere you go on all
the devices you love.
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"
href="http://app.plex.tv/web">
Go to Plex <i class="material-icons">chevron_right</i>
</a>
</div>
</div>
<div class="mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--4-col-phone demo-card-square mdl-card mdl-shadow--8dp">
<div class="mdl-card__title mdl-card--expand"
style="background: url('img/ombi.png') no-repeat center #202020; background-size: contain">
<h2 class="mdl-card__title-text">Ombi (Plex Requests)</h2>
</div>
<div class="mdl-card__supporting-text">
Want to request a movie or TV show to be added to Plex? Go here and sign in with your first
name!
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="/request">
Go to Ombi <i class="material-icons">chevron_right</i>
</a>
</div>
</div>
<div class="mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--4-col-phone demo-card-square mdl-card mdl-shadow--8dp">
<div class="mdl-card__title mdl-card--expand"
style="background: url('img/plexpy.png') no-repeat center #202020;background-size: auto 65%;">
<h2 class="mdl-card__title-text">PlexPy</h2>
</div>
<div class="mdl-card__supporting-text">
A python based web application for monitoring, analytics and notifications for Plex Media Server
(for Ryan only).
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="/plexpy">
Go to Plexpy <i class="material-icons">chevron_right</i>
</a>
</div>
</div>
</div>
</div>
</body>
</html>