Skip to content

Commit

Permalink
Supported mobile version
Browse files Browse the repository at this point in the history
  • Loading branch information
@udontur
udontur committed Jul 21, 2024
1 parent 9e0e40f commit de133f5
Show file tree
Hide file tree
Showing 7 changed files with 189 additions and 2,491 deletions.
72 changes: 24 additions & 48 deletions src/env/error.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,22 +9,9 @@
<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>
<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" href="/src/style/theme.css" />
Expand All @@ -36,54 +23,43 @@
<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
<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>
<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>
</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>
</button>
</a>
<a href="https://hadrianlau.com/contests">
<button>
<iconify-icon icon="solar:medal-ribbon-star-linear"></iconify-icon>
Contests
</button></a
>
</button>
</a>
</div>
</div>
<br />
<br />
<br>
<br>
<center>
<img style="width: 400px" src="/asset/img/error.webp" alt="404 Not Found meme"/>
<br />
<br>
<a href="https://hadrianlau.com/">
<button style="width: 400px; font-size: 35px; padding: 20px">
<iconify-icon icon="pajamas:go-back"></iconify-icon>
Go back
</button>
</a>
</center>
<br />
<br />
<br>
<br>
</body>
</html>
147 changes: 79 additions & 68 deletions src/env/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,81 +10,63 @@
<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>
<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
<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>
<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>
</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>
</button>
</a>
<a href="https://hadrianlau.com/contests">
<button>
<iconify-icon icon="solar:medal-ribbon-star-linear"></iconify-icon>
Contests
</button></a
>
</button>
</a>
</div>
</div>
<br />
<br />
<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>
<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="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 />
<br>
<br>
<br>
<br>
<div class="navbar">
<a href="https://github.com/udontur">
<button style="color: white;" class="left-button">
Expand All @@ -93,8 +75,7 @@ <h3 style="font-weight: 400 !important">
</a>
<a href="https://leetcode.com/u/udontur">
<button style="color: white;" class="left-button">
<iconify-icon icon="simple-icons:leetcode"></iconify-icon>
LeetCode
<iconify-icon icon="simple-icons:leetcode"></iconify-icon> LeetCode
</button>
</a>
<a href="mailto:[email protected]">
Expand All @@ -104,29 +85,58 @@ <h3 style="font-weight: 400 !important">
</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>
<a href="https://www.instagram.com/udon.tur">
<button style="color: white;" class="left-button">
<iconify-icon icon="mdi:instagram"></iconify-icon> Instagram
<iconify-icon icon="simple-icons:codeforces"></iconify-icon> CodeForces
</button>
</a>
</div>
<br />
<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> and <span style="color: #4ade80; font-weight: bold;">Optimization</span> since childhood</p>
<p><iconify-icon style="color: #4ade80;" icon="bx:brain"></iconify-icon> Enthusiastic in <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;">streamline functions</span></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 mascot since I started programming</p>
<p><iconify-icon icon="material-symbols:skillet-cooktop-outline"></iconify-icon> Love cooking and rearranging procedures to maximize kitchen efficiency</p>
<p><iconify-icon icon="tabler:bulb"></iconify-icon> Fun fact: "@udontur" comprises one of my favorite noodle dishes, "udon," and "tur" as my pet turtle (also named Udon!)</p>
<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>
and
<span style="color: #4ade80; font-weight: bold;">Optimization</span>
since childhood
</p>
<p>
<iconify-icon style="color: #4ade80;" icon="bx:brain"></iconify-icon>
Enthusiastic in
<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;">streamline functions</span>
</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 mascot since I started programming
</p>
<p>
<iconify-icon icon="material-symbols:skillet-cooktop-outline"></iconify-icon>
Love cooking and rearranging procedures to maximize kitchen efficiency
</p>
<p>
<iconify-icon icon="tabler:bulb"></iconify-icon>
Fun fact: "@udontur" comprises one of my favorite noodle dishes, "udon," and "tur" as my pet turtle (also named Udon!)
</p>
</div>
<br />
<br>
<div style="float: right;">
<div>
<h1 class="itemtitle">Education <a href="https://hadrianlau.com/bio"><button class="more">More &rarr;</button></a></h1>
Expand All @@ -145,9 +155,10 @@ <h3>Operation Assistant @ H.K. Fed. of Youth Groups</h3>
<p>Jul 2023 - Aug 2023</p>
</div>
</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>
Expand Down
Loading

0 comments on commit de133f5

Please sign in to comment.