0x4248.github.io/index.html at main · 0x4248/0x4248.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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>0x4248</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/style.css">
</head>

<body class="basic">

    <pre class="topbar">
<span class="logo">0x4248</span> [<a href="/">home</a>] [<a href="https://n.0x4248.dev">Notebook</a>] [<a href="https://0x4248.dev/album">Photo Album</a>] [<a href="/nexus">Nexus</a>] [<a href="https://github.com/0x4248">GitHub</a>] <a id="basic-toggle" onclick="localStorage.setItem('force_compatibility_mode', 'false'); location.reload();">Turn off basic CSS</a>
</pre>

    <div class="container">
        <!-- SIDEBAR -->
        <div class="sidebar">
            <pre class="nav">
<h1><img src="/icons/computer_search-0.png" class="icon" style="width: 30px; height: 30px;">/ - ROOT</h1>
* <a href="/">landing</a>
    * <a href="/AboutMe">about</a>
    * <a href="https://n.0x4248.dev">Notebook</a>
    * <a href="https://m.0x4248.dev">Man pages</a>
    * <a href="/nexus">nexus</a>
    * <a href="/album">Photo Album</a>
    * <a href="https://github.com/0x4248">git</a>
    <hr>
<h2>External</h2>

* <a href="https://github.com/0x4248">GitHub</a>
* <a href="https://gist.github.com/0x4248">Gist</a>
* <a href="https://www.openstreetmap.org/user/0x4248">OpenStreetMap</a>

<h2>Accessibility</h2>
<b>JS Required</b>
* <a onclick="document.getElementById('main').style.fontFamily='Georgia,serif'">Set to serif font</a>
* <a onclick="document.getElementById('main').style.filter='contrast(200%)'">High contrast</a>
* <a onclick="document.getElementById('main').style.filter='invert(100%)'">Invert colours</a>
* <a onclick="document.getElementById('main').style.fontSize='18px'">Increase font size</a>
* <a onclick="document.getElementById('main').style.fontSize='14px'">Reset font size</a>
* <a onclick="localStorage.setItem('force_compatibility_mode', 'true'); location.reload();">Force compatibility mode</a>
            </pre>
            </pre>
            <pre>
      |\      _,,,---,,_
ZZZzz /,`.-'`'    -.  ;-;;,_
     |,4-  ) )-,_. ,\ (  `'-'
    '---''(_/--'  `-'\_)
Sleepy little fella
            </pre>


        </div>

        <!-- CONTENT -->
        <div class="content" id="main">

            <p class="logo">0x4248</p>

            <h1>Welcome</h1>

            <div class="mobile-warning">
                <div class="p-icon-flex">
                    <img src="/icons/msg_warning-0.png" class="icon">
                    <p>This site is designed primarily for desktop and laptop systems. Some content may not display
                        optimally on mobile devices.</p>
                </div>
            </div>

            <div class="compatibility-warning" id="compatibility-warning">
                <div class="p-icon-flex">
                    <img src="/icons/msg_warning-0.png" class="icon">
                    <p>Website is now in compatibility mode. Some features may not work and the layout may be broken.</p>
                </div>
            </div>

            <div class="p-icon-flex">
                <img src="/icons/world-4.png" class="icon-large">
                <p>
                    This is the personal website of 0x4248. It serves as a central location for my projects, research
                    notes, experiments, and long-term technical work.
                    Due to the recent downfall of the internet and the rise of heavy javascript frameworks, I wanted to
                    create a site that lets me share my work in a fast, simple, and accessible way. Therefore this site
                    is simple by design; low bandwith and low resource usage was a major goal.
                    <br>
                    Sadly this site isnt <code>lynx</code>, <code>elinks</code>, or any other text-based browser
                    compatible, but any browser newer than 2010 should have no problem rendering it.
            </div>
            <p>
                This website is heavily inspired by the old-school 2000-2010s web design which always gives me the
                nostalgic vibes of browsing the web in my early childhood. I always strive for simplicity and clear
                organization in my design, and I hope that this site reflects that. I also wanted to make something that
            </p>
            <p>
                Take a scroll down to look at some of the things I have been working on recently, and feel free to
                explore the site using the navigation links on the left or top of the page. If you have any questions,
                suggestions, or just want to say hi, you can contact me at <code>4248@protonmail.com</code>.
            </p>

            <hr>
            <div class="callout-error">
                <h2>Geo-blocking Notice</h2>
                <div class="p-icon-flex">
                    <img src="/icons/msg_error-0.png" class="icon">
                    <div>
                        <p>
                            Due to ongoing political internet censorship and geo-blocking in certain regions, some users
                            may experience difficulty accessing this site.
                            This is common in countries with strict internet regulations <i>(Including recently the
                                UK)</i> and may result in the site being completely inaccessible.
                            If this is the case:
                        <ul>
                            <li>Use a VPN or proxy</li>
                            <li>Contact me <code>4248@protonmail.com</code> to report it with your country, ISP <i>(Dont
                                    disclose more info than you are comfortable with)</i> and any error messages you
                                receive.</li>
                        </ul>
                            Many blocked websites are only small websites, forums, and even personal websites like this.
                    </p>
                        </ul>
                    </div>
                </div>
            </div>
            <h2>How do I navigate your site?</h2>

            <p>
                Navigation is intentionally simple. This site is in 3 main sections: <a href="/notebook">notebook</a>,
                <a href="/nexus">nexus</a>, and this page your on. I call this page the root pages.
            <p>Each section serves a distinct purpose:</p>

            <ul>
                <li><strong><a href="/notebook">Notebook</a></strong> - This is where I write notes, documentation, and
                    anything i produce in Obsidian. <b>Yes this page has way more JavaScript</b> thats because its
                    done using Quartz which is an amazing project.</li>
                <li><strong><a href="/nexus">Nexus</a></strong> - This is where almost all of my code lives. Its a
                    simple,
                    low-bandwidth git repository browser that I wrote myself.</li>
                <li><strong>Root</strong> - This page. It serves as a landing
                    page and general introduction to the site. I also post news updates and general information about
                    myself here.</li>
            </ul>

            <hr>

            <h2>Recent News</h2>

            <h3>Site revamp</h3>
            <p><em>2025-11-07</em></p>
            <p>
                Full redesign of the site with a focus on improved layout, readability, and more effective use of screen
                space.
            </p>

            <h3>Site update</h3>
            <p><em>2025-06-20</em></p>
            <p>
                Updated colour scheme and general visual refinements.
            </p>

            <h3>New domain</h3>
            <p><em>2024-08-21</em></p>
            <p>
                Site migrated to the 0x4248.dev domain.
            </p>

            <hr>

            <h2>ABOUT ME</h2>

            <h3>About Me</h3>
            <p><strong>Name:</strong> Lewis (known online as 0x4248)</p>
            <p><strong>Age:</strong> 18</p>

            <h3>Background</h3>
            <p>
                I am a software developer with a strong interest in operating systems, low-level programming, and cyber
                security.
                I am currently studying Computer Science and spend much of my time working on personal systems-oriented
                projects.
            </p>
            <p>
                I live in southern England. Outside of software, I have an interest in radio communications and
                photography.
                I frequently experiment with Linux internals, firmware, and kernel-level components, often targeting
                unconventional or constrained hardware.
            </p>
            <p>
                I also work extensively with Blender for 3D, rendering, and general media production. I use it as my
                primary tool for visual work.
            </p>

            <hr>
            <h2>Legal</h2>
            <p><b>Copyright © 2021-2026 0x4248</b></p>
            <p><i>0x4248, 4248 Systems, 4248 Media and 4248 Music is not a registered company, charity, or legal entity.
                    It is a online personal
                    identity and personal brand for my work and projects. 0x4248 does not gain financial profit from any
                    of the projects, software,
                    or media associated with the name; however donations to help support the hosting, development, and
                    maintenance costs of the projects
                    are accepted and appreciated. Most software released under the 0x4248 name is licensed under the
                    GPLv3 or later and does NOT PROVIDE
                    ANY WARRANTY OR LIABILITY. All content on this site is licensed under the Creative Commons
                    Attribution-ShareAlike 4.0 International
                    License (CC BY-SA 4.0) unless otherwise noted.</i></p>

        </div>

</body>
<script>
    // if the local storage key "force_compatibility_mode" is set to "true", then we will assume the user has intentionally chosen to view the site in compatibility mode and we will not hide the compatibility warning or remove the "basic" class from the body
    if (localStorage.getItem("force_compatibility_mode") === "true") {
        document.getElementById("compatibility-warning").style.display = "block";

    } else {
        document.body.classList.remove("basic");
        document.getElementById("compatibility-warning").style.display = "none";
        document.getElementById("basic-toggle").style.display = "none";
    }

</script>

</html>