diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/css/style.css | 372 | ||||
| -rw-r--r-- | static/img/logo.png | bin | 0 -> 6863 bytes | |||
| -rw-r--r-- | static/img/orchards_left.png | bin | 0 -> 285981 bytes | |||
| -rw-r--r-- | static/img/orchards_right.png | bin | 0 -> 279472 bytes | |||
| -rw-r--r-- | static/ttf/Decort.ttf | bin | 0 -> 38632 bytes | |||
| -rw-r--r-- | static/ttf/Powell and Geary.ttf | bin | 0 -> 111644 bytes | |||
| -rw-r--r-- | static/uploads/7_drahdiwaberl.png | bin | 0 -> 409795 bytes |
7 files changed, 372 insertions, 0 deletions
diff --git a/static/css/style.css b/static/css/style.css new file mode 100644 index 0000000..51ecbfe --- /dev/null +++ b/static/css/style.css @@ -0,0 +1,372 @@ +:root { + --bg-primary: #e0e0e0; /* Light newspaper grey */ + --bg-secondary: #f4f4f4; /* Lighter grey for content areas */ + --text-primary: #2b2b2b; /* Dark grey for main text */ + --text-accent: #111111; /* Almost black for headers */ + --deco-border: #555555; /* Medium grey for borders */ + --deco-highlight: #777777; /* Subtle highlight grey */ + --deco-shadow: #aaaaaa; /* Soft shadow */ + --newspaper-font: 'Times New Roman', 'Georgia', serif; + --sans-font: 'Times New Roman', 'Helvetica Neue', sans-serif; +} + +@font-face { + font-family: 'Powell and Geary'; + src: url('../ttf/Powell and Geary.ttf') format('truetype'); +} + +body { + font-family: var(--newspaper-font); + background-color: var(--bg-primary); + color: var(--text-primary); + margin: 0; + padding: 0; + line-height: 1.5; +} + +header { + background-color: #ffffff; + border-bottom: 5px solid var(--text-accent); + border-top: 10px solid var(--text-accent); + padding: 1rem 2rem; + margin-bottom: 1rem; + position: relative; +} + +.logo-container { + display: flex; + align-items: center; + justify-content: center; + gap: 2rem; +} + +.logo-container img { + height: 8rem; /* Increased size */ + width: auto; +} + +.logo-container .text-wrap { + text-align: left; +} + +.logo-container h1 { + font-family: 'Powell and Geary', var(--sans-font); + font-size: 5rem; + margin: 0; + text-transform: uppercase; + letter-spacing: 2px; + color: var(--text-accent); + font-weight: 900; + line-height: 1; +} + +.logo-container .subtitle { + font-size: 1.2rem; + color: var(--deco-border); + text-transform: uppercase; + letter-spacing: 1px; + margin-top: 0.2rem; + font-style: italic; + font-family: var(--sans-font); + line-height: 1; +} + +nav { + margin-top: 1rem; + display: flex; + justify-content: center; + gap: 2rem; + border-top: 1px solid var(--deco-border); + border-bottom: 1px solid var(--deco-border); + padding: 0.5rem 0; + background-color: #ffffff; +} + +nav a { + color: var(--text-accent); + text-decoration: none; + text-transform: uppercase; + font-weight: bold; + font-family: var(--sans-font); + font-size: 0.9rem; + letter-spacing: 1px; +} + +nav a:hover { + text-decoration: underline; + color: #000; +} + +main { + max-width: 1000px; + margin: 0 auto; + padding: 2rem; + background-color: var(--bg-secondary); + border: 1px solid var(--deco-border); + box-shadow: 2px 2px 5px var(--deco-shadow); +} + +h2, h3, h4 { + font-family: var(--sans-font); + color: var(--text-accent); + text-transform: uppercase; + border-bottom: 2px solid var(--text-accent); + padding-bottom: 0.5rem; + margin-top: 1.5rem; +} + +table { + width: 100%; + border-collapse: collapse; + margin-top: 1rem; + font-family: var(--sans-font); +} + +table th, table td { + border: 1px solid var(--deco-border); + padding: 8px; + text-align: center; +} + +table th { + background-color: #dddddd; + color: var(--text-accent); + text-transform: uppercase; + font-size: 0.85rem; + font-weight: bold; +} + +table tr:nth-child(even) { + background-color: #eeeeee; +} + +form { + display: flex; + flex-direction: column; + gap: 1rem; + max-width: 400px; + font-family: var(--sans-font); +} + +label { + font-weight: bold; + color: var(--text-accent); + font-size: 0.9rem; +} + +input[type="text"], +input[type="password"], +input[type="number"], +select, +textarea { + padding: 8px; + background-color: #ffffff; + border: 1px solid var(--deco-border); + color: var(--text-primary); + font-size: 1rem; + font-family: var(--sans-font); +} + +input:focus, select:focus, textarea:focus { + outline: none; + border-color: var(--text-accent); +} + +button { + background-color: var(--text-accent); + color: #ffffff; + border: none; + padding: 8px 16px; + text-transform: uppercase; + font-weight: bold; + font-family: var(--sans-font); + cursor: pointer; + transition: background-color 0.2s; +} + +button:hover { + background-color: #333333; +} + +footer { + text-align: center; + padding: 1.5rem; + font-family: var(--sans-font); + color: var(--deco-highlight); + font-size: 0.8rem; + margin-top: 2rem; + border-top: 1px solid var(--deco-border); +} + +.flash-messages { + list-style: none; + padding: 0; + margin-bottom: 2rem; +} + +.flash-messages li { + background-color: #f8f8f8; + border-left: 4px solid var(--text-accent); + padding: 10px; + color: var(--text-primary); + font-family: var(--sans-font); + font-weight: bold; + margin-bottom: 0.5rem; +} + +.conditional-game { + color: #555; + font-style: italic; +} + +/* Calendar Styles */ +.calendar-month { + background: #fff; + border: 1px solid var(--deco-border); + margin-bottom: 2rem; + padding: 1rem; +} + +.calendar-month h4 { + text-align: center; + margin-top: 0; + border-bottom: 1px solid #ddd; +} + +.calendar-grid { + display: grid; + grid-template-columns: repeat(7, 1fr); + border-top: 1px solid #ddd; + border-left: 1px solid #ddd; +} + +.calendar-day-head { + background: #eee; + font-weight: bold; + text-align: center; + padding: 5px; + border-right: 1px solid #ddd; + border-bottom: 1px solid #ddd; + font-size: 0.8rem; + text-transform: uppercase; +} + +.calendar-day { + min-height: 100px; + border-right: 1px solid #ddd; + border-bottom: 1px solid #ddd; + padding: 5px; + background: #fff; +} + +.calendar-day.other-month { + background: #f9f9f9; +} + +.calendar-day.today { + border: 3px solid #cc0000 !important; +} + +.calendar-day-num { + font-weight: bold; + font-size: 0.9rem; + margin-bottom: 5px; + display: block; +} + +.calendar-game-item { + font-size: 0.7rem; + background: #f0f0f0; + margin-bottom: 3px; + padding: 3px; + border: 1px solid #ccc; + cursor: pointer; + border-radius: 3px; +} + +.calendar-game-item:hover { + background: #e0e0e0; +} + +.team-icon-small { + width: 18px; + height: 18px; + border-radius: 50%; + vertical-align: middle; +} + +.team-icon-highlight { + border: 2px solid gold !important; + box-shadow: 0 0 5px gold; +} + +/* Warning Triangle */ +.pending-icon { + color: #cc9900; + font-weight: bold; + font-size: 1.2rem; + margin-left: 5px; + cursor: help; +} + +/* Bracket Styles */ +.bracket-container { + display: flex; + flex-direction: row; + gap: 2rem; + padding: 2rem; + overflow-x: auto; + background: #fff; + border: 1px solid var(--deco-border); + margin-bottom: 2rem; +} + +.bracket-round { + display: flex; + flex-direction: column; + justify-content: space-around; + gap: 1rem; + min-width: 200px; +} + +.bracket-game { + border: 1px solid #ccc; + background: #f9f9f9; + padding: 0.5rem; + font-size: 0.8rem; + position: relative; +} + +.bracket-game.winner { + border-left: 4px solid var(--text-accent); +} + +.bracket-team { + display: flex; + justify-content: space-between; + padding: 2px 0; +} + +.clinch-marker { + color: #cc0000; + font-weight: bold; + margin-left: 5px; +} + +/* Side Images */ +.side-image { + position: fixed; + top: 0; + height: 100vh; + width: auto; + z-index: -1; + pointer-events: none; +} + +.side-image.left { + left: 0; +} + +.side-image.right { + right: 0; +}
\ No newline at end of file diff --git a/static/img/logo.png b/static/img/logo.png Binary files differnew file mode 100644 index 0000000..6e4f7b7 --- /dev/null +++ b/static/img/logo.png diff --git a/static/img/orchards_left.png b/static/img/orchards_left.png Binary files differnew file mode 100644 index 0000000..7fbedc9 --- /dev/null +++ b/static/img/orchards_left.png diff --git a/static/img/orchards_right.png b/static/img/orchards_right.png Binary files differnew file mode 100644 index 0000000..955117f --- /dev/null +++ b/static/img/orchards_right.png diff --git a/static/ttf/Decort.ttf b/static/ttf/Decort.ttf Binary files differnew file mode 100644 index 0000000..6c765cc --- /dev/null +++ b/static/ttf/Decort.ttf diff --git a/static/ttf/Powell and Geary.ttf b/static/ttf/Powell and Geary.ttf Binary files differnew file mode 100644 index 0000000..7fd7fb3 --- /dev/null +++ b/static/ttf/Powell and Geary.ttf diff --git a/static/uploads/7_drahdiwaberl.png b/static/uploads/7_drahdiwaberl.png Binary files differnew file mode 100644 index 0000000..9bea221 --- /dev/null +++ b/static/uploads/7_drahdiwaberl.png |
