data endpoint for entity 90008 (aka. a website)
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

style: format

dusk e76819be 22507a6e

+396 -377
+342 -319
src/styles/app.css
··· 5 5 @tailwind utilities; 6 6 7 7 @layer base { 8 - :root { 9 - @apply font-sans-serif bg-ralsei-black text-ralsei-white; 10 - @apply prose-code:font-monospace prose-headings:font-monospace; 11 - cursor: url('/icons/gaze_closed.webp'), default; 12 - scrollbar-color: theme(colors.ralsei.green.dark) transparent; 13 - -webkit-font-smoothing: none !important; 14 - font-smooth: never !important; 15 - font-smoothing: none !important; 16 - } 8 + :root { 9 + @apply font-sans-serif bg-ralsei-black text-ralsei-white; 10 + @apply prose-code:font-monospace prose-headings:font-monospace; 11 + cursor: url('/icons/gaze_closed.webp'), default; 12 + scrollbar-color: theme(colors.ralsei.green.dark) transparent; 13 + -webkit-font-smoothing: none !important; 14 + font-smooth: never !important; 15 + font-smoothing: none !important; 16 + } 17 17 18 - @font-face { 19 - font-family: 'Fusion Pixel 10px Monospaced zh_hans'; 20 - src: url('/fonts/fusion-pixel-sc-monospaced.woff2') format('woff2'); 21 - font-weight: normal; 22 - font-style: normal; 23 - font-display: swap; 24 - } 18 + @font-face { 19 + font-family: 'Fusion Pixel 10px Monospaced zh_hans'; 20 + src: url('/fonts/fusion-pixel-sc-monospaced.woff2') format('woff2'); 21 + font-weight: normal; 22 + font-style: normal; 23 + font-display: swap; 24 + } 25 25 26 - @font-face { 27 - font-family: 'Fusion Pixel 10px Proportional zh_hans'; 28 - src: url('/fonts/fusion-pixel-sc-proportional.woff2') format('woff2'); 29 - font-weight: normal; 30 - font-style: normal; 31 - font-display: swap; 32 - } 26 + @font-face { 27 + font-family: 'Fusion Pixel 10px Proportional zh_hans'; 28 + src: url('/fonts/fusion-pixel-sc-proportional.woff2') format('woff2'); 29 + font-weight: normal; 30 + font-style: normal; 31 + font-display: swap; 32 + } 33 33 34 - @font-face { 35 - font-family: 'Doll Mono'; 36 - src: url('/fonts/dollmonoopt.woff2') format('woff2'); 37 - } 34 + @font-face { 35 + font-family: 'Doll Mono'; 36 + src: url('/fonts/dollmonoopt.woff2') format('woff2'); 37 + } 38 38 39 - .prose h1::before { 40 - content: '[ '; 41 - } 42 - .prose h1::after { 43 - content: ' ]'; 44 - } 39 + .prose h1::before { 40 + content: '[ '; 41 + } 42 + .prose h1::after { 43 + content: ' ]'; 44 + } 45 45 46 - .prose h2::before { 47 - content: '[= '; 48 - } 49 - .prose h2::after { 50 - content: ' =]'; 51 - } 52 - 53 - .prose h3::before { 54 - content: '[== '; 55 - } 56 - .prose h3::after { 57 - content: ' ==]'; 58 - } 59 - 60 - .prose h4::before { 61 - content: '[=== '; 62 - } 63 - .prose h4::after { 64 - content: ' ===]'; 65 - } 46 + .prose h2::before { 47 + content: '[= '; 48 + } 49 + .prose h2::after { 50 + content: ' =]'; 51 + } 52 + 53 + .prose h3::before { 54 + content: '[== '; 55 + } 56 + .prose h3::after { 57 + content: ' ==]'; 58 + } 66 59 67 - /* .prose h1::after,.prose h2::after,.prose h3::after,.prose h4::after { 60 + .prose h4::before { 61 + content: '[=== '; 62 + } 63 + .prose h4::after { 64 + content: ' ===]'; 65 + } 66 + 67 + /* .prose h1::after,.prose h2::after,.prose h3::after,.prose h4::after { 68 68 @apply motion-safe:animate-blink; 69 69 content: '_'; 70 70 } */ 71 71 72 - .prose a { 73 - text-decoration: none; 74 - } 72 + .prose a { 73 + text-decoration: none; 74 + } 75 75 76 - .prose a:hover { 77 - @apply motion-safe:animate-squiggle; 78 - text-decoration: underline; 79 - } 76 + .prose a:hover { 77 + @apply motion-safe:animate-squiggle; 78 + text-decoration: underline; 79 + } 80 80 81 - h1,h2,h3,h4,h5,h6,.text-shadow-pink { 82 - text-shadow: 0 0 3px theme(colors.ralsei.black), 0 0 6px theme(colors.ralsei.pink.neon), 0 0 10px #fff3; 83 - } 81 + h1, 82 + h2, 83 + h3, 84 + h4, 85 + h5, 86 + h6, 87 + .text-shadow-pink { 88 + text-shadow: 89 + 0 0 3px theme(colors.ralsei.black), 90 + 0 0 6px theme(colors.ralsei.pink.neon), 91 + 0 0 10px #fff3; 92 + } 84 93 85 - .text-shadow-red { 86 - text-shadow: 0 0 1px theme(colors.ralsei.black), 0 0 5px theme(colors.red.600); 87 - } 94 + .text-shadow-red { 95 + text-shadow: 96 + 0 0 1px theme(colors.ralsei.black), 97 + 0 0 5px theme(colors.red.600); 98 + } 88 99 89 - .text-shadow-none { 90 - text-shadow: none; 91 - } 100 + .text-shadow-none { 101 + text-shadow: none; 102 + } 92 103 93 - .prose ul, ul { 94 - list-style-type: '>>'; 95 - } 104 + .prose ul, 105 + ul { 106 + list-style-type: '>>'; 107 + } 96 108 97 - .text-shadow-green { 98 - text-shadow: 0 0 2px theme(colors.ralsei.black), 0 0 5px theme(colors.ralsei.green.light); 99 - } 109 + .text-shadow-green { 110 + text-shadow: 111 + 0 0 2px theme(colors.ralsei.black), 112 + 0 0 5px theme(colors.ralsei.green.light); 113 + } 100 114 101 - a,button,input[type=submit] { 102 - @apply text-shadow-green; 103 - cursor: url('/icons/gaze.webp'), pointer; 104 - } 115 + a, 116 + button, 117 + input[type='submit'] { 118 + @apply text-shadow-green; 119 + cursor: url('/icons/gaze.webp'), pointer; 120 + } 105 121 106 - .animate-squiggle { 107 - animation: squigglevision 0.3s infinite; 108 - } 122 + .animate-squiggle { 123 + animation: squigglevision 0.3s infinite; 124 + } 109 125 110 - @keyframes squigglevision { 111 - 0% { 112 - filter: url("#squiggly-0"); 113 - } 114 - 25% { 115 - filter: url("#squiggly-1"); 116 - } 117 - 50% { 118 - filter: url("#squiggly-2"); 119 - } 120 - 75% { 121 - filter: url("#squiggly-3"); 122 - } 123 - 100% { 124 - filter: url("#squiggly-4"); 125 - } 126 - } 126 + @keyframes squigglevision { 127 + 0% { 128 + filter: url('#squiggly-0'); 129 + } 130 + 25% { 131 + filter: url('#squiggly-1'); 132 + } 133 + 50% { 134 + filter: url('#squiggly-2'); 135 + } 136 + 75% { 137 + filter: url('#squiggly-3'); 138 + } 139 + 100% { 140 + filter: url('#squiggly-4'); 141 + } 142 + } 127 143 128 - @keyframes blink { 129 - 0% { 130 - opacity: 1.0; 131 - } 132 - 50% { 133 - opacity: 0.0; 134 - } 135 - 100% { 136 - opacity: 1.0; 137 - } 138 - } 144 + @keyframes blink { 145 + 0% { 146 + opacity: 1; 147 + } 148 + 50% { 149 + opacity: 0; 150 + } 151 + 100% { 152 + opacity: 1; 153 + } 154 + } 139 155 } 140 156 141 157 @layer utilities { 142 - .text-error { 158 + .text-error { 143 159 @apply text-xl text-red-600 text-shadow-red; 144 160 } 145 161 146 - .border-groove { 147 - border-style: groove; 148 - } 162 + .border-groove { 163 + border-style: groove; 164 + } 165 + 166 + .border-ridge { 167 + border-style: ridge; 168 + } 169 + 170 + .app-grid-background-anim { 171 + animation: 4s linear app-grid-move-first-layer infinite; 172 + } 149 173 150 - .border-ridge { 151 - border-style: ridge; 152 - } 174 + .app-grid-background-second-layer-anim { 175 + animation: 12s linear app-grid-move-second-layer infinite; 176 + } 153 177 154 - .app-grid-background-anim { 155 - animation: 4s linear app-grid-move-first-layer infinite; 156 - } 157 - 158 - .app-grid-background-second-layer-anim { 159 - animation: 12s linear app-grid-move-second-layer infinite; 160 - } 178 + @keyframes app-grid-move-first-layer { 179 + 0% { 180 + background-position: 0px 0px; 181 + } 182 + 100% { 183 + background-position: 126px 84px; 184 + } 185 + } 161 186 162 - @keyframes app-grid-move-first-layer { 163 - 0% { 164 - background-position: 0px 0px; 165 - } 166 - 100% { 167 - background-position: 126px 84px; 168 - } 169 - } 170 - 171 - @keyframes app-grid-move-second-layer { 172 - 0% { 173 - background-position: 96px 120px; 174 - } 175 - 100% { 176 - background-position: 0px 0px; 177 - } 178 - } 187 + @keyframes app-grid-move-second-layer { 188 + 0% { 189 + background-position: 96px 120px; 190 + } 191 + 100% { 192 + background-position: 0px 0px; 193 + } 194 + } 179 195 180 - @media (prefers-reduced-motion: no-preference) { 181 - @keyframes bounce-reverse { 182 - 0%, 100% { 183 - transform: none; 184 - animation-timing-function: cubic-bezier(0,0,0.2,1); 185 - } 186 - 50% { 187 - transform: translateY(-25%); 188 - animation-timing-function: cubic-bezier(0.8,0,1,1); 189 - } 190 - } 191 - } 192 - @media (prefers-reduced-motion: no-preference) { 193 - .animate-bounce-reverse:hover { 194 - animation: bounce-reverse 1s infinite; 195 - } 196 - } 196 + @media (prefers-reduced-motion: no-preference) { 197 + @keyframes bounce-reverse { 198 + 0%, 199 + 100% { 200 + transform: none; 201 + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); 202 + } 203 + 50% { 204 + transform: translateY(-25%); 205 + animation-timing-function: cubic-bezier(0.8, 0, 1, 1); 206 + } 207 + } 208 + } 209 + @media (prefers-reduced-motion: no-preference) { 210 + .animate-bounce-reverse:hover { 211 + animation: bounce-reverse 1s infinite; 212 + } 213 + } 197 214 } 198 215 199 216 a.app-selected-route { 200 - text-shadow: 0 0 2px theme(colors.ralsei.black), 0 0 5px theme(colors.ralsei.pink.regular); 217 + text-shadow: 218 + 0 0 2px theme(colors.ralsei.black), 219 + 0 0 5px theme(colors.ralsei.pink.regular); 201 220 } 202 221 203 222 .app-grid-background { 204 - background-image: 205 - linear-gradient(theme(colors.ralsei.green.light / 0.4), transparent 2px), 206 - linear-gradient(to right, theme(colors.ralsei.green.light / 0.4), transparent 2px); 207 - background-size: 100% 42px, 42px 100%; 223 + background-image: 224 + linear-gradient(theme(colors.ralsei.green.light / 0.4), transparent 2px), 225 + linear-gradient(to right, theme(colors.ralsei.green.light / 0.4), transparent 2px); 226 + background-size: 227 + 100% 42px, 228 + 42px 100%; 208 229 } 209 230 210 231 .app-grid-background-second-layer { 211 - background-image: 212 - linear-gradient(theme(colors.ralsei.pink.neon / 0.4), transparent 1px), 213 - linear-gradient(to right, theme(colors.ralsei.pink.neon / 0.4), transparent 1px); 214 - background-size: 100% 24px, 24px 100%; 232 + background-image: 233 + linear-gradient(theme(colors.ralsei.pink.neon / 0.4), transparent 1px), 234 + linear-gradient(to right, theme(colors.ralsei.pink.neon / 0.4), transparent 1px); 235 + background-size: 236 + 100% 24px, 237 + 24px 100%; 215 238 } 216 239 217 240 @media (prefers-reduced-motion: no-preference) { 218 - .animate-window-open { 219 - animation: 0.5s ease-out window-open-scale forwards; 220 - } 221 - 222 - .animate-window-open-vertical { 223 - animation: 0.5s ease-out window-open-scale-vertical forwards; 224 - transform-origin: bottom; 225 - } 226 - 227 - .animate-window-open-horizontal { 228 - animation: 0.5s ease-out window-open-scale-horizontal forwards; 229 - transform-origin: left; 230 - } 241 + .animate-window-open { 242 + animation: 0.5s ease-out window-open-scale forwards; 243 + } 231 244 232 - .animate-window-open-move-up { 233 - animation: 0.5s ease-out window-open-move-up forwards; 234 - } 245 + .animate-window-open-vertical { 246 + animation: 0.5s ease-out window-open-scale-vertical forwards; 247 + transform-origin: bottom; 248 + } 235 249 236 - .animate-window-open-move-down { 237 - animation: 0.5s ease-out window-open-move-down forwards; 238 - } 250 + .animate-window-open-horizontal { 251 + animation: 0.5s ease-out window-open-scale-horizontal forwards; 252 + transform-origin: left; 253 + } 239 254 240 - .animate-window-open-move-left { 241 - animation: 0.5s ease-out window-open-move-left forwards; 242 - } 255 + .animate-window-open-move-up { 256 + animation: 0.5s ease-out window-open-move-up forwards; 257 + } 243 258 244 - .animate-window-open-move-right { 245 - animation: 0.5s ease-out window-open-move-right forwards; 246 - } 259 + .animate-window-open-move-down { 260 + animation: 0.5s ease-out window-open-move-down forwards; 261 + } 247 262 248 - .animate-overflow-keep-hidden { 249 - animation: 0.6s linear overflow-keep-hidden forwards; 250 - } 251 - 252 - @keyframes window-open-scale { 253 - 0% { 254 - scale: 0.0; 255 - opacity: 0.0; 256 - } 257 - 20% { 258 - scale: 0.0; 259 - } 260 - 60% { 261 - opacity: 0.5; 262 - } 263 - 100% { 264 - scale: 1.0; 265 - opacity: 1.0; 266 - } 267 - } 268 - 269 - @keyframes window-open-scale-vertical { 270 - 0% { 271 - scale: 1.0 0.0; 272 - opacity: 0.0; 273 - } 274 - 20% { 275 - scale: 1.0 0.0; 276 - } 277 - 60% { 278 - opacity: 0.5; 279 - } 280 - 100% { 281 - scale: 1.0 1.0; 282 - opacity: 1.0; 283 - } 284 - } 285 - 286 - @keyframes window-open-scale-horizontal { 287 - 0% { 288 - scale: 0.0 1.0; 289 - opacity: 0.0; 290 - } 291 - 20% { 292 - scale: 0.0 1.0; 293 - } 294 - 60% { 295 - opacity: 0.5; 296 - } 297 - 100% { 298 - scale: 1.0 1.0; 299 - opacity: 1.0; 300 - } 301 - } 263 + .animate-window-open-move-left { 264 + animation: 0.5s ease-out window-open-move-left forwards; 265 + } 302 266 303 - @keyframes window-open-move-down { 304 - 0% { 305 - translate: 0 10rem; 306 - opacity: 0.0; 307 - } 308 - 20% { 309 - translate: 0 10rem; 310 - } 311 - 60% { 312 - opacity: 0.5; 313 - } 314 - 100% { 315 - translate: normal; 316 - opacity: 1.0; 317 - } 318 - } 267 + .animate-window-open-move-right { 268 + animation: 0.5s ease-out window-open-move-right forwards; 269 + } 319 270 320 - @keyframes window-open-move-up { 321 - 0% { 322 - translate: 0 -10rem; 323 - opacity: 0.0; 324 - } 325 - 20% { 326 - translate: 0 -10rem; 327 - } 328 - 60% { 329 - opacity: 0.5; 330 - } 331 - 100% { 332 - translate: normal; 333 - opacity: 1.0; 334 - } 335 - } 271 + .animate-overflow-keep-hidden { 272 + animation: 0.6s linear overflow-keep-hidden forwards; 273 + } 336 274 337 - @keyframes window-open-move-left { 338 - 0% { 339 - translate: 10rem 0; 340 - opacity: 0.0; 341 - } 342 - 20% { 343 - translate: 10rem 0; 344 - } 345 - 60% { 346 - opacity: 0.5; 347 - } 348 - 100% { 349 - translate: normal; 350 - opacity: 1.0; 351 - } 352 - } 275 + @keyframes window-open-scale { 276 + 0% { 277 + scale: 0; 278 + opacity: 0; 279 + } 280 + 20% { 281 + scale: 0; 282 + } 283 + 60% { 284 + opacity: 0.5; 285 + } 286 + 100% { 287 + scale: 1; 288 + opacity: 1; 289 + } 290 + } 291 + 292 + @keyframes window-open-scale-vertical { 293 + 0% { 294 + scale: 1 0; 295 + opacity: 0; 296 + } 297 + 20% { 298 + scale: 1 0; 299 + } 300 + 60% { 301 + opacity: 0.5; 302 + } 303 + 100% { 304 + scale: 1 1; 305 + opacity: 1; 306 + } 307 + } 308 + 309 + @keyframes window-open-scale-horizontal { 310 + 0% { 311 + scale: 0 1; 312 + opacity: 0; 313 + } 314 + 20% { 315 + scale: 0 1; 316 + } 317 + 60% { 318 + opacity: 0.5; 319 + } 320 + 100% { 321 + scale: 1 1; 322 + opacity: 1; 323 + } 324 + } 325 + 326 + @keyframes window-open-move-down { 327 + 0% { 328 + translate: 0 10rem; 329 + opacity: 0; 330 + } 331 + 20% { 332 + translate: 0 10rem; 333 + } 334 + 60% { 335 + opacity: 0.5; 336 + } 337 + 100% { 338 + translate: normal; 339 + opacity: 1; 340 + } 341 + } 342 + 343 + @keyframes window-open-move-up { 344 + 0% { 345 + translate: 0 -10rem; 346 + opacity: 0; 347 + } 348 + 20% { 349 + translate: 0 -10rem; 350 + } 351 + 60% { 352 + opacity: 0.5; 353 + } 354 + 100% { 355 + translate: normal; 356 + opacity: 1; 357 + } 358 + } 353 359 354 - @keyframes window-open-move-right { 355 - 0% { 356 - translate: -10rem 0; 357 - opacity: 0.0; 358 - } 359 - 20% { 360 - translate: -10rem 0; 361 - } 362 - 60% { 363 - opacity: 0.5; 364 - } 365 - 100% { 366 - translate: normal; 367 - opacity: 1.0; 368 - } 369 - } 360 + @keyframes window-open-move-left { 361 + 0% { 362 + translate: 10rem 0; 363 + opacity: 0; 364 + } 365 + 20% { 366 + translate: 10rem 0; 367 + } 368 + 60% { 369 + opacity: 0.5; 370 + } 371 + 100% { 372 + translate: normal; 373 + opacity: 1; 374 + } 375 + } 370 376 371 - @keyframes overflow-keep-hidden { 372 - 0% { 373 - overflow: hidden; 374 - } 375 - 100% { 376 - overflow: auto; 377 - } 378 - } 377 + @keyframes window-open-move-right { 378 + 0% { 379 + translate: -10rem 0; 380 + opacity: 0; 381 + } 382 + 20% { 383 + translate: -10rem 0; 384 + } 385 + 60% { 386 + opacity: 0.5; 387 + } 388 + 100% { 389 + translate: normal; 390 + opacity: 1; 391 + } 392 + } 393 + 394 + @keyframes overflow-keep-hidden { 395 + 0% { 396 + overflow: hidden; 397 + } 398 + 100% { 399 + overflow: auto; 400 + } 401 + } 379 402 }
+54 -58
tailwind.config.js
··· 1 - const colors = require('tailwindcss/colors') 2 - const plugin = require('tailwindcss/plugin') 1 + const colors = require('tailwindcss/colors'); 2 + const plugin = require('tailwindcss/plugin'); 3 3 4 4 /** @type {import('tailwindcss').Config} */ 5 5 export default { 6 - content: ['./src/**/*.{html,js,svelte,ts,md}'], 7 - theme: { 8 - extend: { 9 - typography: ({ theme }) => ({ 10 - ralsei: { 11 - css: { 12 - '--tw-prose-body': theme('colors.ralsei.white'), 13 - '--tw-prose-headings': theme('colors.ralsei.pink.neon'), 14 - '--tw-prose-lead': theme('colors.ralsei.white'), 15 - '--tw-prose-links': theme('colors.ralsei.green.light'), 16 - '--tw-prose-bold': theme('colors.ralsei.white'), 17 - '--tw-prose-counters': theme('colors.ralsei.pink.regular'), 18 - '--tw-prose-bullets': theme('colors.ralsei.pink.regular'), 19 - '--tw-prose-hr': theme('colors.ralsei.white'), 20 - '--tw-prose-quotes': theme('colors.ralsei.white'), 21 - '--tw-prose-quote-borders': theme('colors.ralsei.white'), 22 - '--tw-prose-captions': theme('colors.ralsei.white'), 23 - '--tw-prose-code': theme('colors.ralsei.pink.regular'), 24 - '--tw-prose-pre-code': theme('colors.ralsei.white'), 25 - '--tw-prose-pre-bg': theme('colors.ralsei.green.dark'), 26 - '--tw-prose-th-borders': theme('colors.ralsei.white'), 27 - '--tw-prose-td-borders': theme('colors.ralsei.white'), 28 - }, 29 - }, 30 - }), 31 - animation: { 32 - 'bounce-slow': 'bounce 3s infinite', 33 - 'pulse-fast': 'pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite', 34 - 'blink': 'blink 1s step-start infinite', 35 - }, 36 - colors: { 37 - ralsei: { 38 - pink: { 39 - regular: '#fe96e0', 40 - neon: '#ff3eb7', 41 - }, 42 - white: '#fff9fe', 43 - black: '#000801', 44 - green: { 45 - light: '#4dcc8e', 46 - dark: '#162d26', 47 - } 48 - } 49 - } 50 - }, 51 - fontFamily: { 52 - 'sans-serif': ['"Fusion Pixel 10px Proportional zh_hans", sans-serif'], 53 - monospace: ['"Fusion Pixel 10px Monospaced zh_hans", monospace'], 54 - } 55 - }, 56 - plugins: [ 57 - require('@tailwindcss/typography'), 58 - require('@tailwindcss/forms'), 59 - ], 60 - } 61 - 6 + content: ['./src/**/*.{html,js,svelte,ts,md}'], 7 + theme: { 8 + extend: { 9 + typography: ({ theme }) => ({ 10 + ralsei: { 11 + css: { 12 + '--tw-prose-body': theme('colors.ralsei.white'), 13 + '--tw-prose-headings': theme('colors.ralsei.pink.neon'), 14 + '--tw-prose-lead': theme('colors.ralsei.white'), 15 + '--tw-prose-links': theme('colors.ralsei.green.light'), 16 + '--tw-prose-bold': theme('colors.ralsei.white'), 17 + '--tw-prose-counters': theme('colors.ralsei.pink.regular'), 18 + '--tw-prose-bullets': theme('colors.ralsei.pink.regular'), 19 + '--tw-prose-hr': theme('colors.ralsei.white'), 20 + '--tw-prose-quotes': theme('colors.ralsei.white'), 21 + '--tw-prose-quote-borders': theme('colors.ralsei.white'), 22 + '--tw-prose-captions': theme('colors.ralsei.white'), 23 + '--tw-prose-code': theme('colors.ralsei.pink.regular'), 24 + '--tw-prose-pre-code': theme('colors.ralsei.white'), 25 + '--tw-prose-pre-bg': theme('colors.ralsei.green.dark'), 26 + '--tw-prose-th-borders': theme('colors.ralsei.white'), 27 + '--tw-prose-td-borders': theme('colors.ralsei.white') 28 + } 29 + } 30 + }), 31 + animation: { 32 + 'bounce-slow': 'bounce 3s infinite', 33 + 'pulse-fast': 'pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite', 34 + blink: 'blink 1s step-start infinite' 35 + }, 36 + colors: { 37 + ralsei: { 38 + pink: { 39 + regular: '#fe96e0', 40 + neon: '#ff3eb7' 41 + }, 42 + white: '#fff9fe', 43 + black: '#000801', 44 + green: { 45 + light: '#4dcc8e', 46 + dark: '#162d26' 47 + } 48 + } 49 + } 50 + }, 51 + fontFamily: { 52 + 'sans-serif': ['"Fusion Pixel 10px Proportional zh_hans", sans-serif'], 53 + monospace: ['"Fusion Pixel 10px Monospaced zh_hans", monospace'] 54 + } 55 + }, 56 + plugins: [require('@tailwindcss/typography'), require('@tailwindcss/forms')] 57 + };