diff options
Diffstat (limited to 'static-html')
| -rw-r--r-- | static-html/homiefest.html | 267 |
1 files changed, 267 insertions, 0 deletions
diff --git a/static-html/homiefest.html b/static-html/homiefest.html new file mode 100644 index 0000000..8947f3b --- /dev/null +++ b/static-html/homiefest.html @@ -0,0 +1,267 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8" /> + <meta name="viewport" + content="width=device-width, initial-scale=1"> + <title>Homiefest 2025</title> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/comic-mono@0.0.1/index.css" /> + <style> + :root { + --page-width: 50em; + --blue: #a1d3ff; + --pink: #f9e6fc; + --white: white; + --purple: #6112fb; + } + html, body { + margin: 15px 15px; + background-color: var(--blue); + font-family: Comic Mono; + } + main { + margin: auto auto; + max-width: var(--page-width); + border-radius: 32px; + background-color: var(--pink); + padding: 32px 32px 64px 32px; + max-height: 100%; + } + + main h1 { + text-align: center; + color: var(--purple); + } + main a:link { + color: var(--purple); + } + main a:visited { + color: var(--purple); + } + main nav { + text-align: center; + } + main nav ul { + list-style-type: none; + padding: 0; + } + main nav ul li { + display: inline; + } + main nav li:not(:first-child)::before { + content: '|'; + margin-right: .5ch; + } + main table { + margin: auto; + background-color: var(--white); + } + main table, tr, th, td { + padding: 4px; + border: solid; + border-collapse: collapse; + text-align: center; + } + @media only screen and (max-width: 800px) { + html, body { + margin: 8px; + } + main { + padding: 16px 16px 32px 16px; + } + main table tr { + height: 2.5lh; + } + } + + </style> + </head> + <body> + <main> + <h1>Homiefest 2025</h1> + <ul> + <caption> + <h2>Artist List</h2> + </caption> + <li> + <a href="https://barelycivil.bandcamp.com/"> + Barely Civil + </a> + </li> + <li> + <a href=""> + Blind Equation + </a> + </li> + <li> + <a href="https://cdbet.bandcamp.com/"> + Carson D Bell and the Endtimes + </a> + </li> + <li> + <a href="https://combatnaps.bandcamp.com/"> + Combat Naps + </a> + </li> + <li> + <a href="https://dearmaryanne.bandcamp.com/"> + Dear Maryanne + </a> + </li> + <li> + <a href="https://dearmrwatterson.bandcamp.com"> + Dear Mr. Watterson + </a> + </li> + <li> + <a href="https://emway.bandcamp.com"> + Excuse Me, Who Are You? + </a> + </li> + <li> + <a href="https://endswellwi.bandcamp.com"> + Endswell + </a> + </li> + <li> + <a href="https://joiedevivreband.bandcamp.com"> + Joie De Vivre + </a> + </li> + <li> + <a href="https://moosecreekpark.bandcamp.com"> + Moosecreek Park + </a> + </li> + <li> + <a href="https://nogoodwithsecrets.bandcamp.com"> + No Good With Secrets + </a> + </li> + <li> + <a href="https://oolongbois.bandcamp.com"> + Oolong + </a> + </li> + <li> + <a href="https://potionsellermi.bandcamp.com"> + Potionseller + </a> + </li> + <li> + <a href="https://stomachbook.bandcamp.com/"> + Stomach Book + </a> + </li> + <li> + <a href="https://summerbruise.bandcamp.com"> + Summerbruise + </a> + </li> + <li> + <a href="https://swissarmywife.bandcamp.com/"> + Swiss Army Wife + </a> + </li> + </ul> + <table> + <caption id="saturday"> + <h2>Schedule TBD</h2> + </caption> + <thead> + <tr> + <th>Time</th> + <th>Basement</th> + <th>Main Stage</th> + </tr> + </thead> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr><tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + </main> + </body> +</html> |