Update theme and styles
- Updated the footer layout in `footer.html` to streamline the structure and improve readability. - Added new CSS classes for brightness and invert filters in `style.css` to enhance image visibility. - Modified the CSS source map in `custom.css.map` for better debugging. - Changed theme name in `theme.toml` from "Hugo Saasify" to "Theme Chill" for branding consistency.
This commit is contained in:
Boris Waaub
@@ -1,7 +1,7 @@
|
||||
<footer class="footer py-12 ">
|
||||
<div class="container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl">
|
||||
<div class="flex flex-col md:flex-row justify-between space-y-4 md:space-y-0">
|
||||
<!-- Logo and Social Media -->
|
||||
<!-- Logo -->
|
||||
<div class="flex-1">
|
||||
<div class="flex items-center space-x-3 mb-4">
|
||||
<a href="{{ .Site.BaseURL }}" class="inline-block">
|
||||
@@ -11,98 +11,6 @@
|
||||
</a>
|
||||
<span class="text-xl font-bold text-gray-900">{{ .Site.Title }}</span>
|
||||
</div>
|
||||
<div class="flex space-x-3 p-2">
|
||||
{{ with .Site.Params.social.linkedin }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">LinkedIn</span>
|
||||
<img src="/images/social/linkedin.svg" alt="LinkedIn" class="h-5 w-5">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.bluesky }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Bluesky</span>
|
||||
<img src="/images/social/bluesky.svg" alt="Bluesky" class="h-5 w-5">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.twitter }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Twitter (X)</span>
|
||||
<img src="/images/social/twitter.svg" alt="Twitter" class="h-5 w-5">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.youtube }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">YouTube</span>
|
||||
<img src="/images/social/youtube.svg" alt="YouTube" class="h-5 w-5">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.facebook }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Facebook</span>
|
||||
<img src="/images/social/facebook.svg" alt="Facebook" class="h-5 w-5">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.instagram }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Instagram</span>
|
||||
<img src="/images/social/instagram.svg" alt="Instagram" class="h-5 w-5">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.github }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">GitHub</span>
|
||||
<img src="/images/social/github.svg" alt="GitHub" class="h-5 w-5">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.telegram }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Telegram</span>
|
||||
<img src="/images/social/telegram.svg" alt="Telegram" class="h-5 w-5">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.discord }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Discord</span>
|
||||
<img src="/images/social/discord.svg" alt="Discord" class="h-5 w-5">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.slack }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Slack</span>
|
||||
<img src="/images/social/slack.svg" alt="Slack" class="h-5 w-5">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.medium }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Medium</span>
|
||||
<img src="/images/social/medium.svg" alt="Medium" class="h-5 w-5">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.dribbble }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Dribbble</span>
|
||||
<img src="/images/social/dribbble.svg" alt="Dribbble" class="h-5 w-5">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.behance }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Behance</span>
|
||||
<img src="/images/social/behance.svg" alt="Behance" class="h-5 w-5">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.mastodon }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">mastodon</span>
|
||||
<img src="/images/social/mastodon.svg" alt="mastodon" class="h-5 w-5">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.gitlab }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">gitlab</span>
|
||||
<img src="/images/social/gitlab.svg" alt="gitlab" class="h-5 w-5">
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Column 1 -->
|
||||
@@ -125,19 +33,106 @@
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Column 3 -->
|
||||
<!-- Social Media -->
|
||||
<div class="flex-1">
|
||||
<h3 class="text-sm font-semibold uppercase tracking-wider text-gray-900 mb-4">{{ .Site.Params.footer.column_3_title }}</h3>
|
||||
<ul class="space-y-2">
|
||||
{{ range .Site.Menus.footer_column_3 }}
|
||||
<li><a href="{{ .URL }}" class="text-gray-600 hover:text-primary-600">{{ .Name }}</a></li>
|
||||
<div class="flex justify-end space-x-3 p-2">
|
||||
{{ with .Site.Params.social.linkedin }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">LinkedIn</span>
|
||||
<img src="/images/social/linkedin.svg" alt="LinkedIn" class="h-5 w-5 brightness-0 invert">
|
||||
</a>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ with .Site.Params.social.bluesky }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Bluesky</span>
|
||||
<img src="/images/social/bluesky.svg" alt="Bluesky" class="h-5 w-5 brightness-0 invert">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.twitter }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Twitter (X)</span>
|
||||
<img src="/images/social/twitter.svg" alt="Twitter" class="h-5 w-5 brightness-0 invert">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.youtube }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">YouTube</span>
|
||||
<img src="/images/social/youtube.svg" alt="YouTube" class="h-5 w-5 brightness-0 invert">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.facebook }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Facebook</span>
|
||||
<img src="/images/social/facebook.svg" alt="Facebook" class="h-5 w-5 brightness-0 invert">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.instagram }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Instagram</span>
|
||||
<img src="/images/social/instagram.svg" alt="Instagram" class="h-5 w-5 brightness-0 invert">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.github }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">GitHub</span>
|
||||
<img src="/images/social/github.svg" alt="GitHub" class="h-5 w-5 brightness-0 invert">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.telegram }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Telegram</span>
|
||||
<img src="/images/social/telegram.svg" alt="Telegram" class="h-5 w-5 brightness-0 invert">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.discord }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Discord</span>
|
||||
<img src="/images/social/discord.svg" alt="Discord" class="h-5 w-5 brightness-0 invert">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.slack }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Slack</span>
|
||||
<img src="/images/social/slack.svg" alt="Slack" class="h-5 w-5 brightness-0 invert">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.medium }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Medium</span>
|
||||
<img src="/images/social/medium.svg" alt="Medium" class="h-5 w-5 brightness-0 invert">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.dribbble }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Dribbble</span>
|
||||
<img src="/images/social/dribbble.svg" alt="Dribbble" class="h-5 w-5 brightness-0 invert">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.behance }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">Behance</span>
|
||||
<img src="/images/social/behance.svg" alt="Behance" class="h-5 w-5 brightness-0 invert">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.mastodon }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">mastodon</span>
|
||||
<img src="/images/social/mastodon.svg" alt="mastodon" class="h-5 w-5 brightness-0 invert">
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.social.gitlab }}
|
||||
<a href="{{ . }}" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer">
|
||||
<span class="sr-only">gitlab</span>
|
||||
<img src="/images/social/gitlab.svg" alt="gitlab" class="h-5 w-5 brightness-0 invert">
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Bottom -->
|
||||
<div class="mt-12 pt-8 border-t border-gray-600">
|
||||
<div class="mt-6 pt-8 border-t border-gray-600">
|
||||
<div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0">
|
||||
<p class="text-gray-600 text-sm">
|
||||
© {{ now.Format "2006" }} {{ .Site.Title }}. All rights reserved.
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
name = "Hugo Saasify"
|
||||
name = "Theme Chill"
|
||||
license = "MIT"
|
||||
licenselink = ""
|
||||
description = ""
|
||||
|
||||
Reference in New Issue
Block a user