terms-of-service-coalbox.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
  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 no not accepting application nor handing out invites. If you want a fediverse account, head over
  157. to another instance.
  158. </p>
  159. <hr>
  160. <h2 id="site-rules">Site Rules</h2>
  161. <ol>
  162. <li>Media content should follow the instance thematic.</li>
  163. <li>Racism and slurs are ok.</li>
  164. <li>Mark NSFW as sensitive.</li>
  165. <li>Don't pick unnecessary and/or needless fights.</li>
  166. <li>No fedposting.</li>
  167. <li>No doxxing/self-doxxing.</li>
  168. <li>
  169. Posting CSAM or anything illegal in the US or Denmark earns you a permaban.
  170. </li>
  171. </ol>
  172. <hr>
  173. </hr>
  174. <h2 id="federation-rules">Federation Rules</h2>
  175. <p>
  176. We block (i.e. MRF Reject) instances that:
  177. </p>
  178. <ul>
  179. <li>Pose an existential threat to Cunnyborea</li>
  180. <li>Host bad-faith actors</li>
  181. <li>Engage in data scraping or spam</li>
  182. <li>Post or distribute gay shit</li>
  183. <li>Ruin all the fun</li>
  184. </ul>
  185. <hr>
  186. <h2>Regarding the Matrix server</h2>
  187. <p>We're not accepting people using <a href="https://matrix.org" target="_blank">matrix.org</a> accounts. Their media
  188. federation is fucked and we can't see their shit on our end. <span class="spoiler3">Besides, that server is run by kikes,
  189. so we don't want to do anything with it..</span>
  190. </p>
  191. <hr>
  192. <h2>Other info of interest</h2>
  193. <p>The Admin reserves the right of changing the rules and the status of federation.</p>
  194. <hr>
  195. <h2>Contact</h2>
  196. <p>If you need to contact the admin for any reason please send and email to
  197. <a href=" mailto:staff@cunnyborea.space">staff@cunnyborea.space</a>. There's no guarantee you'll get any reply,
  198. thou.
  199. </p>
  200. <hr>
  201. <h2>Uoh?</h2>
  202. <p>Uooooh cunny 😭</p>
  203. <div class="center cunny-overflow">
  204. <img class="cunny-img blur-img" src="https://lalilulelo.pankeeki.art/fedi-assets/nahidauohcunnymapc.jpg" />
  205. </div>