Compare commits

...

26 Commits

Author SHA1 Message Date
02aa2a1479
Update yap.html 2025-01-29 04:36:56 +05:30
4dd09a69ba
Create about.html 2025-01-29 04:36:46 +05:30
f06568875f
Update yap.html 2025-01-29 04:36:20 +05:30
77cc52a5e6
Update yap.html 2025-01-29 04:30:41 +05:30
7c7bc8c7af
Create yap.html 2025-01-29 04:25:23 +05:30
a050d10245
Update index.html 2025-01-29 04:22:46 +05:30
7ef56ef228
Rename test.html to index.html 2025-01-29 01:34:15 +05:30
9121b97c31
Rename index.html to old.html 2025-01-29 01:33:39 +05:30
a8a54a435e
Update test.html 2025-01-29 01:30:19 +05:30
b474f3e140
Update test.html 2025-01-29 01:29:15 +05:30
d43d19e50f
Update test.html 2025-01-29 01:21:24 +05:30
4cebabf3dd
Update test.html 2025-01-29 01:19:32 +05:30
6aabab26f7
Update indeedlayout.css 2025-01-29 01:18:21 +05:30
2eb362c9b2
Update indeedlayout.css 2025-01-29 01:15:25 +05:30
868c4bf5a1
Update test.html 2025-01-29 01:13:14 +05:30
f5168e705a
Update test.html 2025-01-29 01:10:44 +05:30
bfc141c372
Update indeedlayout.css 2025-01-29 01:08:59 +05:30
792afd7ced
Update test.html 2025-01-29 01:06:09 +05:30
fe0d3152d7
Update indeedlayout.css 2025-01-29 01:00:03 +05:30
84c28afdee
Update test.html 2025-01-29 00:56:41 +05:30
f93b1c2757
Update test.html 2025-01-29 00:55:34 +05:30
ac84cbff81
Update indeedlayout.css 2025-01-29 00:34:40 +05:30
c1a5804a43
Update test.html 2025-01-29 00:30:05 +05:30
b66f8dfd5d
Update test.html 2025-01-29 00:21:34 +05:30
860385d31f
Update test.html 2025-01-29 00:19:27 +05:30
79f7354fee
Update test.html 2025-01-29 00:12:39 +05:30
6 changed files with 339 additions and 233 deletions

26
about.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>About - coderrrrr</title>
<link rel="stylesheet" href="indeedlayout.css">
</head>
<body>
<div class="container">
<div class='header'>
<h1>coderrrrr</h1>
</div>
<!--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-->
</div>
</body>
</html>

View File

@ -6,6 +6,20 @@
--popcolor: #DD1155;
}
#statuscafe {
padding: .5em;
background-color: azure;
border: 1px solid midnightblue;
}
#statuscafe-username {
margin-bottom: .5em;
}
#statuscafe-content {
margin: 0 1em 0.5em 1em;
}
/* JAUNTY TITLES - DELETE THIS SECTION IF YOU WANT NORMAL HEADERS IN YOUR BOXES */
.box>h1 {
border: 2px var(--txtcolor) solid;
@ -31,6 +45,16 @@
margin-left: unset;
}
.reversetitle>h1 {
border: 2px var(--popcolor) solid;
background-color: var(--bgcolor);
transform: rotate(5deg);
position: absolute;
right: 0;
margin-right: -15px;
margin-left: unset;
}
/* END OF JAUNTY TITLES */
/* the rest of the layout vv */
@ -163,6 +187,12 @@ img {
position: relative;
}
.reversetitle {
background-color: var(--bgcolor);
color: var(--txtcolor);
border: var(--popcolor) 2px solid;
position: relative;
}
#pagetop {
position: fixed;

View File

@ -1,122 +1,145 @@
<!DOCTYPE html>
<!-- 448526b3-974f-4b5c-9047-6e04ec0d824a duck you -->
<html lang="en">
<head>
<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>
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background-color: #f0f4f8;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
box-sizing: border-box;
}
<link href="indeedlayout.css" rel="stylesheet" type="text/css" media="all">
</head>
.card {
background-color: white;
border-radius: 1rem;
padding: 2rem;
max-width: 28rem;
width: 100%;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.card:hover {
box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
transform: translateY(-5px) scale(1.02);
}
<body>
h1 {
font-size: 1.875rem;
font-weight: 300;
color: #2c5282;
margin-bottom: 1rem;
text-align: center;
}
<!-- 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'>
<h1>coderrrrr</h1>
<!-- <h2>by Xo Xixxii</h2> -->
</div>
<!--now here's the bio part-->
<div class='bio'>
<img src='shutterstocknerd.jpg' id='profilepic'> <!--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>
</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-->
p {
color: #4a5568;
line-height: 1.625;
margin: 0;
}
#statuscafe {
padding: .5em;
background-color: azure;
border: 1px solid midnightblue;
}
#statuscafe-username {
margin-bottom: .5em;
}
#statuscafe-content {
margin: 0 1em 0.5em 1em;
}
</style>
<script src="https://status.cafe/current-status.js?name=coder"></script>
</head>
<body>
<div class="card">
<h1>Welcome to coderrrrr.site</h1>
<!-- <a href="https://status.cafe/users/coder"><img src="https://status.cafe/users/coder/badge.png" alt="Status Cafe Profile"/></a> -->
<div id="statuscafe"><div id="statuscafe-username"></div><div id="statuscafe-content"></div></div>
<p>
So... Bomberfish DM'ed me on discord to kindly take his site down from my domain. So here we are! This is a small placeholder page while I work out the bugs in my actual site. You can find a production version of it at <a href="https://demo.coderrrrr.site">demo.coderrrrr.site</a>.
</p>
</br>
<code>Email: admin@coderrrrr.site</code>
</br>
<label>Webrings: </label>
<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/'></a>
<a href="https://webring.dinhe.net/">RETRONAUT WEBRING</a>
<a href='https://webring.dinhe.net/next/https://coderrrrr.site/'></a>
</p>
<object id="melonland-surf-club" data="https://melonland.net/surf-badge.svg?fill=#4625ef" type="image/svg+xml" style="width: 100px; height: 100px;"></object>
</center>
</br>
<h4>My Pets: </h4>
<br>
<h7>GIFYPET: </h7>
<br>
<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>
<h7>tamaNOTchi: </h7>
<br>
<a target="_blank" href="https://tamanotchi.world/18902c"><img src="https://tamanotchi.world/i2/18902" alt="It's tamaNOTchi! Click to feed!"></a>
<br>
<h6>Buttons: </h6>
<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>
<!-- 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>
</body>
</html>

122
old.html Normal file
View File

@ -0,0 +1,122 @@
<!DOCTYPE html>
<!-- 448526b3-974f-4b5c-9047-6e04ec0d824a duck you -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>coderrrrr</title>
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background-color: #f0f4f8;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
box-sizing: border-box;
}
.card {
background-color: white;
border-radius: 1rem;
padding: 2rem;
max-width: 28rem;
width: 100%;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.card:hover {
box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
transform: translateY(-5px) scale(1.02);
}
h1 {
font-size: 1.875rem;
font-weight: 300;
color: #2c5282;
margin-bottom: 1rem;
text-align: center;
}
p {
color: #4a5568;
line-height: 1.625;
margin: 0;
}
#statuscafe {
padding: .5em;
background-color: azure;
border: 1px solid midnightblue;
}
#statuscafe-username {
margin-bottom: .5em;
}
#statuscafe-content {
margin: 0 1em 0.5em 1em;
}
</style>
<script src="https://status.cafe/current-status.js?name=coder"></script>
</head>
<body>
<div class="card">
<h1>Welcome to coderrrrr.site</h1>
<!-- <a href="https://status.cafe/users/coder"><img src="https://status.cafe/users/coder/badge.png" alt="Status Cafe Profile"/></a> -->
<div id="statuscafe"><div id="statuscafe-username"></div><div id="statuscafe-content"></div></div>
<p>
So... Bomberfish DM'ed me on discord to kindly take his site down from my domain. So here we are! This is a small placeholder page while I work out the bugs in my actual site. You can find a production version of it at <a href="https://demo.coderrrrr.site">demo.coderrrrr.site</a>.
</p>
</br>
<code>Email: admin@coderrrrr.site</code>
</br>
<label>Webrings: </label>
<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/'></a>
<a href="https://webring.dinhe.net/">RETRONAUT WEBRING</a>
<a href='https://webring.dinhe.net/next/https://coderrrrr.site/'></a>
</p>
<object id="melonland-surf-club" data="https://melonland.net/surf-badge.svg?fill=#4625ef" type="image/svg+xml" style="width: 100px; height: 100px;"></object>
</center>
</br>
<h4>My Pets: </h4>
<br>
<h7>GIFYPET: </h7>
<br>
<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>
<h7>tamaNOTchi: </h7>
<br>
<a target="_blank" href="https://tamanotchi.world/18902c"><img src="https://tamanotchi.world/i2/18902" alt="It's tamaNOTchi! Click to feed!"></a>
<br>
<h6>Buttons: </h6>
<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>
<!-- 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>
</body>
</html>

121
test.html
View File

@ -1,121 +0,0 @@
<!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="indeedlayout.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<!-- 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'>
<h1>coderrrrr's portfolio</h1>
<!-- <h2>by Xo Xixxii</h2> -->
</div>
<!--now here's the bio part-->
<div class='bio'>
<img src='shutterstocknerd.jpg' id='profilepic'> <!--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>Jake, 35, he/him. US-based programmer & indie web enthusiast; proud to be a father, an ally, and a geek!</p>
</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=''>Now</a>
<a href=''>About</a>
<a href=''>Uses</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>Box Name</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-->
<!--box two-->
<div class="box reversebox">
<h1>Box Name</h1>
<h2>Opposite Day!</h2>
<p>This is a reverse box.</p>
</div>
<!--end of box two-->
<!--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>Footer text footer text...</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>

26
yap.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Yapping - coderrrrr</title>
<link rel="stylesheet" href="indeedlayout.css">
</head>
<body>
<div class="container">
<div class='header'>
<h1>coderrrrr</h1>
</div>
<!--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-->
</div>
</body>
</html>