└── examples └── basic └── public ├── robots.txt ├── favicon.ico └── style.css /examples/basic/public/robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Disallow: -------------------------------------------------------------------------------- /examples/basic/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/exhibitionist-digital/ultra/main/examples/basic/public/favicon.ico -------------------------------------------------------------------------------- /examples/basic/public/style.css: -------------------------------------------------------------------------------- 1 | html, 2 | body { 3 | margin: 0; 4 | padding: 1rem; 5 | font-family: monospace; 6 | background: #ddd; 7 | text-align: center; 8 | } 9 | 10 | h1 { 11 | text-align: center; 12 | margin: 1rem auto 3rem; 13 | font-size: clamp(2em, 10vw, 8em); 14 | font-weight: 400; 15 | } 16 | 17 | h1 span::before { 18 | content: '@'; 19 | animation: blink 3s infinite; 20 | } 21 | 22 | @keyframes blink { 23 | 24 | 0%, 25 | 50%, 26 | 70%, 27 | 95% { 28 | content: '@'; 29 | } 30 | 31 | 65%, 32 | 90% { 33 | content: '—'; 34 | } 35 | } 36 | 37 | p { 38 | max-width: 600px; 39 | margin: 0 auto 1em; 40 | } --------------------------------------------------------------------------------