forked from indieweb/blank-gh-site
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html~
174 lines (174 loc) · 8.29 KB
/
index.html~
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<link rel="authorization_endpoint" href="https://indieauth.com/auth">
<link rel="token_endpoint" href="https://tokens.indieauth.com/token">
<!-- To use social readers via microsub, follow these steps.
(Details: https://indieweb.org/Microsub#Getting_Started)
1. After publishing this to your domain, sign in to https://aperture.p3k.io/login with your domain
2. You will see a <link> tag displayed on your dashboard that looks like:
<link rel="microsub" href="https://aperture.p3k.io/microsub/000">
3. Copy that <link> tag and paste it after this HTML comment.
4. Publish the updated page!
-->
<link rel="microsub" href="https://aperture.p3k.io/microsub/1012">
<title>Marc's New Website</title>
<style>
@media (prefers-color-scheme: dark) {
html { background-color: #111111; color: #fbfbfb; }
a { color: #ca8465; }
}
body {
line-height: 1.6;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
text-align: center;
margin: 1rem auto;
min-height: 90vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
img.u-photo { border-radius: 50%; }
ul { padding: 0; list-style: none; }
</style>
</head>
<body>
<!-- Reference for representative h-card properties: https://microformats.org/wiki/h-card -->
<main class="h-card" rel="author">
<!-- Uncomment and add __your_image__ to display a photo! --> <img
class="u-photo" alt="My profile photo" src="./botanus.png">
<h1> I'm <span class="p-name">Marc D.</span></h1>
<p class="p-note"> ...and I am a human on the Internet.<br>
Just a landing page 'til I figure out what to do here. </p>
<ul type="disc">
<!-- Update or remove the below links! -->
<div id="hcard-Marc-D.-Williams" class="vcard"> <a class="url
fn n" href="https://www.digisensei.org/"> <span
class="given-name">Marc</span> <span
class="additional-name">D.</span> <span
class="family-name">Williams</span> </a>
<div class="org">DigiSensei Group</div>
<a class="u-email" href="mailto:[email protected]">EMail</a>
<div class="adr"> <span class="locality">Baldwin Park</span>
, <span class="region">CA</span> <span
class="country-name">United States</span> </div>
<br>
<a href="https://xmpp.link/#[email protected]" title="xmpp: marcdw at
nerdica.net" rel="me" class="u-url"> <img class="centered"
src="./images/ds-xmpp.svg" alt="xmpp:[email protected]"
width="32" height="32"></a>
<a rel="me" class="u-url" href="https://pixelfed.de/marcdw"
title="marcdw at pixelfed.de"> <img class="centered"
src="./images/ds-pixelfed.svg"
alt="https://pixelfed.de/marcdw"></a> <a rel="me"
class="u-url" href="https://nerdica.net/profile/marcdw"
title="marcdw at nerdica.net"> <img class="centered"
src="./images/ds-friendica.svg"
alt="https://nerdica.net/profile/marcdw"></a> <a rel="me"
class="u-url"
href="https://iviv.hu/people/0c0a7440ede4013d9449723c915ba918"
title="marcdw at iviv.hu*"> <img class="centered""
src="./images/ds-diaspora.svg"
alt="https://iviv.hu/people/0c0a7440ede4013d9449723c915ba918"></a>
<a rel="me" class="u-url"
href="https://mastodon.social/@marcdw" title="@marcdw at
mastodon.social"> <img class="centered"
src="./images/ds-mastodon.svg"
alt="https://mastodon.social/@marcdw"></a> <a rel="me"
class="u-url" href="https://lemmy.ml/u/marcdw" title="marcdw
at lemmy.ml"> <img class="centered"
src="./images/ds-lemmy.svg"
alt="https://lemmy.ml/u/marcdw"></a> <a rel="me"
class="u-url" href="https://matrix.to/#/@marcdw:matrix.org"
title="@marcdw at matrix.org"> <img class="centered"
src="./images/ds-matrix.svg"
alt="https://matrix.to/#/@marcdw:matrix.org"></a> <a
rel="me" class="u-url" href="https://t.me/marcdw"
title="@marcdw at matrix.org"><img class="centered"
src="./images/simple/telegram.svg" title="@marcdw at
Telegram" alt="https://t.me/marcdw" moz-do-not-send="true"
width="32" height="32"></a><br>
<br>
<li>Libre.fm: <a rel="me" class="u-url"
href="https://libre.fm/user/marcdw">@marcdw</a></li>
<br>
<li>Bandcamp: <a rel="me" class="u-url"
href="https://bandcamp.com/wilmarcdw">@wilmarcdw</a></li>
<br>
/e/OS Community: <a
href="https://community.e.foundation/u/marcdw/" rel="me"
class="u-url">marcdw</a><br>
<br>
<div><span class="category">Computing</span>, <span
class="p-category">Linux</span>, <span class="category">Android</span>,
<a href="https://no-ai.club/"><span
class="category">#NoAIClub</span></a></div>
<p style="font-size:smaller;">This <a
href="http://microformats.org/wiki/hcard">hCard</a>
created with the <a
href="http://microformats.org/code/hcard/creator">hCard
creator</a>.</p>
</div>
<!-- Replace _mygithubid_ with your GitHub username in both places on the next line: -->
<a rel="me" class="u-url" href="https://github.com./marcdw1289"><img
class="centered"
src="images/simple/github.svg"
alt="https://github.com./marcdw1289" width="32" height="32"></a>
</ul>
<hr>
<article class="h-entry">
<h2 class="p-name">Reliving the good ole days</h2>
<p>Published by <a class="p-author h-card"
href="http://www.digisensei.org">Marc D.</a> on <time
class="dt-published" datetime="2025-01-27 03:00:00">27<sup>th</sup>
January 2025</time></p>
<p class="p-summary"><b><i>Windows 3.x and DOS Internet.</i></b></p>
<div class="e-content">
<p><br>
Way back in 1998 I put up my first web page. It was about
Windows 3 themes and tools. Hosted at GeoCities.<br>
I gave up computing around 2014 (making a return during
COVID), keeping a single laptop active for emergency Android
duties (unlocking, unbricking, etc.). <br>
I figured the web page was long lost but a couple of years
ago I found out it was archived at <a class="u-url"
href="https://www.oocities.org/">OoCities</a> in all its
crude glory. <br>
Decided to scrape the archived page, edit, and put it back up locally. Later I will figure out what links still work.<br>
<a class="u-url u-uid" href="https://www.digisensei.org/win3/">Windows 3.x Schemes & Themes</a><br>
<br>
</p>
<p> Linked therein is my 1998 hardware list. Noticed that on
some web browsers the page doesn't look very well. Like
white text on a very light lime-ish/yellowish background.<br>
Since I can't edit that file I decided to reproduce it here
along with some of the other computer systems I've had up
until the present day.<br>
<a class="u-url"
href="https://www.digisensei.org/hardware.html">My
Hardware Over The Years</a><br>
<br>
</p>
<p>In the years prior I was really into accessing the internet
via DOS, mostly on the Tandy 1000HX. Give it a look see.<br>
<a class="u-url"
href="http://www.oldskool.org/guides/tvdog/">Tvdog's
Archive (Home Page)</a><br>
<br>
</p>
<p><a href="#top">TOP</a><br>
</p>
</div>
</article>
<ul>
</ul>
<ul>
</ul>
</main>
</body>
</html>