Skip to content

Commit 69a6827

Browse files
LinuxJava7LinuxJava7
authored
Update index.html
1 parent d2f9c20 commit 69a6827

File tree

1 file changed

+97
-61
lines changed

1 file changed

+97
-61
lines changed

‎index.html‎

Lines changed: 97 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -2,79 +2,115 @@
22
<html lang="en">
33

44
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>LinuxJava7</title>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>LinuxJava7</title>
88

9-
<!-- Open Graph Meta Tags -->
10-
<meta property="og:title" content="LinuxJava7 - Personal Website" />
11-
<meta property="og:description" content="Welcome to LinuxJava7's personal website." />
12-
<meta property="og:url" content="https://linuxjava7.dev/" />
13-
<meta property="og:type" content="website" />
9+
<!-- Open Graph Meta Tags -->
10+
<meta property="og:title" content="LinuxJava7 - Personal Website">
11+
<meta property="og:description" content="Welcome to LinuxJava7's personal website.">
12+
<meta property="og:url" content="https://linuxjava7.dev/">
13+
<meta property="og:type" content="website">
1414

15-
<!-- Twitter Card Meta Tags -->
16-
<meta name="twitter:card" content="summary" />
17-
<meta name="twitter:title" content="LinuxJava7 - Personal Website" />
18-
<meta name="twitter:description" content="Welcome to LinuxJava7's personal website." />
15+
<!-- Twitter Card Meta Tags -->
16+
<meta name="twitter:card" content="summary">
17+
<meta name="twitter:title" content="LinuxJava7 - Personal Website">
18+
<meta name="twitter:description" content="Welcome to LinuxJava7's personal website.">
1919

20-
<!-- Link to Stylesheet -->
21-
<link rel="stylesheet" href="style.css">
22-
<link rel="preconnect" href="https://rsms.me/">
23-
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
20+
<!-- Link to Stylesheet -->
21+
<link rel="stylesheet" href="style.css">
22+
<link rel="preconnect" href="https://rsms.me/">
23+
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
2424
</head>
2525

2626
<body>
2727

28-
<!-- Header -->
29-
<header class="headerbar">
30-
<!-- Navigation (View Switcher) -->
31-
<nav class="view-switcher">
32-
<ul>
33-
<li><a href="/" class="current" aria-current="page">
34-
<img src="data/icons/go-home-symbolic.svg" alt="Home icon" class="nav-icon"> Home
35-
</a></li>
36-
<li><a href="/test1">Test 1</a></li>
37-
<li><a href="/test2">Test 2</a></li>
38-
</ul>
39-
</nav>
40-
</header>
28+
<!-- Header -->
29+
<header class="headerbar">
30+
<!-- Navigation (View Switcher) -->
31+
<nav class="view-switcher">
32+
<ul>
33+
<li><a href="/" class="current" aria-current="page">
34+
<img src="data/icons/go-home-symbolic.svg" alt="Home icon" class="nav-icon"> Home
35+
</a></li>
36+
<li><a href="/test1">Test 1</a></li>
37+
<li><a href="/test2">Test 2</a></li>
38+
</ul>
39+
</nav>
40+
</header>
4141

42-
<!-- Main Content -->
43-
<main class="content">
44-
<h1>LinuxJava7</h1>
45-
<p><strong>Hey, I'm LinuxJava7.</strong> I'm currently studying A-Levels.</p>
42+
<!-- Main Content -->
43+
<main class="content">
44+
<div class="intro">
45+
<h1>LinuxJava7</h1>
46+
<p><strong>Hey, I'm LinuxJava7.</strong> I'm currently studying A-Levels. I'm a hobbyist UX and UI designer, Linux desktop user since 2021, FOSS (Free and Open Source Software) enthusiast, and aspiring full-stack developer.</p>
47+
</div>
4648

47-
<section>
48-
<h2 id="work">What do I do?</h2>
49-
<p>I do a lot of things, including:</p>
50-
<ul>
51-
<li><strong>I'm a hobbyist UX and UI designer</strong></li>
52-
<li><strong>Linux desktop user since 2021</strong></li>
53-
<li><strong>FOSS (Free and Open Source Software) enthusiast</strong></li>
54-
<li><strong>Aspiring full-stack developer</strong></li>
55-
<li>I'm a big fan of <a href="https://www.gnome.org/" target="_blank" rel="noopener noreferrer">GNOME</a> and their work; check them out!</li>
56-
</ul>
57-
</section>
49+
<blockquote>
50+
<p><em>By the way, this site is a <strong>heavy</strong> work in progress.</em></p>
51+
<p><em>I'm focusing on my studies at the moment and will return to improve this site in the coming months, so stay tuned &lt;3</em></p>
52+
</blockquote>
5853

59-
<hr>
54+
<div class="card-section">
55+
<h2>Projects and Contributions</h2>
56+
<div class="cards-grid">
57+
<div class="cards-grid-box">
58+
<h3><a href="https://buildtheearth.net" target="_blank" rel="noopener noreferrer">buildtheearth.net</a></h3>
59+
<p>A project that aims to recreate the Earth in Minecraft.
60+
<br>
61+
Also a <a href="https://www.guinnessworldrecords.com/world-records/734997-biggest-minecraft-project" target="_blank" rel="noopener noreferrer">Guinness World Record holder</a> for the largest Minecraft project in the world.
62+
</p>
63+
<h4>Support Staff Member (From August 2020 to September 2023)</h4>
64+
<p>Volunteered as a support staff member, helping users with technical issues.</p>
65+
<h4>Team Owner & System Administrator</h4>
66+
<p>
67+
Team owner for the Middle East region, also managing the Minecraft server as its system admin. <a href="https://buildtheearth.net/teams/me" target="_blank" rel="noopener noreferrer">Visit my team</a>
68+
</p>
69+
</div>
70+
<div class="cards-grid-box">
71+
<h3><a href="https://github.com/Avdan-OS" target="_blank" rel="noopener noreferrer">AvdanOS</a></h3>
72+
<p>
73+
Linux Desktop environment project based on <a href="https://youtu.be/tXFEiw1aJTw" target="_blank" rel="noopener noreferrer">a concept by Avdan</a>.
74+
</p>
75+
<h4>UI Designer (From 2022 to 2023)</h4>
76+
<p>Created some UI mockups and design systems for the desktop within the design team.</p>
77+
</div>
78+
</div>
79+
</div>
6080

61-
<blockquote>
62-
<p><em>By the way, this site is a <strong>heavy</strong> work in progress.</em></p>
63-
<p><em>I'm focusing on my studies at the moment and will return to improve this site in the coming months, so stay tuned <3</em></p>
64-
</blockquote>
65-
</main>
81+
<div class="card-section">
82+
<h2>Other Interests</h2>
83+
<div class="cards-grid">
84+
<div class="cards-grid-box">
85+
<h3><a href="https://www.gnome.org/" target="_blank" rel="noopener noreferrer">GNOME</a></h3>
86+
<p>
87+
Linux Desktop Environment
88+
</p>
89+
<p>
90+
GNOME is one of my main inspirations for UI and UX design, they do some really great stuff :)
91+
</p>
92+
</div>
93+
</div>
94+
</div>
95+
</main>
6696

67-
<!-- Footer -->
68-
<footer>
69-
<p>This website is licensed under the AGPL v3.</p>
70-
<ul class="social">
71-
<li class="github">
72-
<a href="https://github.com/linuxjava7" title="GitHub">
73-
GitHub
74-
</a>
75-
</li>
76-
</ul>
77-
</footer>
97+
<!-- Footer -->
98+
<footer>
99+
<p>This website is licensed under the AGPL v3.</p>
100+
<ul class="social">
101+
<li class="github">
102+
<a href="https://github.com/linuxjava7" title="GitHub" target="_blank" rel="noopener noreferrer">
103+
GitHub
104+
</a>
105+
</li>
106+
<li class="mastodon">
107+
<a href="https://mastodon.social/@linuxjava7" title="Mastodon" target="_blank" rel="noopener noreferrer">
108+
Mastodon
109+
</a>
110+
</li>
111+
</ul>
112+
</footer>
78113

79114
</body>
115+
80116
</html>

0 commit comments

Comments
 (0)