sjlua.github.io/about.html at main · sjlua/sjlua.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
        <link
            href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap"
            rel="stylesheet"
        />

        <title>Sean Lua: About</title>
        <link rel="icon" href="images/DrJosef.jpg" />
        <link rel="stylesheet" href="style.css" />
        <link rel="stylesheet" href="media.css" />
        <script src="./spine.js"></script>
    </head>

    <body>
        <!-- Unified Navbar -->
        <nav class="navbarWrap">
            <!-- Organises the inner layout of SJ Lua + More icon -->
            <div class="navbarContainer">
                <!-- SJ Lua -->
                <!-- Returns to the root/original page -->
                <a href="/" class="jetbrains-mono-normal navbarLogo">SJ Lua</a>

                <!-- More icon, and its entries -->
                <div class="hamburgerMenu">
                    <div class="hamburgerIcon" onclick="toggleMenu()">
                        <span id="line1"></span>
                        <span id="line2"></span>
                        <span id="line3"></span>
                    </div>

                    <ul class="hamburgerLinks">
                        <li>
                            <a
                                class="jetbrains-mono-normal navbarButton"
                                href="about"
                                onclick="toggleMenu()"
                                >ABOUT</a
                            >
                        </li>
                        <li>
                            <a
                                class="jetbrains-mono-normal navbarButton"
                                href="/chronicles/"
                                onclick="toggleMenu()"
                                >METAL CHRONICLES</a
                            >
                        </li>
                        <li>
                            <a
                                class="jetbrains-mono-normal navbarButton"
                                href="portfolio"
                                onclick="toggleMenu()"
                                >PORTFOLIO</a
                            >
                        </li>
                        <li>
                            <a
                                class="jetbrains-mono-normal navbarButton"
                                href="https://sjlua.dev/dexern/"
                                onclick="toggleMenu()"
                                >DEXERN</a
                            >
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

        <!-- Body wrap -->
        <div class="bodyWrap">
            <div class="twoColumnContainer">
                <div class="headerText">
                    <h1 class="jetbrains-mono-normal pageTitle" id="about">
                        About
                    </h1>
                    <div class="description">
                        <p>
                            I'm a second year Bachelor of Computer Science
                            student at Monash University, who is interested in
                            all sorts of technology, particularly mobile phones.
                        </p>
                        <p>
                            I find mobile phones quite fascinating, since they
                            manage to cram in so much tech in such a small
                            package. My interest began with Android phones,
                            especially GCam mods and custom ROMs, which led to
                            my eventual interest in computer science.
                        </p>
                        <p>
                            Apart from technology, I'm pretty big on single
                            player games like Pokémon, as well as Korean dramas,
                            which has led me to learning the Korean language
                            itself.
                        </p>
                        <p>
                            여러분 안녕하세요, 저는 Sean Josef Lua이라고합니다.
                            만나서 반갑십니다! 2025년에 한국어 공부하기가
                            시작했어요. 처음에 힘들지만 생각보다 재미
                            있더라고요. ^^
                        </p>
                        <p>
                            I also sometimes do some landscape photography, like
                            the following image of a forest.
                        </p>
                        <p>
                            This entire website was made in pure HTML, CSS and
                            JavaScript.
                        </p>
                    </div>
                </div>
                <img
                    class="headerImg"
                    src="images/about.jpg"
                    alt="A photograph of a forest by Sean Josef Lua, July 2024."
                />
            </div>
        </div>

        <footer class="footerContainer">
            <br />
            <svg
                class="footerIcons"
                onclick="location.href = 'https://github.com/sjlua'"
                xmlns="http://www.w3.org/2000/svg"
                width="24"
                height="24"
                viewBox="0 0 24 24"
            >
                <path
                    d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
                />
            </svg>
            <svg
                class="footerIcons"
                onclick="location.href = 'https://www.linkedin.com/in/sjlua'"
                xmlns="http://www.w3.org/2000/svg"
                width="24"
                height="24"
                viewBox="0 0 24 24"
            >
                <path
                    d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"
                />
            </svg>
            <p id="footerText">
                Copyright © 2025 Sean Josef Lua. All Rights Reserved.
            </p>
        </footer>
    </body>
</html>