-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
159 lines (145 loc) · 6.33 KB
/
index.html
File metadata and controls
159 lines (145 loc) · 6.33 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>noflcl ☶ github</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico">
<link rel="stylesheet" href="assets/css/styles.css">
<script src="assets/js/main.js"></script>
</head>
<body>
<header>
<a href="https://github.com/noflcl">
<h2>noflcl@github</h2>
</a>
<nav>
<li><a href="#anchor-work">Work</a></li>
<li><a href="#anchor-who">Who</a></li>
<li><a href="#anchor-hooked">Hooked</a></li>
<li><a href="#anchor-contact">Contact</a></li>
</nav>
</header>
<section class="hero">
<div class="background-image" ></div>
<h1>Stephen McNamara</h1>
<h3>self-hosting <span style="color: #BD93F9">|</span> code deploying <span style="color: #BD93F9">|</span> skater</h3>
<img class="avatar" src="assets/img/avatar.webp">
</section>
<section class="work">
<a id="anchor-work"></a>
<h3 class="title">What am I up to?</h3>
<p>Even though I primarily work on a local code forge, I am trying to get code up on
<a style="text-decoration: overline;" href="https://codeberg.org/noflcl">Codeberg</a>
<a style="text-decoration: underline;">&</a>
<a style="text-decoration: overline;" href="https://github.com/noflcl">GitHub</a>
</p>
<hr>
<div class="gallery">
<div class="gallery-large item num1">
<div class="banner">
<h3 class="title">BodyMon</h3>
</div>
<div class="deets">
<p class="gallery-text"><a style="text-decoration: underline;" href="https://codeberg.org/noflcl/bodymon">BodyMon</a> is a dashboard for privately tracking your blood pressure, weight, and body measurements. This JS application is self hosted on your system and records all data locally in standard `.csv` format. No database funny business, simple and portable data that you can do `Excel` wizardy on, backup the data however you prefer, they are simple files on disc.</p>
</div>
</div>
<div class="gallery-small item num2">
<div class="banner">
<h3 class="title">10G Fiber</h3>
</div>
<div class="deets">
<p class="gallery-text">Building out 10G fiber at the rack, and two separate office spaces within the house. Using Intel X520-DA1 PCI-E nics for x86 boxes,
thunderbolt Sabrent TH-S3EA dock in the upstairs office, and a L2 managed TP-Link JetStream TL-SX3008F 8-Port sfp+ 10G switch.
I don't really need my switch managed but price and performance are right👍️</p>
</div>
</div>
<div class="gallery-small item num3">
<div class="banner">
<h3 class="title">Android Server</h3>
</div>
<div class="deets">
<p style="color: #717171;">Android Server Dashboard is a JS project that allows users to manage Android devices in a central place.
Users can view device information, install apps, remote display access, remote fastboot flashing, and even SSH access.
</p>
</div>
</div>
<div class="gallery-large item num4">
<div class="banner">
<h3 class="title">Homelab</h3>
</div>
<div class="deets">
<p class="gallery-text">From diy racks with full HPE ProLiant, Dell PowerEdge, and cisco l2 switches. To artisanal purpose build compute that is planned, purchased, assembled, and deployed.
The lab has taken many forms over the past 10+ years, with countless software stacks, and technologies tested. The current 2025 lab is heavily NixOS with a focus on
reproducible software builds, container management, MicroVMs, and networking. You can peruse most of my Nix code that is managing all this on <a style="font-weight: bolder; text-decoration: underline; color: #bd93f9;" href="https://codeberg.org/noflcl/nix">Codeberg</a>
</p>
</div>
</div>
</div>
</section>
<section class="who">
<h3 class="title">Who I Am</h3>
<a id="anchor-who"></a>
<hr>
<ul class="grid">
<li>
<h4>Linux Junkie</h4>
<p>Creating environments and testing technologies, deploying systems in the wild, and absorbing technologies... 😐 <span class="pulse">absorbing</span></p>
</li>
<li>
<h4>Builder</h4>
<p>Creating structures from raw materials, designing and actualizing with my hands.
</p>
</li>
<li>
<h4>Skater</h4>
<p>To the core <span style="color: #BD93F9">☱</span> I bleed🩸for this</p>
</li>
</div>
</section>
<section class="interests">
<a id="anchor-hooked"></a>
<h3 class="title">Where my interest are</h3>
<h4>Tech I'm finding cool at this moment</h4>
<p class="quote">Nix is a tool that takes a unique approach to package management and system configuration.</p>
<p><a style="text-decoration: overline;" href="https://nixos.org/">Nix</a></p>
<p class="quote">Is a Flake to run lightweight NixOS virtual machines on NixOS.
<br>
For when a container isn't reproducible enough.
</p>
<p><a style="text-decoration: overline;" href="https://github.com/astro/microvm.nix/blob/main/doc/src/intro.md">microvm</a></p>
</section>
<section class="contact">
<h3 class="title">Want to get in touch?</h3>
<p>You could raise an issue on GitHub <a style="text-decoration: overline;" href="https://github.com/noflcl/noflcl.github.io/issues">for this repo</a>
<span style="color: #BD93F9">|</span> Maybe <a style="text-decoration: underline; text-underline-position: under;" href="https://mastodon.social/@noflcl">over here</a> on Mastadon
<span style="color: #BD93F9">|</span> Formally with <a style="text-decoration: overline;" href="https://www.linkedin.com/in/stephen-mcnamara-a94610335">Linkedin</a> I guess ¯\_(ツ)_/¯</p>
<hr>
<a id="anchor-contact"></a>
</section>
<footer>
<div class="footer-social">
<ul>
<a href="https://codeberg.org/noflcl">
<li><img class="footer-img" src="assets/img/codeberg-round.webp"></li>
</a>
<a href="https://github.com/noflcl">
<li><img class="footer-img" src="assets/img/github-round.webp"></li>
</a>
<a href="https://mastodon.social/@noflcl">
<li><img class="footer-img" src="assets/img/mastodon-round.webp"></li>
</a>
<a href="https://noflcl.codeberg.page">
<li><img class="footer-img" src="assets/img/blog-round.webp"></li>
</a>
</ul>
</div>
<div class="footer-bye">
<ul>
<li><img class="footer-img" src="assets/img/hang-loose.webp"></li>
</ul>
</div>
<!--<p> content here </p> -->
</footer>
</body>
</html>