panel.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <style>
  2. table {
  3. border-collapse: collapse;
  4. }
  5. table,
  6. th,
  7. td {
  8. padding: 5px;
  9. border: 1px solid rgba(124, 133, 146, 0.5);
  10. }
  11. .cunny-img {
  12. width: 70%;
  13. }
  14. .blur-img {
  15. filter: blur(120px);
  16. width: 100%;
  17. height: 100%;
  18. }
  19. .cunny-img:hover {
  20. filter: blur(0);
  21. }
  22. .cunny-overflow {
  23. overflow: hidden;
  24. }
  25. .random-cunny {
  26. width: auto;
  27. height: auto;
  28. max-width: 200px;
  29. max-height: 200px;
  30. display: block;
  31. margin: auto;
  32. }
  33. .cunny-uoh {
  34. width: auto;
  35. height: auto;
  36. max-width: 500px;
  37. }
  38. </style>
  39. <div style="margin-left:12px; margin-right:12px">
  40. <h3 style="text-align:center">
  41. <p>Links and Wotnot</p>
  42. </h3>
  43. <p>
  44. <table style="width:100%;table-layout:fixed;">
  45. <!-- <tr>
  46. <td colspan="4" style="font-weight:bold">Hub/Landing</td>
  47. <td colspan="8" style="text-align:center"><a href="https://hub.cunnyborea.space" target="_blank">Cunnyborea
  48. Hub</a></td>
  49. </tr> -->
  50. <tr><td colspan="12" style="font-weight: bold; text-align: center;">Welcome to Cunnyborea 😭💢</td></tr>
  51. <tr>
  52. <td colspan="12" class="cunny-row cunny-overflow">
  53. <div id="cunny-container" clas="random-cunny-container cunny-overflow">
  54. <img src="https://luv.cunnyborea.space/get_random_cunny" class="cunny-img random-cunny blur-img" id="fav-cunny"
  55. alt="Reload for more cunny!">
  56. </div>
  57. </td>
  58. </tr>
  59. <tr>
  60. <td colspan="4" style="font-weight: bold;">Simple and Clean FE</td>
  61. <td colspan="8" style="text-align: center;"><a href="https://bloat.cunnyborea.space"
  62. target="_blank">Bloat</a></td>
  63. </tr>
  64. <tr>
  65. <td colspan="4" style="font-weight: bold;">Twatter-eque Soy FE</td>
  66. <td colspan="8" style="text-align: center;"><a href="https://coalbox.cunnyborea.space"
  67. target="_blank">Coalbox</a></td>
  68. </tr>
  69. <tr>
  70. <td colspan="4" style="font-weight: bold;">Onion Service</td>
  71. <td colspan="8" style="text-align: center;"><a href="http://cunnyai4psuhdd4jhxc3oivg3kagchxjznnztmtp3yvcav7dptluylqd.onion"
  72. target="_blank">PleromaFE</a></td>
  73. </tr>
  74. </table>
  75. </p>
  76. </div>