adding new aesthetic changes and preparing for birdweather changes
This commit is contained in:
Patrick McGuire
+34
-37
@@ -1,45 +1,42 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>BirdNET-Pi</title>
|
||||
<style>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>BirdNET-Pi</title>
|
||||
<style>
|
||||
* {
|
||||
background-color: background-color: rgb(119, 196, 135);
|
||||
background-color: background-color: rgb(119, 196, 135);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
Note the following:
|
||||
1. Each frame has it's own 'frame' tag.
|
||||
2. Each frame has a name (eg, name="menu"). This is used for when you need to load one frame from another. For example, your left frame might have links that, when clicked on, loads a new page in the right frame. This is acheived by using 'target="content"' within your links/anchor tags.
|
||||
3. Each 'frame' tag has a 'src' attribute. This is where you specify the name of the file to be loaded into that frame when the page first loads.
|
||||
4. You can change the size of the frames by changing the value of the 'cols' and/or 'rows' attribute. A value of "200" sets the frame at 200 pixels. An asterisk (*) specifies that the frame should use up whatever space is left over from the other frames. You can also use percentage values if desired (i.e. 20%,80%)
|
||||
5. To specify a border, set 'frameborder' and 'border' to "1". I included both attributes for maximum browser compatibility.
|
||||
6. The 'framespacing' attribute doesn't work in all browsers, but you can set any numeric value you like here.
|
||||
7. To learn more about HTML frames, check out: http://www.quackit.com/html/tutorial/html_frames.cfm
|
||||
-->
|
||||
<script type="text/javascript">
|
||||
if (screen.width <= 699) {
|
||||
document.location = "/mobile.html";
|
||||
}
|
||||
</script>
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
Note the following:
|
||||
1. Each frame has it's own 'frame' tag.
|
||||
2. Each frame has a name (eg, name="menu"). This is used for when you need to load one frame from another. For example, your left frame might have links that, when clicked on, loads a new page in the right frame. This is acheived by using 'target="content"' within your links/anchor tags.
|
||||
3. Each 'frame' tag has a 'src' attribute. This is where you specify the name of the file to be loaded into that frame when the page first loads.
|
||||
4. You can change the size of the frames by changing the value of the 'cols' and/or 'rows' attribute. A value of "200" sets the frame at 200 pixels. An asterisk (*) specifies that the frame should use up whatever space is left over from the other frames. You can also use percentage values if desired (i.e. 20%,80%)
|
||||
5. To specify a border, set 'frameborder' and 'border' to "1". I included both attributes for maximum browser compatibility.
|
||||
6. The 'framespacing' attribute doesn't work in all browsers, but you can set any numeric value you like here.
|
||||
7. To learn more about HTML frames, check out: http://www.quackit.com/html/tutorial/html_frames.cfm
|
||||
-->
|
||||
<script type="text/javascript">
|
||||
if (screen.width <= 699) {
|
||||
document.location = "/mobile.html";
|
||||
}
|
||||
</script>
|
||||
|
||||
<frameset rows="100,*" frameborder="0" border="0" framespacing="0">
|
||||
<frameset style="background-color: rgb(119, 196, 135);" cols="150,*,150" frameborder="0" border="0" framespacing="0">
|
||||
<frame style="fill: none;background: rgb(119, 196, 135);padding-top: 15px;padding-left: 32.5px;padding-right: 32.5px;"src="images/bird.png" class="ribbon"/>
|
||||
<frame name="topNav" src="top.html" scrolling="off">
|
||||
<frame name="footer" src="footer.html" scrolling="off">
|
||||
</frameset>
|
||||
<frameset cols="150,*" frameborder="0" border="0" framespacing="0">
|
||||
<frame name="menu" src="menu.html" marginheight="0" marginwidth="0" scrolling="off" noresize>
|
||||
<frame name="content" src="/viewdb.php" marginheight="0" marginwidth="0" scrolling="auto" noresize>
|
||||
<frameset rows="100,*" frameborder="0" border="0" framespacing="0">
|
||||
<frameset style="background-color: rgb(119, 196, 135);" cols="*,150" frameborder="0" border="0" framespacing="0" />
|
||||
<frame name="topNav" src="top.html" scrolling="off">
|
||||
<frame name="footer" src="footer.html" scrolling="off">
|
||||
</frameset>
|
||||
<frameset cols="150,*" frameborder="0" border="0" framespacing="0">
|
||||
<frame name="menu" src="menu.html" marginheight="0" marginwidth="0" scrolling="off" noresize>
|
||||
<frame name="content" src="/overview.php" marginheight="0" marginwidth="0" scrolling="auto" noresize>
|
||||
|
||||
<! -- <frame name="footer" src="footer.html" scrolling="off"> -->
|
||||
<noframes>
|
||||
<p>This section (everything between the 'noframes' tags) will only be displayed if the users' browser doesn't support frames. You can provide a link to a non-frames version of the website here. Feel free to use HTML tags within this section.</p>
|
||||
</noframes>
|
||||
|
||||
<noframes>
|
||||
<p>This section (everything between the 'noframes' tags) will only be displayed if the users' browser doesn't support frames. You can provide a link to a non-frames version of the website here. Feel free to use HTML tags within this section.</p>
|
||||
</noframes>
|
||||
|
||||
</frameset>
|
||||
</frameset>
|
||||
</html>
|
||||
|
||||
+8
-8
@@ -34,7 +34,7 @@ hr {
|
||||
</head>
|
||||
<body>
|
||||
<h5>Extractions</h5>
|
||||
<p style="font-size: small;text-align: center">
|
||||
<p style="font-size: small;text-align: left;padding-left:5px;">
|
||||
<a href="http://birdnetpi.local/By_Date/" target="content">By Date</a><br>
|
||||
<a href="http://birdnetpi.local/By_Common_Name/" target="content">By Common Name</a><br>
|
||||
<a href="http://birdnetpi.local/By_Scientific_Name/" target="content">By Scientific Name</a><br>
|
||||
@@ -43,28 +43,28 @@ hr {
|
||||
</p>
|
||||
<hr class="solid">
|
||||
<h5>System Links</h5>
|
||||
<p style="font-size: small;text-align: center">
|
||||
<p style="font-size: small;text-align: left;padding-left:5px;">
|
||||
<a href="http://birdnetpi.local/scripts/" target="content">Tools</a><br>
|
||||
|
||||
<a href="http://birdnetpi.local/phpsysinfo/" target="content">System Info</a><br>
|
||||
|
||||
<a href="http://birdnetpi.local:8080/" target="content">BirdNET-Lite Log</a><br>
|
||||
<a href="http://birdnetpi.local:8080" target="content">BirdNET-Lite Log</a><br>
|
||||
|
||||
<a href="http://birdnetpi.local:8888/" target="content">Extraction Log</a><br>
|
||||
<a href="http://birdnetpi.local:8888" target="content">Extraction Log</a><br>
|
||||
|
||||
</p>
|
||||
<hr class="solid">
|
||||
<h5>External Links</h5>
|
||||
<p style="font-size: small;text-align: center">
|
||||
<p style="font-size: small;text-align: left;padding-left:5px;">
|
||||
<a href="https://github.com/mcguirepr89/BirdNET-Pi" target="_content">Repository</a><br>
|
||||
<a href="https://github.com/mcguirepr89/BirdNET-Pi/wiki" target="_content">Wiki Help Page</a><br>
|
||||
<a href="https://wttr.in/" target="content">Wttr.in Report</a><br>
|
||||
<a href="https://wttr.in" target="content">Wttr.in Report</a><br>
|
||||
<a href="https://www.birds.cornell.edu" target="_content">Cornell Lab of Ornithology</a><br>
|
||||
</p>
|
||||
<hr class="solid">
|
||||
<h5>Other<br>BirdNET-Pis</h5>
|
||||
<a style="font-size: small;" href="https://birdnetpi.pmcgui.xyz" target="_content">United States,</a>
|
||||
<a style="font-size: small;" href="https://birds.naturestation.net" target="_content">South Africa,</a>
|
||||
<a style="font-size: small;" href="https://birdnetpi.pmcgui.xyz" target="_content">United States</a><br>
|
||||
<a style="font-size: small;" href="https://birds.naturestation.net" target="_content">South Africa</a><br>
|
||||
<a style="font-size: small;" href="https://birdnetpigermany.hopto.org" target="_content">Germany</a>
|
||||
</body>
|
||||
<footer style="font-size: small;">
|
||||
|
||||
+13
-1
@@ -324,9 +324,21 @@ footer {
|
||||
</h1>
|
||||
</header>
|
||||
<hr>
|
||||
<h2>
|
||||
<a href="/overview.php">
|
||||
<span class="name">🐦 Overview</span>
|
||||
</a>
|
||||
</h2>
|
||||
<hr style="border-top: dotted 2px #ccc;">
|
||||
<h2>
|
||||
<a href="/viewday.php">
|
||||
<span class="name">🐦 Today's Top 10</span>
|
||||
</a>
|
||||
</h2>
|
||||
<hr style="border-top: dotted 2px #ccc;">
|
||||
<h2>
|
||||
<a href="/viewdb.php">
|
||||
<span class="name">🐦 Recognized Birds</span>
|
||||
<span class="name">🐦 View the Database</span>
|
||||
</a>
|
||||
</h2>
|
||||
<hr style="border-top: dotted 2px #ccc;">
|
||||
|
||||
+12
-11
@@ -7,12 +7,21 @@
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.column1 {
|
||||
flex: 70%;
|
||||
}
|
||||
|
||||
.column2 {
|
||||
flex: 30%;
|
||||
}
|
||||
|
||||
.column {
|
||||
flex: 50%;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
table {
|
||||
background-color: rgb(219, 255, 235);
|
||||
margin: 0 auto;
|
||||
font-size: large;
|
||||
border-collapse: collapse;
|
||||
@@ -37,18 +46,13 @@ h2 {
|
||||
' Calibri', 'Trebuchet MS', 'sans-serif';
|
||||
}
|
||||
|
||||
td {
|
||||
background-color: rgb(119, 196, 135);
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
background-color: rgb(219, 255, 235);
|
||||
font-weight: bold;
|
||||
border: 1px solid black;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
background-color: rgb(219, 296, 235);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
@@ -57,6 +61,7 @@ td {
|
||||
width: 100%;
|
||||
}
|
||||
table {
|
||||
background-color: rgb(219, 255, 235);
|
||||
margin: 0 auto;
|
||||
font-size: medium;
|
||||
border-collapse: collapse;
|
||||
@@ -81,13 +86,9 @@ td {
|
||||
' Calibri', 'Trebuchet MS', 'sans-serif';
|
||||
}
|
||||
|
||||
td {
|
||||
background-color: rgb(119, 196, 135);
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
background-color: rgb(219, 255, 235);
|
||||
font-weight: bold;
|
||||
border: 1px solid black;
|
||||
padding: 10px;
|
||||
|
||||
+37
-32
@@ -1,45 +1,50 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>BirdNET-Pi</title>
|
||||
<style type="text/css">
|
||||
<head>
|
||||
<title>BirdNET-Pi</title>
|
||||
<style type="text/css">
|
||||
a {
|
||||
font-weight:bold;
|
||||
text-decoration:none;
|
||||
color:black;
|
||||
font-weight:bold;
|
||||
text-decoration:none;
|
||||
color:black;
|
||||
}
|
||||
body {
|
||||
text-align:center;
|
||||
font-family:verdana,arial,sans-serif;
|
||||
font-size:medium;
|
||||
margin:10px;
|
||||
background-color: rgb(119, 196, 135);
|
||||
text-align:center;
|
||||
font-family:verdana,arial,sans-serif;
|
||||
font-size:medium;
|
||||
margin:10px;
|
||||
background-color: rgb(119, 196, 135);
|
||||
}
|
||||
#content {
|
||||
position: relative;
|
||||
position: relative;
|
||||
}
|
||||
#content img {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
padding-top: 5px;
|
||||
padding-left: 10px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
padding-top: 5px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
footer {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>BirdNET-Pi<img style="padding-left: 5px" src="images/version.svg" class="ribbon"/></h1>
|
||||
</div>
|
||||
<p>
|
||||
<a href="/viewdb.php" target="content">Database View</a> |
|
||||
<a href="/spectrogram.php" target="content">Spectrogram View</a>
|
||||
</p>
|
||||
</body>
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<a href="https://github.com/mcguirepr89/BirdNET-Pi" target="_content">
|
||||
<img alt="BirdNET-Pi" src="images/bird.png" style="position:absolute;left:32.5px;top:15px;">
|
||||
</a>
|
||||
<h1 style="padding-left:150px">BirdNET-Pi<img style="padding-left: 5px" src="images/version.svg" class="ribbon"/></h1>
|
||||
</div>
|
||||
<p style="padding-left:150px;">
|
||||
<a href="/overview.php" target="content">Overview</a> |
|
||||
<a href="/viewdb.php" target="content">Database View</a> |
|
||||
<a href="/viewday.php" target="content">Today View</a> |
|
||||
<a href="/spectrogram.php" target="content">Spectrogram View</a>
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user