413 lines
16 KiB
HTML
413 lines
16 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Hojuix</title>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
|
|
/>
|
|
<link rel="stylesheet" href="/style.css" />
|
|
<style>
|
|
p {
|
|
font-family: 'Courier New', monospace;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- Oneko.js -->
|
|
<script src="/assets/oneko.js"></script>
|
|
|
|
<div align="center">
|
|
|
|
<table class="mainBox" style="width: 95%">
|
|
<tbody>
|
|
|
|
<!-- Left Sidebar -->
|
|
<td class="sidebar">
|
|
<div class="contentBox">
|
|
<p align="center" style="padding-bottom: 5px; color: MediumSlateBlue; font-size: 18px;">
|
|
<u>Navigation</u>
|
|
</p>
|
|
|
|
<!-- Project links -->
|
|
<p style="color: CornflowerBlue;">
|
|
<u>Projects</u>
|
|
</p>
|
|
<ul style="margin: 0;">
|
|
<li>
|
|
<p>
|
|
<a class="linknotvalid" href="/pages/project_ossp">OSSP</a>
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
<a class="linknotvalid" href="/pages/project_desk_clock">Desk Clock</a>
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
<a class="linknotvalid" href="/pages/project_hojuix_krnl">Hojuix Kernel</a>
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
<a href="/pages/project_seabios">SeaBIOS Fork</a>
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- Recipes links -->
|
|
<p style="color: CornflowerBlue;">
|
|
<u>Recipes</u>
|
|
</p>
|
|
<ul style="margin: 0;">
|
|
<li>
|
|
<p>
|
|
<a class="linknotvalid" href="/pages/recipe_moist_pancakes">Moist pancakes</a>
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
<a class="linknotvalid" href="/pages/scuffed_jjajangmyeon">Scuffed 짜장면</a>
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- Photos links -->
|
|
<p style="color: CornflowerBlue;">
|
|
<u>Photos</u>
|
|
</p>
|
|
<ul style="margin: 0;">
|
|
<li>
|
|
<p>
|
|
<a class="linknotvalid" href="/pages/photos_korea2024">Korea 2024</a>
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="contentBox">
|
|
<p align="center" style="padding-bottom: 5px; color: MediumSlateBlue; font-size: 18px;">
|
|
<u>My weather</u>
|
|
</p>
|
|
<div id="weatherInfo">
|
|
<img style="width: 32px; height: 32px;" src="/assets/weather/sunny-4x.png" />
|
|
<p id="weather_c"></p>
|
|
<p id="weather_humidity"></p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
|
|
|
|
<!-- Main Content -->
|
|
<td class="innerBox" style="width: 65%">
|
|
<div class="contentBox">
|
|
<p style="font-size: 18px">
|
|
welcome :3<br>
|
|
Hello, i'm Goldenkrew3000, and welcome to my website!<br>
|
|
Some facts about me:
|
|
</p>
|
|
|
|
<ul>
|
|
<li>
|
|
<p style="font-size: 18px">
|
|
I am 21
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p style="font-size: 18px">
|
|
I live in Queensland, Australia (unfortunately)
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p style="font-size: 18px">
|
|
My native language is English, and I know a little Korean
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p style="font-size: 18px">
|
|
My primary programming language is C
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p style="font-size: 18px">
|
|
I love cooking/baking, even if I don't do it too often
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
|
|
<p style="font-size: 18px">
|
|
If you want to contact me, you can at:
|
|
</p>
|
|
|
|
<ul>
|
|
<li>
|
|
<p>Twitter</p>
|
|
</li>
|
|
<li>
|
|
<p>Discord</p>
|
|
</li>
|
|
<li>
|
|
<p>Telegram</p>
|
|
</li>
|
|
<li>
|
|
<p>Signal</p>
|
|
</li>
|
|
</ul>
|
|
|
|
<p style="font-size: 18px">
|
|
On the projects panel, you can find multiple of my projects (Both completed
|
|
and in-progress). If the link is red, it means that the page has not yet been
|
|
created.<br>
|
|
EDIT: I have not had much time lately, and the SeaBIOS Fork page is also incomplete. It's in the middle of rewriting so sections are duplicated. Don't bother at this time basically.
|
|
</p>
|
|
</div>
|
|
</td>
|
|
|
|
<!-- Right Sidebar -->
|
|
<td class="sidebar">
|
|
<!-- Oomfies list :3 -->
|
|
<div class="contentBox">
|
|
<p align="center" style="padding-bottom: 5px; color: MediumSlateBlue; font-size: 18px;">
|
|
<u>Oomfs</u>
|
|
</p>
|
|
|
|
<ul style="margin: 0;">
|
|
<li>
|
|
<p>
|
|
<a href="https://nsg650.github.io/">
|
|
NSG650
|
|
</a>
|
|
</p>
|
|
</li>
|
|
|
|
<li>
|
|
<p>
|
|
<a href="https://x.com/whatdahopper">
|
|
whatdahopper
|
|
</a>
|
|
</p>
|
|
</li>
|
|
|
|
<li>
|
|
<p>
|
|
<a href="https://mnux.xyz">
|
|
mnux
|
|
</a>
|
|
</p>
|
|
</li>
|
|
|
|
<li>
|
|
<p>
|
|
<a href="https://sarascafe.lenowo.org/">
|
|
saraaa7447
|
|
</a>
|
|
</p>
|
|
</li>
|
|
|
|
<li>
|
|
<p>
|
|
<a href="https://averageun1x.neocities.org/">
|
|
averageun1x
|
|
</a>
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="contentBox">
|
|
<p align="center" style="padding-bottom: 5px; color: MediumSlateBlue; font-size: 18px;">
|
|
<u>Music</u>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="contentBox">
|
|
<p align="center" style="padding-bottom: 5px; color: MediumSlateBlue; font-size: 18px;">
|
|
<u>Visitors</u>
|
|
</p>
|
|
</div>
|
|
</td>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<!-- 8831 Footer -->
|
|
<div class="eeto-footer">
|
|
<a href="https://diyhrt.wiki/">
|
|
<img src="/assets/8831/e2v2-88x31.gif" />
|
|
</a>
|
|
|
|
<a href="/taegukgi">
|
|
<img src="/assets/8831/taegukgi-8831.png" />
|
|
</a>
|
|
|
|
<a href="https://www.debian.org/">
|
|
<img src="/assets/8831/powered-by-debian.gif" />
|
|
</a>
|
|
|
|
<a href="https://www.noaa.gov/">
|
|
<img src="/assets/8831/noaa.gif" />
|
|
</a>
|
|
|
|
<a href="https://grapheneos.org/">
|
|
<img src="/assets/8831/grapheneos.gif" />
|
|
</a>
|
|
|
|
<a href="https://en.wikipedia.org/wiki/ISO_8601">
|
|
<img src="/assets/8831/iso8601.jpg" />
|
|
</a>
|
|
|
|
<a href="/assets/bnuuycake.png">
|
|
<img src="/assets/8831/iamverygay.png" />
|
|
</a>
|
|
|
|
<a href="https://sarascafe.lenowo.org/">
|
|
<img src="/assets/8831/sarascafe.gif" />
|
|
</a>
|
|
|
|
<a href="https://fauux.neocities.org/">
|
|
<img src="/assets/8831/lain.gif" />
|
|
</a>
|
|
|
|
<a href="https://maia.crimew.gay/">
|
|
<img src="/assets/8831/maia.crimew.gay.png" />
|
|
</a>
|
|
|
|
<a href="https://www.ccc.de/en/">
|
|
<img src="/assets/8831/39C3_88x31.gif" />
|
|
</a>
|
|
|
|
<a href="https://www.coreboot.org/">
|
|
<img src="/assets/8831/coreboot.png" />
|
|
</a>
|
|
|
|
<a href="https://kernel.org/">
|
|
<img src="/assets/8831/madeonlinux.png" />
|
|
</a>
|
|
|
|
<a href="https://www.youtube.com/watch?v=H2kdPzjbTkw">
|
|
<img src="/assets/8831/gay.gif" />
|
|
</a>
|
|
|
|
<a href="https://archlinux.org/">
|
|
<img src="/assets/8831/arch.gif" />
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.sns-section {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.sns-icon {
|
|
filter: brightness(0) invert(100%);
|
|
}
|
|
|
|
.sns-text {
|
|
color: white;
|
|
font-family: "DOS";
|
|
font-size: 16px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.general-text {
|
|
color: white;
|
|
font-family: "DOS";
|
|
font-size: 20px;
|
|
}
|
|
.title-text {
|
|
color: mediumpurple;
|
|
font-family: "DOS";
|
|
font-size: 20px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
<script>
|
|
let engMode = 1;
|
|
|
|
function getWeather() {
|
|
var xhr = new XMLHttpRequest();
|
|
xhr.open("GET", "https://api.hojuix.org/v1/weather/neighbor", true);
|
|
xhr.responseType = 'json';
|
|
xhr.onload = function() {
|
|
if (xhr.status === 200) {
|
|
let weatherJson = xhr.response;
|
|
console.log(weatherJson);
|
|
|
|
// Format weather
|
|
if (engMode == 1) {
|
|
let temp_c = weatherJson["temp_c"] + " °C (" + weatherJson["temp_f"] + " °F)";
|
|
let humidity = weatherJson["humidity"] + " %";
|
|
let brightness = "Brightness: " + weatherJson["lux"] + " lx";
|
|
let uv = "UV Index: " + weatherJson["uvi"] + " (UV: " + weatherJson["uv"] + ")";
|
|
let last_updated = "Last updated: "
|
|
document.getElementById("weather_c").innerHTML=temp_c;
|
|
document.getElementById("weather_humidity").innerHTML=humidity;
|
|
document.getElementById("weather_lux").innerHTML=brightness;
|
|
document.getElementById("weather_uv").innerHTML=uv;
|
|
} else {
|
|
let temp_c = "섭씨: " + weatherJson["temp_c"] + " °C (" + weatherJson["temp_f"] + " °F)";
|
|
let humidity = "습도: " + weatherJson["humidity"] + " %";
|
|
let brightness = "밝기: " + weatherJson["lux"] + " lx";
|
|
let uv = "UV Index: " + weatherJson["uvi"] + " (UV: " + weatherJson["uv"] + ")";
|
|
let last_updated = "마지막 업데이트: ?"
|
|
document.getElementById("weather_title").innerHTML="나의 날씨"
|
|
document.getElementById("weather_lastupdated").innerHTML=last_updated;
|
|
document.getElementById("weather_c").innerHTML=temp_c;
|
|
document.getElementById("weather_humidity").innerHTML=humidity;
|
|
document.getElementById("weather_lux").innerHTML=brightness;
|
|
document.getElementById("weather_uv").innerHTML=uv;
|
|
}
|
|
}
|
|
}
|
|
xhr.send();
|
|
}
|
|
|
|
function formatWeather() {
|
|
//
|
|
}
|
|
|
|
function weatherHelp() {
|
|
alert("Thanks to my neighbor's (probable) non-knowledge of my actions, and with the help of rtl433, here is my current weather :)");
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
getWeather();
|
|
});
|
|
</script>
|
|
</html>
|