terms-of-service-coalbox.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
  1. <style>
  2. .tooltip {
  3. position: relative;
  4. display: inline-block;
  5. border-bottom: 1px dotted black;
  6. }
  7. .tooltip .tooltiptext {
  8. visibility: hidden;
  9. width: 120px;
  10. background-color: #0363a2;
  11. color: #fff;
  12. text-align: center;
  13. border-radius: 6px;
  14. padding: 5px 0;
  15. /* Position the tooltip */
  16. position: absolute;
  17. z-index: 1;
  18. top: -5px;
  19. right: 105%;
  20. }
  21. .tooltip:hover .tooltiptext {
  22. visibility: visible;
  23. }
  24. .spoiler1,
  25. .spoiler2,
  26. .spoiler3 {
  27. color: black;
  28. background-color: black;
  29. }
  30. .spoiler1:hover {
  31. color: white;
  32. }
  33. .spoiler2:hover {
  34. background-color: white;
  35. }
  36. .spoiler3:hover {
  37. background-color: yellow;
  38. }
  39. .center {
  40. margin: auto;
  41. width: 100%;
  42. display: flex;
  43. justify-content: center;
  44. padding: 10px;
  45. }
  46. .video-center {
  47. width: 100%;
  48. height: 240px;
  49. margin: 10px auto;
  50. }
  51. .emoji-size {
  52. height: 20px;
  53. }
  54. .bigass-title {
  55. font-size: xx-large;
  56. }
  57. .annoying-red-font {
  58. color: #ff0000;
  59. }
  60. .blink {
  61. animation: blink 0.75s step-start infinite;
  62. }
  63. .cunny-img {
  64. width: 70%;
  65. }
  66. .blur-img {
  67. filter: blur(120px);
  68. width: 100%;
  69. height: 100%;
  70. }
  71. .cunny-img:hover {
  72. filter: blur(0);
  73. }
  74. .cunny-overflow {
  75. overflow: hidden;
  76. }
  77. .random-cunny {
  78. width: auto;
  79. height: auto;
  80. max-width: 300px;
  81. max-height: 300px;
  82. display: block;
  83. margin: auto;
  84. }
  85. .cunny-uoh {
  86. width: auto;
  87. height: auto;
  88. max-width: 500px;
  89. }
  90. @keyframes blink {
  91. 0% {
  92. opacity: 1;
  93. }
  94. 50% {
  95. opacity: 0;
  96. }
  97. 100% {
  98. opacity: 1;
  99. }
  100. }
  101. table {
  102. border-collapse: collapse;
  103. }
  104. table,
  105. th,
  106. td {
  107. padding: 5px;
  108. border: 1px solid rgba(124, 133, 146, 0.5);
  109. }
  110. .cunny-img {
  111. width: 70%;
  112. }
  113. .blur-img {
  114. filter: blur(120px);
  115. width: 100%;
  116. height: 100%;
  117. }
  118. .cunny-img:hover {
  119. filter: blur(0);
  120. }
  121. .cunny-overflow {
  122. overflow: hidden;
  123. }
  124. .random-cunny {
  125. width: auto;
  126. height: auto;
  127. max-width: 200px;
  128. max-height: 200px;
  129. display: block;
  130. margin: auto;
  131. }
  132. .cunny-uoh {
  133. width: auto;
  134. height: auto;
  135. max-width: 500px;
  136. }
  137. </style>
  138. </style>
  139. <h1 class="bigass-title annoying-red-font center">
  140. 🚨 Sign-ups are closed 🚨
  141. </h1>
  142. <hr>
  143. <h2>About Us</h2>
  144. <p>
  145. cunnyborea.space is a comfy, "free-speech" instance for
  146. <b style="font-size: large">based</b> cunny lovers, enjoyers, connoisseurs and
  147. affiliates.
  148. </p>
  149. <div class="center">
  150. <video class="video-center" controls loop autopictureinpicture preload>
  151. <source src="https://lalilulelo.pankeeki.art/fedi-assets/cunnyborea.mp4" type="video/mp4" />
  152. </video>
  153. </div>
  154. <hr>
  155. <h2>Register/Sign Up</h2>
  156. <p>Cunnyborea is <b>not</b> accepting signup applications nor handing out invites. If you want a fediverse account, head
  157. over
  158. to another instance.
  159. </p>
  160. <hr>
  161. <h2 id="site-rules">Site Rules</h2>
  162. <ol>
  163. <li>Media content should follow the instance thematic.</li>
  164. <li>Racism and slurs are ok.</li>
  165. <li>Mark NSFW as sensitive.</li>
  166. <li>Don't pick unnecessary and/or needless fights.</li>
  167. <li>No fedposting.</li>
  168. <li>No doxxing/self-doxxing.</li>
  169. <li>
  170. Posting CSAM or anything illegal in the US or Denmark earns you a permaban.
  171. </li>
  172. </ol>
  173. <hr>
  174. </hr>
  175. <h2 id="federation-rules">Federation Rules</h2>
  176. <p>
  177. We block (i.e. MRF Reject) instances that:
  178. </p>
  179. <ul>
  180. <li>Pose an existential threat to Cunnyborea</li>
  181. <li>Host bad-faith actors</li>
  182. <li>Engage in data scraping or spam</li>
  183. <li>Post or distribute gay shit</li>
  184. <li>Ruin all the fun</li>
  185. </ul>
  186. <hr>
  187. <h2>Regarding the Matrix server</h2>
  188. <p>We're having issues with media from <a href="https://matrix.org" target="_blank">matrix.org</a>, we can't see shit.
  189. We don't know if it's an issue on their end or ours. <span class="spoiler3">Anyways, that server is run by kikes,
  190. so we don't want to do anything with it. Stop being niggercattle and using jewish shit.</span>
  191. </p>
  192. <hr>
  193. <h2>Other info of interest</h2>
  194. <p>The Admin reserves the right of changing the rules and the status of federation.</p>
  195. <hr>
  196. <h2>Contact</h2>
  197. <p>If you need to contact the admin for any reason please send and email to
  198. <a href=" mailto:staff@cunnyborea.space">staff@cunnyborea.space</a>. There's no guarantee you'll get any reply,
  199. thou.
  200. </p>
  201. <hr>
  202. <h2>Uoh?</h2>
  203. <p>Uooooh cunny 😭</p>
  204. <div class="center cunny-overflow">
  205. <img class="cunny-img blur-img" src="https://lalilulelo.pankeeki.art/fedi-assets/nahidauohcunnymapc.jpg" />
  206. </div>