new aesthetics

This commit is contained in:
Patrick McGuire
2021-11-11 17:52:10 -05:00
parent 0c22da8cb7
commit e47d86200d
4 changed files with 96 additions and 70 deletions
+3 -3
View File
@@ -7,11 +7,11 @@ body {
font-size:medium; font-size:medium;
padding-top: 15px; padding-top: 15px;
text-align:center; text-align:center;
background-color:black; background-color: rgb(119, 196, 135);
color:white; color: black;
} }
a { a {
color:white; color:black;
} }
</style> </style>
</head> </head>
+17 -12
View File
@@ -3,6 +3,11 @@
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>BirdNET-Pi</title> <title>BirdNET-Pi</title>
<style>
* {
background-color: background-color: rgb(119, 196, 135);
}
</style>
</head> </head>
<!-- <!--
Note the following: Note the following:
@@ -21,20 +26,20 @@ Note the following:
</script> </script>
<frameset rows="100,*" frameborder="0" border="0" framespacing="0"> <frameset rows="100,*" frameborder="0" border="0" framespacing="0">
<frame name="topNav" src="top.html" scrolling="off"> <frameset style="background-color: rgb(119, 196, 135);" cols="150,*,150" frameborder="0" border="0" framespacing="0">
<frameset cols="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"/>
<frameset rows="*,70" frameborder="0" border="0" framespacing="0"> <frame name="topNav" src="top.html" scrolling="off">
<frame name="menu" src="menu.html" marginheight="0" marginwidth="0" scrolling="off" noresize> <frame name="footer" src="footer.html" scrolling="off">
<frame name="footer" src="footer.html" scrolling="off"> </frameset>
</frameset> <frameset cols="150,*" frameborder="0" border="0" framespacing="0">
<frame name="content" src="/viewdb.php" marginheight="0" marginwidth="0" scrolling="auto" noresize> <frame name="menu" src="menu.html" marginheight="0" marginwidth="0" scrolling="off" noresize>
</frameset> <frame name="content" src="/viewdb.php" marginheight="0" marginwidth="0" scrolling="auto" noresize>
<! -- <frame name="footer" src="footer.html" scrolling="off"> --> <! -- <frame name="footer" src="footer.html" scrolling="off"> -->
<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> <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>
</frameset> </frameset>
</html> </html>
+45 -19
View File
@@ -4,20 +4,22 @@
<style type="text/css"> <style type="text/css">
a { a {
text-decoration:none; text-decoration:none;
margin: 0px 0px 0px 0px;
color:black; color:black;
} }
body { body {
font-family:verdana,arial,sans-serif; font-family:verdana,arial,sans-serif;
font-size:medium; font-size:medium;
margin:10px; margin:10px;
margin-bottom:50px;
background-color: rgb(119, 196, 135); background-color: rgb(119, 196, 135);
} }
h4 { h3 {
text-decoration:underline; margin: 0px 0px -15px 0px;
text-align: center;
} }
h4,h5 { h4,h5 {
margin: 15px 0px 0px 0px; text-align: center;
margin: 0px 0px 5px 0px;
} }
footer { footer {
position:absolute; position:absolute;
@@ -25,24 +27,48 @@ footer {
left:0; left:0;
width:100%; width:100%;
} }
hr {
border-bottom: 1px solid black;
}
</style> </style>
</head> </head>
<body> <body>
<h4>Extractions</h4> <h5>Extractions</h5>
<a href="http://birdnetpi.local/By_Date/" target="content"><h5>By Date</h5></a> <p style="font-size: small;text-align: center">
<a href="http://birdnetpi.local/By_Common_Name/" target="content"><h5>By Common Name</h5></a> <a href="http://birdnetpi.local/By_Date/" target="content">By Date</a><br>
<a href="http://birdnetpi.local/By_Scientific_Name/" target="content"><h5>By Scientific Name</h5></a> <a href="http://birdnetpi.local/By_Common_Name/" target="content">By Common Name</a><br>
<a href="http://birdnetpi.local/Processed/" target="content"><h5>Processed</h5></a> <a href="http://birdnetpi.local/By_Scientific_Name/" target="content">By Scientific Name</a><br>
<h4>External Links</h4> <a href="http://birdnetpi.local/Processed/" target="content">Processed</a><br>
<a href="https://github.com/mcguirepr89/BirdNET-Pi" target="_content"><h5>BirdNET-Pi Repository</h5></a>
<a href="https://github.com/mcguirepr89/BirdNET-Pi/wiki" target="_content"><h5>Wiki Help Page</h5></a> </p>
<a href="https://wttr.in/" target="content"><h5>The wttr.in Report</h5></a> <hr class="solid">
<a href="https://www.birds.cornell.edu" target="_content"><h5>The Cornell Lab of Ornithology</h5></a> <h5>System Links</h5>
<h4>Other<br>BirdNET-Pis</h4> <p style="font-size: small;text-align: center">
<a href="https://birdnetpi.pmcgui.xyz" target="_content"><h5>United States</h5></a> <a href="http://birdnetpi.local/scripts/" target="content">Tools</a><br>
<a href="https://birds.naturestation.net" target="_content"><h5>South Africa</h5></a>
<a href="https://birdnetpigermany.hopto.org" target="_content"><h5>Germany</h5></a> <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:8888/" target="content">Extraction Log</a><br>
</p>
<hr class="solid">
<h5>External Links</h5>
<p style="font-size: small;text-align: center">
<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/28262" 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://birdnetpigermany.hopto.org" target="_content">Germany</a>
</body> </body>
<footer style="font-size: small;"> <footer style="font-size: small;">
Icon made by <a href="https://www.freepik.com" target="_content" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" target="_content" title="Flaticon">Flaticon.com</a> Icon by <a style="font-weight: bold" href="https://www.freepik.com" title="Freepik">Freepik</a> from <a style="font-weight: bold" href="https://www.flaticon.com/" title="Flaticon">Flaticon.com</a>
</footer>
</html> </html>
+31 -36
View File
@@ -1,50 +1,45 @@
<html> <html>
<head> <head>
<title>BirdNET-Pi</title> <title>BirdNET-Pi</title>
<style type="text/css"> <style type="text/css">
a { a {
font-weight:bold; font-weight:bold;
text-decoration:none; text-decoration:none;
color:black; color:black;
} }
body { body {
text-align:center; text-align:center;
font-family:verdana,arial,sans-serif; font-family:verdana,arial,sans-serif;
font-size:medium; font-size:medium;
margin:10px; margin:10px;
background-color: rgb(119, 196, 135); background-color: rgb(119, 196, 135);
} }
#content { #content {
position: relative; position: relative;
} }
#content img { #content img {
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
padding-top: 5px;
padding-left: 10px;
} }
#content2 img { footer {
position: absolute; position: absolute;
top: 0px; bottom: 0px;
right: 0px; left: 0px;
right: 0px;
width: 100%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="content"> <h1>BirdNET-Pi<img style="padding-left: 5px" src="images/version.svg" class="ribbon"/></h1>
<img src="images/bird.png" class="ribbon"/> </div>
</div> <p>
<h1><em>BirdNET</em>-Pi</h1> <a href="/viewdb.php" target="content">Database View</a> |
<p> <a href="/spectrogram.php" target="content">Spectrogram View</a>
<a href="/viewdb.php" target="content">Database View</a> | </p>
<a href="/spectrogram.php" target="content">Spectrogram View</a> | </body>
<a href="http://birdnetpi.local:8080" target="content">BirdNET-Lite Log</a> |
<a href="http://birdnetpi.local:8888" target="content">Extraction Log</a> |
<a href="http://birdnetpi.local/phpsysinfo" target="content">System Info</a> |
<a href="http://birdnetpi.local/scripts/" target="content">Tools</a>
</p>
<div id="content2">
<img src="images/version.svg" class="ribbon"/>
</div>
</body>
</html> </html>