terms-of-service-coalbox.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274
  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. <h1 class="bigass-title annoying-red-font center">
  139. 🚨 Sign-ups are closed 🚨
  140. </h1>
  141. <hr>
  142. <div>
  143. <p>
  144. <table style="width:100%;table-layout:fixed;">
  145. <tr>
  146. <td colspan="12" style="font-weight: bold; text-align: center;">Welcome to Cunnyborea 😭💢</td>
  147. </tr>
  148. <tr>
  149. <td colspan="12" class="cunny-row cunny-overflow">
  150. <div id="cunny-container" clas="random-cunny-container cunny-overflow">
  151. <img src="https://luv.cunnyborea.space/get_random_cunny" class="cunny-img random-cunny blur-img"
  152. id="fav-cunny" alt="Reload for more cunny!">
  153. </div>
  154. </td>
  155. </tr>
  156. <tr>
  157. <td colspan="4" style="font-weight: bold;">Simple and Clean FE</td>
  158. <td colspan="8" style="text-align: center;"><a href="https://bloat.cunnyborea.space" target="_blank">Bloat</a>
  159. </td>
  160. </tr>
  161. <tr>
  162. <td colspan="4" style="font-weight: bold;">Pleroma FE</td>
  163. <td colspan="8" style="text-align: center;"><a href="https://luv.cunnyborea.space" target="_blank">Coalbox</a>
  164. </td>
  165. </tr>
  166. </table>
  167. </p>
  168. </div>
  169. <hr>
  170. <h2>Disclaimer</h2>
  171. <h3 class="annoying-red-font">
  172. cunnyborea.space and all related sub-domains bear NO relation in any way or
  173. capacity to cunnyborea.top (not that anyone will understand the difference, too many illiterate people out there).
  174. </h3>
  175. <hr>
  176. <h2>About Us</h2>
  177. <p>
  178. cunnyborea.space is a comfy, "free-speech" instance for
  179. <b style="font-size: large">based</b> cunny lovers, enjoyers, connoisseurs and
  180. affiliates.
  181. </p>
  182. <div class="center">
  183. <video class="video-center" controls loop autopictureinpicture preload>
  184. <source src="https://lalilulelo.pankeeki.art/fedi-assets/cunnyborea.mp4" type="video/mp4" />
  185. </video>
  186. </div>
  187. <hr>
  188. <h2>Register/Sign Up</h2>
  189. <p>
  190. This instance is invite only. If you want to get an account, please contact
  191. any of the staff via DM. We reserve the right of admittance. <span class="spoiler3">tl;dr we only
  192. allow White NatSoc or pro-White MAPs who're fit for the instance. No troons, faggots, browns, niggers, pajeets
  193. or
  194. kikes allowed.</span>
  195. </p>
  196. <hr>
  197. <h2 id="site-rules">Site Rules</h2>
  198. <ol>
  199. <li>Media content should follow the instance thematic.</li>
  200. <li>Racism and slurs are ok.</li>
  201. <li>Mark NSFW as sensitive.</li>
  202. <li>Don't pick unnecessary and/or needless fights.</li>
  203. <li>No fedposting.</li>
  204. <li>No doxxing/self-doxxing.</li>
  205. <li>
  206. Posting CSAM or anything illegal in the US or Denmark earns you a permaban.
  207. </li>
  208. </ol>
  209. <hr>
  210. </hr>
  211. <h2 id="federation-rules">Federation Rules</h2>
  212. <p>
  213. We block (i.e. MRF Reject) instances that:
  214. </p>
  215. <ul>
  216. <li>Pose an existential threat to Cunnyborea</li>
  217. <li>Host bad-faith actors</li>
  218. <li>Engage in data scraping or spam</li>
  219. <li>Post or distribute gay shit</li>
  220. <li>Ruin all the fun</li>
  221. </ul>
  222. <hr>
  223. <h2>Regarding the Matrix server</h2>
  224. <p><s>We're currently not accepting applications from or inviting users with <a href="https://matrix.org"
  225. target="_blank">matrix.org</a> accounts due federation issues with that server.</s> <s>matrix.org fixed their media federation issues, so we're accepting people from that instance.</s> Their shit is fucked again. We're not accepting people using matrix.org. Fuck it.
  226. <span class="spoiler3">And fuck you if you use their kike server. Stop using shit run and paid by jews.</span> </p>
  227. <hr>
  228. <h2>Other info of interest</h2>
  229. <p>The Admin reserves the right of changing the rules and the status of federation.</p>
  230. <hr>
  231. <h2>Contact</h2>
  232. <p>If you need to contact the admin for any reason please send and email to
  233. <a href=" mailto:staff@cunnyborea.space">staff@cunnyborea.space</a>. There's no guarantee you'll get any reply,
  234. thou.
  235. </p>
  236. <hr>
  237. <h2>Uoh?</h2>
  238. <p>Uooooh cunny 😭</p>
  239. <div class="center cunny-overflow">
  240. <img class="cunny-img blur-img" src="https://lalilulelo.pankeeki.art/fedi-assets/nahidauohcunnymapc.jpg" />
  241. </div>