cunnyborea-fe/instance/panel.html

<style>
    table {
        border-collapse: collapse;
    }

    table,
    th,
    td {
        padding: 5px;
        border: 1px solid rgba(124, 133, 146, 0.5);
    }

    .cunny-img {
    width: 70%;
  }

  .blur-img {
    filter: blur(120px);
    width: 100%;
    height: 100%;
  }

  .cunny-img:hover {
    filter: blur(0);
  }

  .cunny-overflow {
    overflow: hidden;
  }

  .random-cunny {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 200px;
    display: block;
    margin: auto;
  }

  .cunny-uoh {
    width: auto;
    height: auto;
    max-width: 500px;
  }
</style>

<div style="margin-left:12px; margin-right:12px">
    <h3 style="text-align:center">
        <p>Links and Wotnot</p>
    </h3>
    <p>
    <table style="width:100%;table-layout:fixed;">
        <tr><td  colspan="12" style="font-weight: bold; text-align: center;">Welcome to Cunnyborea 😭💢</td></tr>
        <tr>
            <td colspan="12" class="cunny-row cunny-overflow">
                <div id="cunny-container" clas="random-cunny-container cunny-overflow">
                    <img src="https://luv.cunnyborea.space/get_random_cunny" class="cunny-img random-cunny blur-img" id="fav-cunny"
                        alt="Reload for more cunny!">
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="4" style="font-weight: bold;">PleromaFE</td>
            <td colspan="8" style="text-align: center;">
              <a href="https://luv.cunnyborea.space" rel="noopener noreferrer nofollow" target="_blank">clearnet</a>
              &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
              <a href="http://cunnyai4psuhdd4jhxc3oivg3kagchxjznnztmtp3yvcav7dptluylqd.onion" rel="noopener noreferrer nofollow" target="_blank">onion</a></td>
        </tr>
        <tr>
          <td colspan="4" style="font-weight: bold;">Bloat</td>
          <td colspan="8" style="text-align: center;">
            <a href="https://bloat.cunnyborea.space" rel="noopener noreferrer nofollow" target="_blank">clearnet</a>
            &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
            <s><a href="#" rel="noopener noreferrer nofollow" title="Unavailable until I figure out how to make it work with tor" style="pointer-events: none;" target="_blank">onion</a></s></td>
          </td>
      </tr>
      <tr>
        <td colspan="4" style="font-weight: bold;">Coalbox</td>
        <td colspan="8" style="text-align: center;">
          <a href="https://coalbox.cunnyborea.space" rel="noopener noreferrer nofollow" target="_blank">clearnet</a>
          &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
          <a href="http://coalbox.cunnyai4psuhdd4jhxc3oivg3kagchxjznnztmtp3yvcav7dptluylqd.onion" rel="noopener noreferrer nofollow" target="_blank">onion</a></td>
        </td>
    </tr>
        
    </table>
    </p>
</div>