Compare commits

...

3 Commits

Author SHA1 Message Date
10e4305e62 Added more styles to the site. 2024-11-06 22:45:03 -05:00
56f9683d0a change the css a bit 2024-11-06 22:21:41 -05:00
737535ffd5 Add a basic stylesheet. 2024-11-06 21:50:14 -05:00
4 changed files with 64 additions and 5 deletions

View File

@ -0,0 +1,47 @@
body {
background-color: #eee;
}
.container {
box-sizing: border-box;
max-width: 1200px;
margin: 0 auto;
}
header {
float: left;
padding: 0.25em 1em;
}
header h1 {
margin: 0;
padding: 0;
}
nav {
float: right;
padding: 0.25em 1em;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline;
}
nav ul li:last-child {
margin-left: 1em;
}
main {
clear: both;
background-color: #fff;
border: 1px solid #ccc;
padding: 1em;
box-sizing: border-box;
}
footer {
text-align: right;
padding: 0.25em 1em;
}

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,22 +6,34 @@
<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><a href="/home">Slovocast</a></h1>
{% block header %}{% endblock %} {% block header %}{% endblock %}
</header> </header>
<nav>
<ul>
{% 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>
<footer> <footer>
{% block footer %}{% endblock %} {% block footer %}
&copy; 2024, Slovocast
{% endblock %}
</footer> </footer>
</div> </div>
</body> </body>