-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
187 lines (178 loc) · 9.68 KB
/
index.html
File metadata and controls
187 lines (178 loc) · 9.68 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
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
<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<meta name="generator" content="Hugo 0.154.3">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WhyNot</title>
<link rel="icon" href="favicon.svg" sizes="any" type="image/svg+xml" /><meta property="og:url" content="https://0rayn.github.io/WhyNot/">
<meta property="og:site_name" content="WhyNot">
<meta property="og:title" content="WhyNot">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="WhyNot">
<link rel="stylesheet" href="/WhyNot/css/root.min.0e732b812b9751962e01a7c4798a1211cd5f8ac8abec7f99793fe306989e459f.css" integrity="sha256-DnMrgSuXUZYuAafEeYoSEc1fisir7H+ZeT/jBpieRZ8=" crossorigin="anonymous">
<link rel="stylesheet" href="/WhyNot/css/bundle.min.d95a325399a05b50fe47dcf35b8229b8a2a014fcee5435cfb28204c6ac335fc5.css" integrity="sha256-2VoyU5mgW1D+R9zzW4IpuKKgFPzuVDXPsoIExqwzX8U=" crossorigin="anonymous">
<script src="/WhyNot/js/bundle.995e4ec99401021e081ec256bee66154ef7f4e5136809432513b2e6d014b4b1d.js" integrity="sha256-mV5OyZQBAh4IHsJWvuZhVO9/TlE2gJQyUTsubQFLSx0=" crossorigin="anonymous"></script><script defer src="/WhyNot/js/search/flexsearch.compact.64594b125f7b78bdf4fa8316955922bbebb1cd6baef3f16654bfca20309f18f8.js" integrity="sha256-ZFlLEl97eL30+oMWlVkiu+uxzWuu8/FmVL/KIDCfGPg="></script>
<script defer src="/WhyNot/js/search/search.8f530dd8babcb14f15ab7c8981ac96efc4b306094613be2dfff27d77e3557652.js" integrity="sha256-j1MN2Lq8sU8Vq3yJgayW78SzBglGE74t//J9d+NVdlI="></script>
<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=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
</head>
<body class="notransition">
<div id="container">
<header id="main-header"><div role="navigation" aria-label="Main">
<div class="nav-left">
<a href="https://0rayn.github.io/WhyNot/" style="color: inherit;">WhyNot</a>
</div>
<div class="nav-right">
<div style="position:absolute;width:0px;height:0px;">
<div id="nav-dropdown-menu" class="hidden" href="#">
<div class="nav-item">
<a href="/WhyNot/posts/"
>Posts</a>
</div>
<div class="nav-item">
<a
>Features</a>
</div>
<div class="nav-item">
<a
>About</a>
</div>
</div>
</div>
<a id="nav-dropdown-button" href="#"><svg width="20px" height="20px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 6H20M4 12H20M4 18H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
<div id="nav-menu">
<div class="nav-item">
<a href="/WhyNot/posts/"
>Posts</a>
</div>
<div class="nav-item">
<a
>Features</a>
</div>
<div class="nav-item">
<a
>About</a>
</div>
</div>
<a id="theme-switcher" href="#">
<svg class="light-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 3V4M12 20V21M4 12H3M6.31412 6.31412L5.5 5.5M17.6859 6.31412L18.5 5.5M6.31412 17.69L5.5 18.5001M17.6859 17.69L18.5 18.5001M21 12H20M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg class="dark-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.32031 11.6835C3.32031 16.6541 7.34975 20.6835 12.3203 20.6835C16.1075 20.6835 19.3483 18.3443 20.6768 15.032C19.6402 15.4486 18.5059 15.6834 17.3203 15.6834C12.3497 15.6834 8.32031 11.654 8.32031 6.68342C8.32031 5.50338 8.55165 4.36259 8.96453 3.32996C5.65605 4.66028 3.32031 7.89912 3.32031 11.6835Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
</header>
<div class="flex grow">
<div id="main-pane">
<main id="main-content"><div class="centered-container"><img style="border: var(--dim-color) 1px solid;border-radius:100%;" width="70px" src="images/avatar.jpg"/><h1 class="margin-sm">WhyNot a Blog</h1>
<div class="dim" style="width:70%;margin:0 15%;">a learning journey I welcome you to</div>
</div><div style="width:95%;margin:0 auto;">
<div class="show-md" style="display:none;"><form onsubmit="searchBarSubmit(event)">
<div class="search-bar"><svg style="min-width:16px;" width="16px" height="16px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.7955 15.8111L21 21M18 10.5C18 14.6421 14.6421 18 10.5 18C6.35786 18 3 14.6421 3 10.5C3 6.35786 6.35786 3 10.5 3C14.6421 3 18 6.35786 18 10.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<input id="searchInput" type="text" placeholder="Search..."/>
</div>
</form>
<script>
function searchBarSubmit(event) {
event.preventDefault();
const relativeUrl = `https:\/\/0rayn.github.io\/WhyNot\/search/?q=${encodeURIComponent(event.target.elements['searchInput'].value)}`;
window.location.href = relativeUrl;
}
</script>
</div><h2>Recent Posts</h2>
<div class="flat-list"><div class="flat-list-item">
<div>
<a href="/WhyNot/posts/the-3020-project/">The 3020 Project: a TL-MR3020 Hacking continuation</a>
<time class="text-sm dim" style="float: right;" datetime="2023-05-02T00:00:00Z">January 13, 2026</time>
</div>
<small><p>In My Last Post, we covered the essentials: flashing OpenWrt, setting up serial access, and using a USB drive to give the TL-MR3020 some actual storage breathing room . We successfully turned a travel router into a functional, headless Linux server.</p></small>
</div><div class="flat-list-item">
<div>
<a href="/WhyNot/posts/the-wnh-initiative/">The WNH Initiative: Idea & Vision</a>
<time class="text-sm dim" style="float: right;" datetime="2023-05-02T00:00:00Z">January 10, 2026</time>
</div>
<small><p>The WNH Initiative, short for “Why Not Hardware,” is driven by the curiosity of its members, their desire to understand the world around them, and their passion for making it a better place by repurposing old hardware into something new. In doing so, it naturally addresses the ongoing e-waste crisis and inspires others to see value in devices that would otherwise be discarded.</p></small>
</div><div class="flat-list-item">
<div>
<a href="/WhyNot/posts/resources/raspberrypi5baremetal/">Resources: bareMetal - Raspberry Pi 5</a>
<time class="text-sm dim" style="float: right;" datetime="2023-05-02T00:00:00Z">June 14, 2025</time>
</div>
<small><p></p></small>
</div><div class="flat-list-item">
<div>
<a href="/WhyNot/posts/tl-mr3020-hacking/">TL-MR3020 Hacking</a>
<time class="text-sm dim" style="float: right;" datetime="2023-05-02T00:00:00Z">June 11, 2025</time>
</div>
<small><p></p></small>
</div></div>
</div></main>
<footer id="main-footer"><div class="footer">
<a href="#">Scroll to Top</a>
<div class="footer-copyright">
<div class="dim">© 2026 Taha Ed-dafili</div>
<div>Made with ❤️ and powered by <a href="https://github.com/math-queiroz/rusty-typewriter" target="_blank">Rusty Typewriter</a> theme for <a href="https://gohugo.io/" target="_blank">Hugo</a></div>
</div>
</div>
</footer>
</div><aside id="side-pane" class=""><form onsubmit="searchBarSubmit(event)">
<div class="search-bar"><svg style="min-width:16px;" width="16px" height="16px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.7955 15.8111L21 21M18 10.5C18 14.6421 14.6421 18 10.5 18C6.35786 18 3 14.6421 3 10.5C3 6.35786 6.35786 3 10.5 3C14.6421 3 18 6.35786 18 10.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<input id="searchInput" type="text" placeholder="Search..."/>
</div>
</form>
<script>
function searchBarSubmit(event) {
event.preventDefault();
const relativeUrl = `https:\/\/0rayn.github.io\/WhyNot\/search/?q=${encodeURIComponent(event.target.elements['searchInput'].value)}`;
window.location.href = relativeUrl;
}
</script>
<div class="side-content">
<h3></h3><p>Use the search bar for anything specific !</p>
</div><div class="side-content">
<h3>Side Panel Features</h3><p>wow a panel what is that</p>
</div><h3>Tags</h3>
<ul class="taxonomy-list"><li>
<a class="tag" href="/WhyNot/tags/diy/">
#diy <span class="text-sm dim">3</span>
</a>
</li><li>
<a class="tag" href="/WhyNot/tags/tl-mr3020/">
#tl-mr3020 <span class="text-sm dim">2</span>
</a>
</li><li>
<a class="tag" href="/WhyNot/tags/hardware/">
#hardware <span class="text-sm dim">1</span>
</a>
</li><li>
<a class="tag" href="/WhyNot/tags/openwrt/">
#openwrt <span class="text-sm dim">1</span>
</a>
</li><li>
<a class="tag" href="/WhyNot/tags/arm/">
#arm <span class="text-sm dim">1</span>
</a>
</li><li>
<a class="tag" href="/WhyNot/tags/cyberdeck/">
#cyberdeck <span class="text-sm dim">1</span>
</a>
</li><li>
<a href="https://0rayn.github.io/WhyNot/tags">See all...</a>
</li></ul></aside></div>
</div>
</body>
</html>