-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
159 lines (138 loc) · 7.85 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
<!DOCTYPE html>
<html>
<html lang="en-US">
<head>
<link rel="icon" type="image/x-icon" href="">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>coderrrrr</title>
<link href="https://github.com/turbomaster95" rel="me"></a>
<link href="https://usr.cloud/@coder" rel="me">
<link rel="webmention" href="https://webmention.io/coderrrrr.site/webmention" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="https://blog.coderrrrr.site/index.xml" />
<link rel="openid.delegate" href="https://coderrrrr.site/"/>
<link rel="openid.server" href="https://indieauth.com/openid"/>
<link rel="authorization_endpoint" href="https://indieauth.com/auth"/>
<link rel="token_endpoint" href="https://tokens.indieauth.com/token"/>
<link href="https://coderrrrr.site/@blog" rel="alternate" type="application/activity+json">
<link rel="webfinger" href="https://coderrrrr.site/.well-known/webfinger">
<link href="indeedlayout.css" rel="stylesheet" type="text/css" media="all">
<script href="/swatch.js"></script>
</head>
<body>
<img class="u-photo" src="https://i.ibb.co/N6J5b8WS/download20250102015611.png" hidden />
<!-- the entire layout is contained in this "container" div.-->
<div class="container">
<!-- here you can put your site title and your name! -->
<div class='header h-card'>
<a rel="me" class="u-url" style="display:hidden;" hidden>https://keyoxide.org/[email protected]</a>
<span class="p-name" hidden>Deva Midhun</span>
<h1><a rel="me" class="u-url u-uid" href="https://coderrrrr.site">coderrrrr</a></h1>
<!-- <h2>by Xo Xixxii</h2> -->
</div>
<!--now here's the bio part-->
<div class='bio'>
<img id='profilepic' src='https://i.ibb.co/N6J5b8WS/download20250102015611.png'></img> <!--replace this with a picture of you, or an avatar or something. for the indieweb it's usually a face pic.-->
<!--put a short bit about yourself or your site in this div; if it's outside a div it'll look a little weird.-->
<div>
<p>Deva, 19, he/him. India-based programmer & indie web enthusiast; likes building random things!</p>
<span id="swatchClock">@unkown</span>
</div>
<!--end of text div-->
</div>
<!--end of bio section-->
<!--navigation bar! change the links to whatever you want. it's a flexbox, so you can put as many as you want. -->
<div id='navbar'>
<a href=''>Home</a>
<a href='/yap.html'>Yapping</a>
<a href='/about.html'>About</a>
<a href='https://blog.coderrrrr.site'>Blog</a>
<a href='https://blog.coderrrrr.site/index.xml'>RSS</a>
</div>
<!--end of navigation bar-->
<!--box one-->
<!-- <div class="box">
<h1>About</h1>
<h2>Indeed.</h2>
<p>Indeed Web is a jolly twist on the most popular form of IndieWeb site design, with a little pop of color and optional jaunty box titles to give it some character. If you feel the need to disguise yourself as a professional computer man with a blog, perhaps this can help!</p>
<ul>
<li>This is a list.</li>
<li>Some ideas for pages on your web site:</li>
<ul>
<li>display some of your favorite pictures you have on your computer</li>
<li>share your bookmarked sites</li>
<li>write down instructions for how to do something you're pretty good at doing</li>
</ul>
<li>Or nothing at all. Do what you want.</li>
</ul>
<p><b>This is bolded.</b> <i>This is italicized.</i> <u>This is underlined.</u> <a href="http://www.neocities.org">This is a link.</a></p>
</div> -->
<!--end of box one-->
<div class="box">
<h1>Pets</h1>
<iframe width="314" height="321" scrolling="no" src="https://gifypet.neocities.org/pet/pet.html?name=Cody&dob=1737050245&gender=f&element=Fire&pet=anime.gif&map=tree.jpg&background=paper.jpg&tablecolor=black&textcolor=black" frameborder="0"></iframe>
<br>
<br>
<a target="_blank" href="https://tamanotchi.world/18902c"><img src="https://tamanotchi.world/i2/18902" alt="It's tamaNOTchi! Click to feed!"></a>
</div>
<!--end of box two-->
<div class="box">
<h1>Webrings</h1>
<iframe id="bucket-webring" style="width: 100%; height: 3rem; border: none;" src="/bucket.html?name=Deva Midhun"></iframe>
<center>
<p>
<a href='https://webring.dinhe.net/prev/https://coderrrrr.site/'><b>←</b></a>
<a href="https://webring.dinhe.net/">RETRONAUT WEBRING</a>
<a href='https://webring.dinhe.net/next/https://coderrrrr.site/'><b>→</b></a>
</p>
<object id="melonland-surf-club" data="https://melonland.net/surf-badge.svg?fill=#ece9e3" type="image/svg+xml" style="width: 100px; height: 100px;"></object>
</center>
</div>
<!--box two-->
<div class="box reversetitle">
<h1>Banners!</h1>
<!-- Tildeverse Banner Exchange code begin -->
<div style="text-align: center;">
<iframe src="https://banner.tildeverse.org//work.php?ID=coder" width="468" height="60" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>
</div>
<!-- Tildeverse Banner Exchange code end -->
<!-- Johnvertisement code begin -->
<iframe src="https://john.citrons.xyz/embed?ref=coderrrrr.site" style="margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;height:94px;border:none;"></iframe>
<!-- Johnvertisement code end -->
</div>
<!--box three. this one's here so you can see one without a jaunty title card. -->
<!-- <div class="box">
<h2>Inside title.</h2>
<p>Text inside your box goes here.</p>
</div> -->
<!--end of box three-->
<!--footer. good for putting copyright info, contact info, credits, and webrings... -->
<div class="footer">
<p></p>
<a href="https://coderrrrr.site/"><img src="https://cdn.coderrrrr.site/misc/button.gif" alt="Use My button!"></a>
<a target="_blank" href="https://status.cafe"><img src="https://status.cafe/assets/button.png" alt="Status Cafe"/></a>
<a target="_blank" href="https://eightyeightthirty.one"><img src="https://notnite.com/buttons/88x31.png" alt="88x31"/></a>
<a target="_blank" href="https://notnite.com"><img src="https://notnite.com/buttons/notnite.png" alt="NotNite"/></a>
<a target="_blank" href="https://tamanotchi.world"><img src="https://tamanotchi.world/includes/img/tamanotchi.gif" alt="tamaNOTchi!"/></a>
<a target="_blank" href="https://gifypet.neocities.org"><img src="https://gifypet.neocities.org/images/badge.gif" alt="GifyPET!!"/></a>
<a target="_blank" href="https://melankorin.net/"><img src="https://melankorin.net/assets/img/buttons/button-1.gif" alt=""></a>
<a target="_blank" href="https://www.bruh.ltd/"><img src="https://www.bruh.ltd/images/buttons/yours-truly.png" alt=""></a>
<a href="https://512kb.club"><img src="https://512kb.club/assets/images/orange-team.gif" alt="a proud member of the orange team of 512KB club" /></a>
<a href="https://nekoweb.org/"><img src="https://nekoweb.org/assets/buttons/button10.png"></a><!-- button by felixfever.nekoweb.org -->
<a target="_blank" href="https://possiblyaxolotl.com"><img src="https://possiblyaxolotl.com/images/88x31/88x31.png" title="PossiblyAxolotl? It's more likely than you think!" alt="PossiblyAxolotl" /></a>
<a target="_blank" href="https://dimden.dev/"><img src="https://dimden.dev/images/88x31.gif"></a>
<a href="https://blackmagegaming.neocities.org"><img src="https://blackmagegaming.com/buttons/blackmagegamingButtonGenoSadness.gif"></a>
</div>
<!--end of footer-->
</div>
<!--end of layout container!!-->
<!-- this is the little guy in the corner; clicking it takes you to the top of the page. -->
<a href="#" id="pagetop">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="var(--ci-primary-color, currentColor)" d="M256,496A240,240,0,0,1,86.294,86.294,240,240,0,0,1,425.706,425.706,238.432,238.432,0,0,1,256,496Zm0-448C141.309,48,48,141.309,48,256s93.309,208,208,208,208-93.309,208-208S370.691,48,256,48Z" class="ci-primary"/>
<polygon fill="var(--ci-primary-color, currentColor)" points="356.686 315.313 256 214.628 155.314 315.313 132.686 292.687 256 169.373 379.314 292.687 356.686 315.313" class="ci-primary"/>
</svg>
</a>
<!--end of corner guy-->
</body>
</html>