FeenixMakers/volunteers
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix footer

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

144
app/views/layouts/_footer.haml
View File

@ -1,76 +1,84 @@
%footer.bg-white{"aria-label" => "Site Footer"} %footer.bg-white{"aria-label" => "Site Footer"}
.max-w-screen-xl.px-4.py-16.mx-auto.sm:px-6.lg:px-8 .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 .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
.col-span-1.md:col-span-2 .max-w-screen-xl.px-4.py-16.mx-auto.sm:px-6.lg:px-8
%p.font-medium.text-gray-900 Activities .lg:flex.lg:items-start.lg:gap-8
%nav.mt-6 %a.inline-flex.items-center{"aria-label" => "Hub Feenix", :href => "/", :title => "Hub Feenix"}
%ul.space-y-4.text-sm = image_tag("feenix_lintu.webp" , class: "h-20")
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "/local_activities"}
Local Area
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "/helsinki"}
Helsinki
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "/turku"}
Turkku
.col-span-1.md:col-span-2 %nav.mt-6
%p.font-medium.text-gray-900 Weather Info %p.mb-6.font-medium.text-xl.text-gray-900
%nav.mt-6 Activities
%ul.space-y-4.text-sm %ul.space-y-4.text-sm
%li %li
%a.text-md.transition.hover:opacity-75{:href => "/four_seasons"} %a.text-gray-700.transition.hover:opacity-75{:href => "/local_activities"}
Four Seasons Local Area
%li %li
%a.text-gray-700.transition.hover:opacity-75{:href => "/in_summer"} %a.text-gray-700.transition.hover:opacity-75{:href => "/helsinki"}
In Summer Helsinki
%li %li
%a.text-gray-700.transition.hover:opacity-75{:href => "/in_winter"} %a.text-gray-700.transition.hover:opacity-75{:href => "/turku"}
In Winter Turkku
.col-span-2.sm:col-span-1 %nav.mt-6
%p.font-medium.text-gray-900 Volunteering %p.mb-6.font-medium.text-xl.text-gray-900
%nav.mt-6{"aria-label" => "Footer Navigation - Hub Feenix"} Weather Info
%ul.space-y-4.text-sm %ul.space-y-4.text-sm
%li
%a.text-md.transition.hover:opacity-75{:href => "/four_seasons"}
Four Seasons
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "/in_summer"}
In Summer
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "/in_winter"}
In Winter
%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"}
About Volunteering
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "/arriving"}
Getting here
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "/living_here"}
Living @ Feenix Info
%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"}
Volunteers
%li %li
%a.text-gray-700.transition.hover:opacity-75{:href => "/volunteering"} %a.text-gray-700.transition.hover:opacity-75{:href => "/stories"}
About Volunteering Stories
%li %li
%a.text-gray-700.transition.hover:opacity-75{:href => "/arriving"} %a.text-gray-700.transition.hover:opacity-75{:href => "/pictures"}
Getting here Gallery
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "/living_here"} %nav.mt-6{"aria-label" => "Footer Navigation - Downloads"}
Living @ Feenix Info %p.mb-6.font-medium.text-xl.text-gray-900
.col-span-2.sm:col-span-1 Information
%p.font-medium.text-gray-900 People %ul.space-y-4.text-sm
%nav.mt-6{"aria-label" => "Footer Navigation - Hub Feenix"} %li
%ul.space-y-4.text-sm %a.text-gray-700.transition.hover:opacity-75{:href => "/about"}
%li About Hub Feenix
%a.text-gray-700.transition.hover:opacity-75{:href => "/members"} %li
Volunteers %a.text-gray-700.transition.hover:opacity-75{:href => "https://www.hubfeenix.fi" , target: :blank }
%li HubFeenix Website
%a.text-gray-700.transition.hover:opacity-75{:href => "/stories"} %li
Stories %a.text-gray-700.transition.hover:opacity-75{:href => "https://www.facebook.com/hubfeenix" , :target => "_blank"}
%li Facebook
%a.text-gray-700.transition.hover:opacity-75{:href => "/pictures"} %li
Gallery %a.text-gray-700.transition.hover:opacity-75{:href => "https://www.instagram.com/hub_feenix/" , :target => "_blank"}
.col-span-2.sm:col-span-1 Instagram
%p.font-medium.text-gray-900 Information
%nav.mt-6{"aria-label" => "Footer Navigation - Downloads"}
%ul.space-y-4.text-sm
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "/about"}
About Hub Feenix
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "https://www.hubfeenix.fi" , target: :blank }
HubFeenix Website
%li
%a.text-gray-700.transition.hover:opacity-75{:href => "https://www.facebook.com/hubfeenix" , :target => "_blank"}
Facebook
%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 %ul.flex.justify-start.col-span-2.gap-6.lg:col-span-5.lg:justify-end
%li %li
%a.text-gray-700.transition.hover:opacity-75{:href => "https://www.facebook.com/hubfeenix", :rel => "noreferrer", :target => "_blank"} %a.text-gray-700.transition.hover:opacity-75{:href => "https://www.facebook.com/hubfeenix", :rel => "noreferrer", :target => "_blank"}