fix footer

This commit is contained in:
Torsten 2023-02-14 19:36:06 +02:00
parent da76abbc1f
commit 2247ee712c
1 changed files with 76 additions and 68 deletions

View File

@ -1,9 +1,14 @@
%footer.bg-white{"aria-label" => "Site Footer"}
.px-4.py-16.mx-auto.sm:px-6.lg:px-8
.w-full.grid.grid-cols-2.gap-8.mt-8.lg:mt-0.lg:grid-cols-6.lg:gap-y-16.ld:grid-cols-3.lg:gap-y-8
.max-w-screen-xl.px-4.py-16.mx-auto.sm:px-6.lg:px-8
.w-full.grid.grid-cols-2.gap-8.mt-8.lg:mt-0.lg:grid-cols-5.lg:gap-y-16
.col-span-1.md:col-span-2
%p.font-medium.text-gray-900 Activities
.lg:flex.lg:items-start.lg:gap-8
%a.inline-flex.items-center{"aria-label" => "Hub Feenix", :href => "/", :title => "Hub Feenix"}
= image_tag("feenix_lintu.webp" , class: "h-20")
%nav.mt-6
%p.mb-6.font-medium.text-xl.text-gray-900
Activities
%ul.space-y-4.text-sm
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "/local_activities"}
@ -15,9 +20,9 @@
%a.text-gray-700.transition.hover:opacity-75{:href => "/turku"}
Turkku
.col-span-1.md:col-span-2
%p.font-medium.text-gray-900 Weather Info
%nav.mt-6
%p.mb-6.font-medium.text-xl.text-gray-900
Weather Info
%ul.space-y-4.text-sm
%li
%a.text-md.transition.hover:opacity-75{:href => "/four_seasons"}
@ -29,9 +34,9 @@
%a.text-gray-700.transition.hover:opacity-75{:href => "/in_winter"}
In Winter
.col-span-2.sm:col-span-1
%p.font-medium.text-gray-900 Volunteering
%nav.mt-6{"aria-label" => "Footer Navigation - Hub Feenix"}
%p.mb-6.font-medium.text-xl.text-gray-900
Volunteering
%ul.space-y-4.text-sm
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "/volunteering"}
@ -42,9 +47,10 @@
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "/living_here"}
Living @ Feenix Info
.col-span-2.sm:col-span-1
%p.font-medium.text-gray-900 People
%nav.mt-6{"aria-label" => "Footer Navigation - Hub Feenix"}
%p.mb-6.font-medium.text-xl.text-gray-900
People
%ul.space-y-4.text-sm
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "/members"}
@ -55,9 +61,10 @@
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "/pictures"}
Gallery
.col-span-2.sm:col-span-1
%p.font-medium.text-gray-900 Information
%nav.mt-6{"aria-label" => "Footer Navigation - Downloads"}
%p.mb-6.font-medium.text-xl.text-gray-900
Information
%ul.space-y-4.text-sm
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "/about"}
@ -71,6 +78,7 @@
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "https://www.instagram.com/hub_feenix/" , :target => "_blank"}
Instagram
%ul.flex.justify-start.col-span-2.gap-6.lg:col-span-5.lg:justify-end
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "https://www.facebook.com/hubfeenix", :rel => "noreferrer", :target => "_blank"}