Skip to content

Commit

Permalink
real sticky footer
Browse files Browse the repository at this point in the history
  • Loading branch information
aloxe committed Dec 20, 2024
1 parent 7058f8d commit 7da176a
Show file tree
Hide file tree
Showing 4 changed files with 7 additions and 6 deletions.
7 changes: 4 additions & 3 deletions src/_layouts/base.njk
Original file line number Diff line number Diff line change
@@ -1,17 +1,18 @@
<!DOCTYPE html>
<html lang="{{ meta.language }}">
<html lang="{{ meta.language }}" class="h-full">
<head>
{% block head %}
{% include "head.njk" %}
{% endblock %}
</head>
<body>
{# <body> #}
<body class="flex flex-col h-full">
{% block menu %}
{% include "menu.njk" %}
{% endblock %}

{% block main %}
<main class="container mx-auto px-6 pt-4 pb-16 {% if ismarkdown %}mkdn{% endif %}">
<main class="container mx-auto px-6 py-4 flex-1 {% if ismarkdown %}mkdn{% endif %}" >
{% block header %}
{% include "header.njk" %}
{% endblock %}
Expand Down
2 changes: 1 addition & 1 deletion src/_layouts/includes/footer.njk
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
<footer class="bg-black text-white text-center p-4 fixed bottom-0 w-full">
<footer class="bg-black text-white text-center p-4 w-full flex-shrink-0">
made with ♥
</footer>
2 changes: 1 addition & 1 deletion src/_layouts/includes/menu.njk
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{% from '../macros/renderNavItem.njk' import renderNavItem with context %}


<nav class="w-full bg-blue-600 text-white text-xl">
<nav class="w-full bg-blue-600 text-white text-xl flex-shrink-0">
{% set allEntries = collections.all %}
<ul role="list" class="flex">
<li class="relative group">
Expand Down
2 changes: 1 addition & 1 deletion src/pages/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: Huwindty 🌬️
subtitle: A basic 11ty starter with CMS and more.
description: The basic 11ty template windty with a few upgrades. CMS, Markdown, responsive images are among them. All documented.
layout: base.njk
layout: base
---
<div class="w-full sm:w-2/3 sm:p-4 md:border sm:border-black mx-auto">
{% Picture page, "vera-davidova.jpg", "Wind is playing with the grass and they are dancing and enjoying the magical moment in their lives. Tinos, Greece", undefined, undefined, undefined, undefined %}
Expand Down

0 comments on commit 7da176a

Please sign in to comment.