Better Footer with social links #3311 (#3361)

* Added footer

* Update README.md

* Update index.html

* Update index.html

* Add files via upload

* Delete images/mail.jpg

* Update README.md

* Update sd-card/html/index.html

* Update docs/index.html

---------

Co-authored-by: CaCO3 <caco3@ruinelli.ch>
This commit is contained in:
SURYANSH RAI
2024-12-05 04:03:58 +05:30
committed by GitHub
parent 179005f4ce
commit 3868cf98f6
7 changed files with 166 additions and 13 deletions

View File

@@ -69,6 +69,30 @@
return "";
}
</script>
<style>
/* Add these styles to your existing CSS file or in a <style> tag in the head */
.footer {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
background-color: #d8d8d8;
margin-top: 20px;
}
.footer-section {
display: flex;
align-items: center;
}
.footer-section img {
width: 24px;
height: 24px;
margin-left: 10px;
}
.donation-cards img {
height: 20px;
margin-right: 5px;
}
</style>
</head>
<body>
@@ -146,6 +170,27 @@
<span id="Version" style="font-size: 10px; margin-top: -5px;padding-left: 10px;">Loading version...</span>
<div class="footer">
<div class="footer-section">
<span>Support & Contact Us</span>
<a href="https://github.com/jomjol/AI-on-the-edge-device" target="_blank" title="GitHub">
<img src="https://github.com/jomjol/AI-on-the-edge-device/images/github-logo.png" alt="GitHub">
</a>
<img src="https://github.com/jomjol/AI-on-the-edge-device/images/gmail-logo.png" alt="Email">
</a>
<a href="https://github.com/jomjol/AI-on-the-edge-device/discussions" target="_blank" title="GitHub">
<img src="https://github.com/jomjol/AI-on-the-edge-device/images/discussion-logo" alt="GitHub">
</a>
</div>
<div class="footer-section">
<span>Donations</span>
<a href="https://www.paypal.com/donate?hosted_button_id=8TRSVYNYKDSWL" target="_blank" title="Donate via PayPal">
<img src="https://github.com/jomjol/AI-on-the-edge-device/images/paypal.png" alt="PayPal" style="width: 60px; height: auto;">
</a>
</div>
</div>
<script type="text/javascript">
LoadHostname();
LoadFwVersion();