mirrors/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-16 22:34:39 -05:00
Code Issues Activity

add clock :3

Browse source
This commit is contained in:
ashley 2024-05-11 19:40:35 +00:00
parent a74dea4fb4
commit c540ff27df
1 changed files with 41 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
html/search-web-main.ejs
View file

@ -17,7 +17,9 @@
NodeList.prototype.forEach = Array.prototype.forEach; NodeList.prototype.forEach = Array.prototype.forEach;
</script> </script>
<style> <style>
* {
font-family: "poketube flex" !important
}
@keyframes gradient { @keyframes gradient {
0% { 0% {
background-position: 0 50%; background-position: 0 50%;
@ -35,19 +37,28 @@
animation: gradient 64s ease infinite; animation: gradient 64s ease infinite;
background-size: 400% 400%; background-size: 400% 400%;
} }
a {
color: #fff;
font-weight: 686;
font-stretch: extra-expanded;
}
.downnav { .downnav {
position: fixed; position: fixed;
padding:10px; padding:10px;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%;
margin: auto; margin: auto;
overflow: hidden; overflow: hidden;
z-index: 1; z-index: 1;
color:#fff; color:#fff;
background-color: #0f0f0f; background-color: #0007;
}</style> border-radius: 5px;
width: calc(100% - 33px);
margin-left: 6px;
}
</style>
<script> <script>
<!--//--><![CDATA[//><!-- <!--//--><![CDATA[//><!--
/** /**
@ -219,18 +230,16 @@
<input placeholder="Search the web" name="query" autocomplete="off" id="search_form_input_homepage" class="search__input" type="text" autofocus /> <input placeholder="Search the web" name="query" autocomplete="off" id="search_form_input_homepage" class="search__input" type="text" autofocus />
<div> <div>
<button class="btn btn-success" type="submit" style="margin-top: 1em;margin-left: auto;text-align: center;display: flex;flex-direction: column;background: #fff;background-color: #303134;border: 1px solid #303134;border-radius: 4px;color: #e8eaed;font-family: arial,sans-serif;font-size: 14px;padding: 0 16px;line-height: 27px;height: 36px;min-width: 54px;margin-right: 13em;text-align: center;cursor: pointer;user-select: none;"> <button class="btn btn-success" type="submit" style="margin-top: 1em;margin-left: auto;text-align: center;display: flex;flex-direction: column;background: #fff;background-color: #303134;border: 1px solid #303134;border-radius: 4px;color: #e8eaed;font-family: arial,sans-serif;font-size: 14px;padding: 0 16px;line-height: 27px;height: 36px;min-width: 54px;margin-right: 9em;text-align: center;cursor: pointer;user-select: none;">
<p style="margin-top: auto;margin-bottom: auto;font-weight: 1000;margin-left: 6px;font-stretch: ultra-expanded;font-family:&quot;poketube flex&quot;;Poketube flex;">Search Poke</p> <p style="margin-top: auto;margin-bottom: auto;font-weight: 1000;margin-left: 6px;font-stretch: ultra-expanded;font-family:&quot;poketube flex&quot;;Poketube flex;">Search Poke</p>
</button> </button>
<div style="margin-left: 5.5em;margin-right: auto;width: fit-content;color: #fff;font-weight: 1000;font-stretch: ultra-expanded;font-size: 33px;margin-bottom: -1em;margin-top: 6px;" id="clock"></div>
<button class="btn btn-success" name="lucky" value="true" type="submit" style="margin-top: 1em;margin-left: auto;text-align: center;display: flex;flex-direction: column;background: #fff;background-color: #303134;border: 1px solid #303134;border-radius: 4px;color: #e8eaed;font-family: arial,sans-serif;font-size: 14px;padding: 0 16px;line-height: 27px;height: 36px;min-width: 54px;margin-right: 9em;text-align: center;cursor: pointer;user-select: none;margin-top: -38px;margin-left: 21em;"> <span style="color:#fff;margin-left: auto;margin-right: 8em;text-align: center;display: flex;width: fit-content;margin-top: 2em;font-size: ;" id="weatherInfo"></span>
<p style="margin-top: auto;margin-bottom: auto;font-weight: 1000;margin-left: 6px;font-stretch: ultra-expanded;font-family:&quot;poketube flex&quot;;Poketube flex;">Im feeling lucky</p>
</button>
</div> </div>
</form> </form>
<div class="downnav"> <div class="downnav">
<span style="color:#fff;" id="weatherInfo"></span> - <a style="color:#fff" href="/translate"> Translate </a> - <a style="color:#fff" href="/map"> PokeMaps </a> - <a style="color:#fff" href="/account-create">My Account</a> - <a style="color:#fff" href="/privacy">Privacy</a> - <a style="color:#fff" href="https://codeberg.org/ashley/poketube">Git</a> <a style="color:#fff" href="/translate"> Translate </a> - <a style="color:#fff" href="/map"> PokeMaps </a> - <a style="color:#fff" href="/account-create">My Account</a> - <a style="color:#fff" href="/privacy">Privacy</a> - <a style="color:#fff" href="https://codeberg.org/ashley/poketube">Git</a>
<div style="float: right;"> <div style="float: right;">
<a style="color:#fff" id="osInfo"></a> <a style="color:#fff;margin-right: 1em;" href="/license">License</a> <a style="color:#fff" id="osInfo"></a> <a style="color:#fff;margin-right: 1em;" href="/license">License</a>
</div> </div>
@ -257,6 +266,27 @@ if (userAgent.includes("windows")) {
const osInfoElement = document.getElementById("osInfo"); const osInfoElement = document.getElementById("osInfo");
osInfoElement.textContent = `${osName} - `; osInfoElement.textContent = `${osName} - `;
function updateClock() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
// Add leading zeros to minutes and seconds
minutes = (minutes < 10 ? "0" : "") + minutes;
seconds = (seconds < 10 ? "0" : "") + seconds;
// Display the time in the "clock" div
document.getElementById("clock").innerHTML = hours + ":" + minutes + ":" + seconds;
// Update the clock every second
setTimeout(updateClock, 1000);
}
// Call the function to initially display the clock
updateClock();
</script> <script> </script> <script>
const css = localStorage.getItem("poke-custom-css"); const css = localStorage.getItem("poke-custom-css");
@ -320,7 +350,7 @@ if (window.location.hostname === "poketube.fun" && config.plausible_enabled == t
// Call the fetchAndDisplayWeather function when the page loads // Call the fetchAndDisplayWeather function when the page loads
fetchAndDisplayWeather(); fetchAndDisplayWeather();
</script><script src="/static/emojis.js"></script><style> img.emoji {height: 1em;width: 1em;margin: 0 .05em 0 .1em;vertical-align: -0.1em;}</style> </script><script src="/static/emojis.js"></script><script src="/static/data-mobile.js"></script><style> img.emoji {height: 1em;width: 1em;margin: 0 .05em 0 .1em;vertical-align: -0.1em;}</style>
<script>twemoji.parse(document.body,{ base: 'https://p.poketube.fun/https://cdn.zptr.cc/twemoji/' })</script></div> <script>twemoji.parse(document.body,{ base: 'https://p.poketube.fun/https://cdn.zptr.cc/twemoji/' })</script></div>
</div> <!-- id="content_homepage" --> </div> <!-- id="content_homepage" -->
</div> <!-- id="content_wrapper_homepage" --> </div> <!-- id="content_wrapper_homepage" -->