-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
136 lines (126 loc) · 4.56 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>chris@machine</title>
<link href="./output.css" rel="stylesheet" />
<link rel="icon" href="./favicon/favicon.ico" sizes="16x16" type="image/x-icon" />
<link rel="icon" href="./favicon/" sizes="32x32" type="image/png" />
<link rel="icon" href="./favicon/favicon-16x16.png" sizes="16x16" type="image/png" />
<link rel="icon" href="./favicon/favicon-32x32.png" sizes="32x32" type="image/png" />
</head>
<body class="bg-zinc-950 overflow-x-hidden text-zinc-50">
<main class="flex flex-col gap-y-6 p-4 mx-auto max-w-xl md:p-8">
<div class="flex items-center justify-between">
<div class="text-4xl flex">
<span> chris</span>
<span class="text-red-500">@</span>
<span> machine</span>
</div>
<div>
<a class="text-yellow-400 hover:text-yellow-400/95 flex items-center gap-1 text-lg" href="https://getalby.com/p/chrisatmachine"
rel="noopener noreferrer" target="_blank">
<svg class="h-5 w-5" viewBox="0 0 24 24">
<path fill="currentColor"
d="M20.98 11.802a1 1 0 0 0-.738-.771l-6.86-1.716l2.537-5.921a1 1 0 0 0-.317-1.192a.996.996 0 0 0-1.234.024l-11 9a1 1 0 0 0 .39 1.744l6.719 1.681l-3.345 5.854A1 1 0 0 0 8 22a1 1 0 0 0 .6-.2l12-9a1 1 0 0 0 .38-.998" />
</svg>
tip</a>
</div>
</div>
<div class="flex items-center gap-4 border-b border-zinc-800 pb-4">
<img src="./images/me.jpg" alt="chris" class="w-24 h-24 border border-zinc-800 rounded-full" />
<p>
i'm currently a full time open source developer and opensats grantee.
my focus lately has been on decentralized technologies like bitcoin
and nostr.
</p>
</div>
<div class="overflow-x-auto bg-zinc-800 rounded-md">
<div class="w-full p-2 font-mono">
npub1ygzj9skr9val9yqxkf67yf9jshtyhvvl0x76jp5er09nsc0p3j6qr260k2
</div>
</div>
<div>
<h2 class="text-2xl mb-2">projects</h2>
<ul class="flex flex-col gap-y-1 list-disc pl-4">
<li>
<a href="https://cometnotes.com" rel="noopener noreferrer" target="_blank">
☄️ comet notes (coming soon)</a>
</li>
<li>
<a href="https://relaywizard.com" rel="noopener noreferrer" target="_blank">
🧙 relay wizard
</a>
</li>
<li>
<a href="https://notestack.com" rel="noopener noreferrer" target="_blank">
📚 notestack (coming soon)
</a>
</li>
<li>
<a href="https://relayrunner.org" rel="noopener noreferrer" target="_blank">
📡 relayrunner
</a>
</li>
<li>
<a href="https://zapzsh.com" rel="noopener noreferrer" target="_blank">
⚡ zap
</a>
</li>
<li>
<a href="https://lunarvim.org" rel="noopener noreferrer" target="_blank">
🌙 lunarvim
</a>
</li>
</ul>
</div>
<div>
<h2 class="text-2xl mb-2">links</h2>
<ul class="flex flex-col gap-y-1 list-disc pl-4">
<li>
<a href="https://youtube.com/@chrisatmachine" rel="noopener noreferrer" target="_blank">
youtube
</a>
</li>
<li>
<a href="https://twitch.tv/chrisatmachine" rel="noopener noreferrer" target="_blank">
twitch
</a>
</li>
<li>
<a href="https://x.com/chrisatmachine" rel="noopener noreferrer" target="_blank">
x
</a>
</li>
</ul>
</div>
<div>
<h2 class="text-2xl mb-2">misc</h2>
<ul class="flex flex-col gap-y-1 list-disc pl-4">
<li>
<a href="https://github.com/christianchiarulli/machfiles" rel="noopener noreferrer" target="_blank">
dotfiles
</a>
</li>
<li>
<a href="https://github.com/christianchiarulli/nvim" rel="noopener noreferrer" target="_blank">
nvim config
</a>
</li>
</ul>
</div>
<div>
<h2 class="text-2xl mb-2">blog</h2>
anything I write will be published to nostr. and on my personal relay:
<span class="font-mono whitespace-nowrap">wss://relay.chrisatmachine.com</span>.
</div>
<div class="overflow-x-auto rounded-md">
<div class="w-full font-mono text-orange-500">
bc1qv97y9secn6relwgsmfh03qg4gq5we9tag40xkf
</div>
</div>
</main>
<script src="js/script.js"></script>
</body>
</html>