Skip to content

Commit

Permalink
Dev
Browse files Browse the repository at this point in the history
  • Loading branch information
@udontur
udontur committed Dec 10, 2024
1 parent 51c8c6c commit f8ffab9
Show file tree
Hide file tree
Showing 11 changed files with 335 additions and 209 deletions.
Binary file added learn/img/dog.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
25 changes: 25 additions & 0 deletions learn/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fix the Cascade</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<p class="para">I'm just a paragraph with extra bold text!</p>
<p class="para small-para">I'm a smaller paragraph, also with extra bold text!</p>

<button id="confirm-button" class="button confirm">Confirm</button>
<button id="cancel-button" class="button cancel">Cancel</button>

<div class="text child">I'm a div with thin text!</div>
<div class="text">I'm a div with thin text and a child div!
<div class="text child">I'm a smaller child div with extra bold text.</div>
</div>
</body>

</html>
11 changes: 11 additions & 0 deletions learn/odin-links-and-images/about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About page</title>
</head>
<body>
<h1>Waawawaawawawawawawaw</h1>
</body>
</html>
14 changes: 14 additions & 0 deletions learn/odin-links-and-images/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Homepage</title>
</head>
<body>
<h1>Homepage</h1>
<a href="https://hadrianlau.com" target="_blank" rel="noopener noreferrer">About The Odin Project</a>
<a href="./about.html">Its the about page dude</a>
<img src="../img/dog.jpg" alt="doggy from odin project practice" height="310" width="2010">
</body>
</html>
1 change: 1 addition & 0 deletions learn/odin-links-and-images/resource.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
https://dev.to/swirl/24-best-resources-for-web-developers-html-css-javascript--2hog
Binary file added learn/project1/img/image.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 22 additions & 0 deletions learn/project1/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spaghetti Alla Carbonara Recipie</title>
</head>
<body>
<h1>Spaghetti Alla Carbonara Recipie</h1>
<h3>Ingredients</h3>
<ol>
<li>2 teaspoons of Olive Oil</li>
<li>1 pound of Diced Guanciale</li>
<li>16 ounce Spaghetti</li>
<li>3 large Eggs</li>
<li>10 tablespoons of grated Pecorino Romano Cheese</li>
<li>Salt and Freshly ground black pepper</li>
</ol>
<h3>Directions</h3>
<img src="img/image.png" height="300">
</body>
</html>
Empty file added learn/project1/s
View file
Empty file.
39 changes: 39 additions & 0 deletions learn/style.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
body {
font-family: Arial, Helvetica, sans-serif;
}

.para {
color: hsl(0, 0%, 0%);
font-weight: 800;
font-size: 22px;
}

.small-para {
font-size: 14px;
font-weight: 800;
}

#confirm-button {
background: green;
color: white;
font-weight: bold;
}

.button {
background-color: rgb(255, 255, 255);
color: rgb(0, 0, 0);
font-size: 20px;
}
.text {
color: rgb(0, 0, 0);
font-size: 22px;
font-weight: 100;
}

.child {
color: rgb(0, 0, 0);
font-weight: 800;
font-size: 14px;
}


223 changes: 14 additions & 209 deletions src/env/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,212 +1,17 @@
---
<!-- ---
permalink: /
---
<!--
-->
--- -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Hadrian Lau's (@udontur) personal website">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SQB118V6BD"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag("js",new Date());gtag("config","G-SQB118V6BD");</script>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" type="text/css" href="/src/style/theme.css" />
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<link rel="icon" type="image/webp" href="/asset/icon/favicon.webp" />
<title>Hadrian Lau</title>
</head>
<body>
<div class="navbar">
<a href="https://hadrianlau.com">
<button class="left-button">
<img style="width: 20px; border-radius: 5px" src="/asset/icon/favicon.webp" alt="favicon"/> Hadrian Lau
</button>
</a>
<div class="right-buttons">
<a href="https://hadrianlau.com/bio">
<button>
<iconify-icon icon="lucide:graduation-cap"></iconify-icon>
Bio
</button>
</a>
<a href="https://hadrianlau.com/projects">
<button>
<iconify-icon icon="material-symbols:book-outline"></iconify-icon>
Projects
</button>
</a>
<a href="https://hadrianlau.com/contests">
<button>
<iconify-icon icon="solar:medal-ribbon-star-linear"></iconify-icon>
Contests
</button>
</a>
</div>
</div>
<br>
<br>
<img src="/asset/img/udontur.webp" class="right-image" alt="Hadrian's profile picture"/>
<div>
<h3 style="color: white; font-size: 60px;">
Hello! I'm
</h3>
</div>
<div>
<h3 style="color: #4ade80; font-size: 80px;">
Hadrian Lau
</h3>
<h3 style="font-weight: 400 !important">
@udontur - Computer Science and Math enthusiast
</h3>
</div>
<br>
<br>
<br>
<br>
<div class="navbar">
<a href="https://github.com/udontur">
<button style="color: white;" class="left-button">
<iconify-icon icon="mdi:github"></iconify-icon> GitHub
</button>
</a>
<a href="https://judge.hkoi.org/user/dsctur">
<button style="color: white;" class="left-button">
<iconify-icon icon="hugeicons:programming-flag"></iconify-icon> HKOI
</button>
</a>

<a href="mailto:[email protected]">
<button style="color: white;" class="left-button">
<iconify-icon icon="ic:outline-email"></iconify-icon> Email
</button>
</a>
<a href="https://leetcode.com/u/udontur">
<button style="color: white;" class="left-button">
<iconify-icon icon="simple-icons:leetcode"></iconify-icon> LeetCode
</button>
</a>
<a href="https://codeforces.com/profile/udontur">
<button style="color: white;" class="left-button">
<iconify-icon icon="simple-icons:codeforces"></iconify-icon> CodeForces
</button>
</a>
</div>
<br>
<h1 class="itemtitle">About</h1>
<br>
<div class="itemblock-white">
<p>
Hi! I am
<span style="color: #4ade80; font-weight: bold;">Hadrian Lau</span>
, also known as
<span style="color: white; font-weight: bold;">@udontur</span>
</p>
<p>
<iconify-icon style="color: #4ade80;" icon="mingcute:target-line"></iconify-icon>
Passionate in
<span style="color: #4ade80; font-weight: bold;">Problem-Solving</span>
,
<span style="color: #4ade80; font-weight: bold;">Optimization</span>
, and
<span style="color: #4ade80; font-weight: bold;">Customization</span>
since childhood
</p>
<p>
<iconify-icon style="color: #4ade80;" icon="bx:brain"></iconify-icon>
Enthusiastic in
<span style="color: #4ade80; font-weight: bold;">Software Engineering</span>,
<span style="color: #4ade80; font-weight: bold;">Competitive Programming</span>,
<span style="color: #4ade80; font-weight: bold;">Computer Science</span>,
and
<span style="color: #4ade80; font-weight: bold;">Math</span>
</p>
<p>
<iconify-icon style="color: white;" icon="material-symbols:speed-outline"></iconify-icon>
Enjoy building projects that
<span style="color: white; font-weight: bold;">"assist people in streamlining processes"</span>
</p>
<p>
<iconify-icon style="color: white;" icon="ant-design:linux-outlined"></iconify-icon>
Tinkering with
<span style="color: white; font-weight: bold;">Linux</span>,
I use Arch Hyprland (
<a href="https://github.com/udontur/hyprland">The DotFiles</a>
)
</p>
<p>
<iconify-icon style="color: white;" icon="lucide:turtle"></iconify-icon>
<span style="color: white; font-weight: bold;">Udon</span>
is my pet
<span style="color: white; font-weight: bold;">turtle</span>,
my buddy and mascot
</p>
<p>
<iconify-icon icon="material-symbols:skillet-cooktop-outline"></iconify-icon>
Like cooking noodle dishes
</p>
<p>
<iconify-icon icon="fluent-emoji-high-contrast:racing-car"></iconify-icon>
Love Sim Racing and Formula 1
</p>
</div>
<br>
<div style="float: right;">
<div>
<h1 class="itemtitle">Contests <a href="https://hadrianlau.com/contests"><button class="more">More &rarr;</button></a></h1>
<div class="itemblock">
<h3>Group 2 Honor Roll, Distinction</h3>
<p>Canadian Computing Competition 2023 (Junior)</p>
<p>Ranking: Top 2%</p>
</div>
<div class="itemblock">
<h3>School Grade Highest Award, Distinction</h3>
<p>University of Waterloo Pascal 2024</p>
<p>Ranking: Top 6%</p>
</div>
</div>
<br>
<div>
<h1 class="itemtitle">Education <a href="https://hadrianlau.com/bio"><button class="more">More &rarr;</button></a></h1>
<div class="itemblock">
<h3>DSC International School (Hong Kong)</h3>
<p>Ontario Secondary School Diploma</p>
<p>Feb 2024 - Present</p>
</div>
</div>
<br>
<br>
</div>
<div>
<div>
<h1 class="itemtitle">Projects <a href="https://hadrianlau.com/projects"><button class="more">More &rarr;</button></a></h1>
<div class="itemblock">
<h3>udontur/cs</h3>
<p>One-stop resource vault for junior teammates</p>
<p>Jan 2024 - Present</p>
</div>
<div class="itemblock">
<h3>Judgel</h3>
<p>Simple local C++ judge</p>
<p>Jul 2024</p>
</div>
</div>
<br>
<div>
<h1 class="itemtitle">Experience <a href="https://hadrianlau.com/bio"><button class="more">More &rarr;</button></a></h1>
<div class="itemblock">
<h3>
Operation Assistant @ HKFYG
</h3>
<p>Workplace training program</p>
<p>Aug 2024 (85 hours)</p>
</div>
</div>
</div>
<br>
<br>
</body>
</html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hadrian Lau</title>
</head>
<body>
<h1>Currently baking the site!</h1>
<div><a href="../page/index.html">Click here</a> to see the old version.</div>
<br>
<div>Some links: <a href="https://github.com/udontur">GitHub</a>, <a href="mailto:[email protected]">Email: [email protected]</a></div>
</body>
</html>
Loading

0 comments on commit f8ffab9

Please sign in to comment.