claudecode/AvianVisitors
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new aesthetics

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
homepage/footer.html
+3 -3
View File
@@ -7,11 +7,11 @@ body {
font-size:medium;
padding-top: 15px;
text-align:center;
background-color:black;
color:white;
background-color: rgb(119, 196, 135);
color: black;
}
a {
color:white;
color:black;
}
</style>
</head>
homepage/index.html
+17 -12
View File
@@ -3,6 +3,11 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BirdNET-Pi</title>
<style>
* {
background-color: background-color: rgb(119, 196, 135);
}
</style>
</head>
<!--
Note the following:
@@ -21,20 +26,20 @@ Note the following:
</script>
<frameset rows="100,*" frameborder="0" border="0" framespacing="0">
<frame name="topNav" src="top.html" scrolling="off">
<frameset cols="150,*" frameborder="0" border="0" framespacing="0">
<frameset rows="*,70" frameborder="0" border="0" framespacing="0">
<frame name="menu" src="menu.html" marginheight="0" marginwidth="0" scrolling="off" noresize>
<frame name="footer" src="footer.html" scrolling="off">
</frameset>
<frame name="content" src="/viewdb.php" marginheight="0" marginwidth="0" scrolling="auto" noresize>
</frameset>
<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>
<! -- <frame name="footer" src="footer.html" scrolling="off"> -->
<! -- <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>
</html>
homepage/menu.html
+45 -19
View File
@@ -4,20 +4,22 @@
<style type="text/css">
a {
text-decoration:none;
margin: 0px 0px 0px 0px;
color:black;
}
body {
font-family:verdana,arial,sans-serif;
font-size:medium;
margin:10px;
margin-bottom:50px;
background-color: rgb(119, 196, 135);
}
h4 {
text-decoration:underline;
h3 {
margin: 0px 0px -15px 0px;
text-align: center;
}
h4,h5 {
margin: 15px 0px 0px 0px;
text-align: center;
margin: 0px 0px 5px 0px;
}
footer {
position:absolute;
@@ -25,24 +27,48 @@ footer {
left:0;
width:100%;
}
hr {
border-bottom: 1px solid black;
}
</style>
</head>
<body>
<h4>Extractions</h4>
<a href="http://birdnetpi.local/By_Date/" target="content"><h5>By Date</h5></a>
<a href="http://birdnetpi.local/By_Common_Name/" target="content"><h5>By Common Name</h5></a>
<a href="http://birdnetpi.local/By_Scientific_Name/" target="content"><h5>By Scientific Name</h5></a>
<a href="http://birdnetpi.local/Processed/" target="content"><h5>Processed</h5></a>
<h4>External Links</h4>
<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>
<a href="https://wttr.in/" target="content"><h5>The wttr.in Report</h5></a>
<a href="https://www.birds.cornell.edu" target="_content"><h5>The Cornell Lab of Ornithology</h5></a>
<h4>Other<br>BirdNET-Pis</h4>
<a href="https://birdnetpi.pmcgui.xyz" target="_content"><h5>United States</h5></a>
<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>
<h5>Extractions</h5>
<p style="font-size: small;text-align: center">
<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>
<a href="http://birdnetpi.local/Processed/" target="content">Processed</a><br>
</p>
<hr class="solid">
<h5>System Links</h5>
<p style="font-size: small;text-align: center">
<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: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>
<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>
homepage/top.html
+31 -36
View File
@@ -1,50 +1,45 @@
<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;
}
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;
position: absolute;
top: 0px;
left: 0px;
padding-top: 5px;
padding-left: 10px;
}
#content2 img {
position: absolute;
top: 0px;
right: 0px;
footer {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
}
</style>
</head>
<body>
<div id="content">
<img src="images/bird.png" class="ribbon"/>
</div>
<h1><em>BirdNET</em>-Pi</h1>
<p>
<a href="/viewdb.php" target="content">Database View</a> |
<a href="/spectrogram.php" target="content">Spectrogram View</a> |
<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>
</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>
</html>