Browse Source

basic design added, limited resizing and colours :)

master
Sean Clarke 2 years ago
parent
commit
1203ecb4d6
  1. 14
      README.md
  2. 12
      index.html
  3. 17
      main.css

14
README.md

@ -0,0 +1,14 @@
# doggie-radio-ui
This is a basic html/php web application used to control the icecast stations on a raspberry pi.
## Purpose
- I wanted a Sonos like functionality of music hosted in my own house.
- Dog needs music when no one else is home :)
## Requirements
- jQuery (for AJAX request)
- Internet Radio Playlists
- A playing device

12
index.html

@ -1,11 +1,11 @@
<html>
<script type="text/javascript" src="jquery-3.4.1.min.js"></script>
<head>
<title>Doggie Radio UI - By Seanland</title>
<link rel="stylesheet" href="main.css">
<script type="text/javascript" src="jquery-3.4.1.min.js"></script>
</head>
<style>
a {
}
</style>
<h1>Doggie Radio</h1>
<a href='#' onclick="radio(1);">Seanland's Game Music</a>
<a href='#' onclick="radio(2);">Seanland's Top 100s</a>

17
main.css

@ -0,0 +1,17 @@
h1 {
font-size: 7vw;
color: blue;
text-align: center;
}
a {
font-size: 4vw;
background-color: blue;
color: white;
font-weight: 600;
text-align: center;
text-decoration: none;
display: block;
padding: 24px;
margin: 12px;
}
Loading…
Cancel
Save