Add a basic stylesheet.

This commit is contained in:
Dave Smith-Hayes 2024-11-06 21:50:14 -05:00
parent 7656012fa7
commit 737535ffd5
4 changed files with 26 additions and 4 deletions

View File

@ -0,0 +1,11 @@
body {
background-color: #eee;
}
.container {
max-width: 1200px;
margin: 0 auto;
background-color: #fff;
padding: 1em;
border: 1px solid #ccc;
}

View File

@ -21,7 +21,7 @@ class Routes
*/ */
public static function setup(App $app): void public static function setup(App $app): void
{ {
$app->get('/', HomePage::class); $app->get('/[home]', HomePage::class);
$app->get('/healthcheck', HealthCheck::class); $app->get('/healthcheck', HealthCheck::class);
// User Routes // User Routes
self::users($app); self::users($app);

View File

@ -2,6 +2,6 @@
{% block content %} {% block content %}
<div> <div>
<h1>Slovocast</h1> <p>Welcome to Slovocast, the no-bullshit podcast hosting platform.</p>
</div> </div>
{% endblock %} {% endblock %}

View File

@ -6,17 +6,28 @@
<meta name="description" value="{{ site_description }}"> <meta name="description" value="{{ site_description }}">
<meta name="keywords" value="{{ page_tags }}"> <meta name="keywords" value="{{ page_tags }}">
{% endblock %} {% endblock %}
<link rel="stylesheet" href="static/main.css">
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<header> <header>
<h1>Slovocast</h1>
{% block header %}{% endblock %} {% block header %}{% endblock %}
</header> </header>
<nav>
<ul>
<li><a href="/home">Home</a></li>
{% if logged_in %}
<li><a href="/dashboard">Dashboard</a></li>
{% else %}
<li><a href="/login">Login</a></li>
{% endif %}
</ul>
</nav>
<main> <main>
{% include 'layouts/components/flash.twig' %} {% include 'layouts/components/flash.twig' %}
{% block content %}{% endblock %} {% block content %}{% endblock %}
</main> </main>