diff options
| -rw-r--r-- | html/immoral/index.html | 32 |
1 files changed, 28 insertions, 4 deletions
diff --git a/html/immoral/index.html b/html/immoral/index.html index b6eee24..34dfb47 100644 --- a/html/immoral/index.html +++ b/html/immoral/index.html @@ -132,12 +132,36 @@ top: 0; outline: 3px solid var(--focus-outline); } + + .immoral { + color: #cc0000; + text-shadow: + 0 0 1px #fff, + 0 0 3px #fff, + 0 0 5px #ff0000, + 2px 2px 0 #600; + font-weight: 900; + letter-spacing: 2px; + transform: skew(-5deg); + display: inline-block; + position: relative; + padding: 0 4px; + } + + .immoral::first-letter { + font-size: 1.2em; + color: #ff0000; + text-shadow: + 0 0 1px #fff, + 0 0 3px #fff, + 0 0 5px #ff0000, + 2px 2px 0 #800; + } </style> </head> <body> - <a href="#main-content" class="skip-link">Skip to main content</a> - <div class="container" id="main-content"> - <h1>Immoral Web Font Vacuum</h1> + <main class="container"> + <h1><span class="immoral">Immoral</span> Web Font Vacuum</h1> <p>Enter a URL to find, preview, and download web fonts (WOFF/TTF/WOFF2/OTF) present on the page.</p> <form class="input-group" role="search" aria-label="Website URL search form" onsubmit="event.preventDefault();"> @@ -161,7 +185,7 @@ <div id="error" class="error" role="alert" aria-live="polite"></div> <div id="results" role="region" aria-label="Font analysis results"></div> - </div> + </main> <script src="app.js"></script> </body> </html> |