Update test.html

test.html

@@ -19,7 +19,7 @@
 <!-- here you can put your site title and your name! -->
 <div class='header'>
 
-<h1>coderrrrr's portfolio</h1>
+<h1>coderrrrr</h1>
 <!-- <h2>by Xo Xixxii</h2> -->
 
 </div>
@@ -32,7 +32,7 @@
 
 <!--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>
+<p>Deva, 19, he/him. India-based programmer & indie web enthusiast; likes building random things!</p>
 </div>
 <!--end of text div-->
 
@@ -41,9 +41,9 @@
 
 <!--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=''>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>
@@ -51,7 +51,7 @@
 
 <!--box one-->
 <div class="box">
-<h1>Box Name</h1>
+<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>
 
@@ -78,7 +78,16 @@
 <p>This is a reverse box.</p>
 </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>
+  <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>
+</div>
 <!--box three. this one's here so you can see one without a jaunty title card. -->
 <div class="box">
 <h2>Inside title.</h2>
@@ -88,7 +97,7 @@
 
  <!--footer. good for putting copyright info, contact info, credits, and webrings... -->
 <div class="footer">
-<p>Footer text footer text...</p>
+<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>