mirror of
https://github.com/ipfs/ipfs-blog.git
synced 2026-08-12 03:42:47 +02:00
fix: improve footer responsiveness
This commit is contained in:
João Peixoto
committed by
João Peixoto
João Peixoto
parent
5af70ef363
commit
eaba221db3
@@ -1,15 +1,17 @@
|
||||
<template>
|
||||
<footer class="footer bg-gradient-6 text-white py-8 md:py-16">
|
||||
<div class="grid grid-cols-12 grid-margins">
|
||||
<NewsletterForm class="col-start-1 col-span-12 pb-4 md:pb-20" />
|
||||
<NewsletterForm class="col-start-1 col-span-12 lg:pb-20" />
|
||||
<div class="col-start-0 md:col-start-1 col-span-12 md:col-span-12">
|
||||
<div class="flex flex-col md:flex-row md:items-top md:justify-between">
|
||||
<div class="flex flex-col md:flex-row md:items-center mb-8 md:mb-0">
|
||||
<ul class="flex flex-col md:flex-row mt-8 md:mt-0">
|
||||
<div class="flex flex-col lg:flex-row lg:items-top lg:justify-between">
|
||||
<div
|
||||
class="flex flex-col lg:flex-row lg:items-center mb-4 md:mb-8 lg:mb-0"
|
||||
>
|
||||
<ul class="flex flex-col sm:flex-row mt-4 md:mt-8 lg:mt-0">
|
||||
<li
|
||||
v-for="(item, index) in footerLinks"
|
||||
:key="'link-' + index"
|
||||
class="md:mr-10 last:mr-0"
|
||||
class="sm:mr-10 last:mr-0"
|
||||
:class="[{ 'mb-4': item.children && item.children.length }]"
|
||||
>
|
||||
<NavLink
|
||||
@@ -36,7 +38,7 @@
|
||||
</div>
|
||||
<SocialLinks class="flex items-center" />
|
||||
</div>
|
||||
<FooterLegal class="mt-8" />
|
||||
<FooterLegal class="mt-4 md:mt-8" />
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
@@ -1,13 +1,18 @@
|
||||
<template>
|
||||
<div class="flex items-center">
|
||||
<a href="https://protocol.ai" target="_blank" class="mr-1"
|
||||
><SVGIcon
|
||||
name="logo-icon"
|
||||
title="Protocol Labs"
|
||||
:class-list="['w-4', 'h-4', 'fill-current']"
|
||||
/></a>
|
||||
<span
|
||||
>©
|
||||
<span>
|
||||
<a
|
||||
href="https://protocol.ai"
|
||||
target="_blank"
|
||||
class="mr-1 inline-block align-middle"
|
||||
>
|
||||
<SVGIcon
|
||||
name="logo-icon"
|
||||
title="Protocol Labs"
|
||||
:class-list="['w-4', 'h-4', 'fill-current']"
|
||||
/>
|
||||
</a>
|
||||
©
|
||||
<a
|
||||
class="text-blueGreen hover:underline"
|
||||
href="https://protocol.ai"
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<a
|
||||
v-for="(link, index) in socialLinks"
|
||||
:key="index"
|
||||
class="mr-5"
|
||||
class="mr-5 last:mr-0"
|
||||
:href="link.link"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
<template>
|
||||
<div
|
||||
id="newsletter-form"
|
||||
class="flex flex-col md:flex-row md:justify-between md:items-center"
|
||||
class="flex flex-col lg:flex-row lg:justify-between lg:items-center"
|
||||
>
|
||||
<div class="flex-shrink max-w-xl mb-4 md:mb-0">
|
||||
<div class="flex-shrink lg:max-w-sm xl:max-w-xl mb-4 lg:mb-0">
|
||||
<h2 class="type-h2">Stay informed</h2>
|
||||
<p class="mt-2">
|
||||
Sign up for the IPFS Weekly newsletter (<router-link
|
||||
@@ -17,30 +17,32 @@
|
||||
<form
|
||||
id="mc-embedded-subscribe-form"
|
||||
name="mc-embedded-subscribe-form"
|
||||
class="flex"
|
||||
class="flex lg:justify-end max-w-lg xl:w-2/5"
|
||||
action="https://ipfs.us4.list-manage.com/subscribe/post?u=25473244c7d18b897f5a1ff6b&id=cad54b2230"
|
||||
method="post"
|
||||
target="_blank"
|
||||
>
|
||||
<div id="mc_embed_signup_scroll" class="grid gric-col-2">
|
||||
<div class="fields flex flex-wrap col-start-1 col-span-2">
|
||||
<div id="mc_embed_signup_scroll" class="grid gric-col-2 w-full">
|
||||
<div
|
||||
class="fields flex flex-col sm:flex-row flex-wrap col-start-1 col-span-2"
|
||||
>
|
||||
<input
|
||||
id="mce-EMAIL"
|
||||
v-model="email"
|
||||
required
|
||||
type="email"
|
||||
aria-label="Email Address"
|
||||
class="text-black p-2 rounded"
|
||||
class="flex-grow text-black p-2 rounded"
|
||||
placeholder="email@your.domain"
|
||||
name="EMAIL"
|
||||
/>
|
||||
<div class="sm:ml-4">
|
||||
<div class="sm:ml-4 sm:pt-0 pt-2">
|
||||
<input
|
||||
id="mc-embedded-subscribe"
|
||||
type="submit"
|
||||
value="Subscribe"
|
||||
name="subscribe"
|
||||
class="p-2 text-white bg-blueGreen rounded cursor-pointer"
|
||||
class="p-2 text-white bg-blueGreen rounded cursor-pointer w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -192,12 +192,16 @@ export default {
|
||||
this.$store.commit('appState/setActiveAuthor', queryAuthor)
|
||||
}
|
||||
|
||||
const latestWeeklyPost = this.publicPages.find(
|
||||
(item) =>
|
||||
item.frontmatter &&
|
||||
item.frontmatter.tags &&
|
||||
item.frontmatter.tags.includes('weekly')
|
||||
)
|
||||
const latestWeeklyPost = this.publicPages
|
||||
.filter(
|
||||
(item) =>
|
||||
item.frontmatter &&
|
||||
item.frontmatter.tags &&
|
||||
item.frontmatter.tags.includes('weekly')
|
||||
)
|
||||
.sort(
|
||||
(a, b) => new Date(b.frontmatter.date) - new Date(a.frontmatter.date)
|
||||
)[0]
|
||||
|
||||
this.$store.commit('appState/setLatestWeeklyPost', latestWeeklyPost)
|
||||
|
||||
|
||||
@@ -1 +1 @@
|
||||
<svg height="34" viewBox="4 3 24 24" width="34" xmlns="http://www.w3.org/2000/svg"><path d="m13.0553 25.6358c8.0155 0 12.4015-6.647 12.4015-12.4015 0-.187 0-.374-.0085-.561.85-.612 1.5895-1.3855 2.176-2.261-.782.3485-1.6235.578-2.5075.6885.901-.5355 1.5895-1.39403 1.921-2.41403-.8415.5015-1.7765.8585-2.771 1.054-.799-.85-1.9295-1.377-3.179-1.377-2.4055 0-4.3605 1.95503-4.3605 4.36053 0 .34.0425.6715.1105.9945-3.621-.1785-6.834-1.921-8.98449-4.55603-.374.646-.5865 1.39403-.5865 2.19303 0 1.513.7735 2.8475 1.938 3.6295-.714-.0255-1.3855-.221-1.972-.544v.0595c0 2.108 1.5045 3.876 3.49349 4.2755-.3655.102-.74799.153-1.14749.153-.2805 0-.5525-.0255-.816-.0765.5525 1.734 2.16749 2.992 4.07149 3.026-1.496 1.173-3.37449 1.87-5.41449 1.87-.3485 0-.697-.017-1.037-.0595 1.921 1.224 4.21599 1.9465 6.67249 1.9465z"/></svg>
|
||||
<svg height="34" viewBox="2.5 2.5 24 24" width="34" xmlns="http://www.w3.org/2000/svg"><path d="m13.0553 25.6358c8.0155 0 12.4015-6.647 12.4015-12.4015 0-.187 0-.374-.0085-.561.85-.612 1.5895-1.3855 2.176-2.261-.782.3485-1.6235.578-2.5075.6885.901-.5355 1.5895-1.39403 1.921-2.41403-.8415.5015-1.7765.8585-2.771 1.054-.799-.85-1.9295-1.377-3.179-1.377-2.4055 0-4.3605 1.95503-4.3605 4.36053 0 .34.0425.6715.1105.9945-3.621-.1785-6.834-1.921-8.98449-4.55603-.374.646-.5865 1.39403-.5865 2.19303 0 1.513.7735 2.8475 1.938 3.6295-.714-.0255-1.3855-.221-1.972-.544v.0595c0 2.108 1.5045 3.876 3.49349 4.2755-.3655.102-.74799.153-1.14749.153-.2805 0-.5525-.0255-.816-.0765.5525 1.734 2.16749 2.992 4.07149 3.026-1.496 1.173-3.37449 1.87-5.41449 1.87-.3485 0-.697-.017-1.037-.0595 1.921 1.224 4.21599 1.9465 6.67249 1.9465z"/></svg>
|
||||
|
Before Width: | Height: | Size: 821 B After Width: | Height: | Size: 825 B |
@@ -1 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="2 2 32 32"><defs/><path d="M25.949 18.022c0 1.395-.175 2.787-.175 2.787s-.174 1.133-.696 1.656c-.61.696-1.395.696-1.742.696-2.352.175-5.923.175-5.923.175s-4.442 0-5.748-.175c-.349-.086-1.22-.086-1.916-.696-.523-.523-.697-1.656-.697-1.656s-.174-1.392-.174-2.787v-1.306c0-1.394.174-2.787.174-2.787s.174-1.132.697-1.655c.61-.696 1.393-.696 1.741-.696 2.352-.175 5.923-.175 5.923-.175s3.571 0 5.923.175c.347 0 1.045 0 1.742.696.522.523.696 1.655.696 1.655s.175 1.393.175 2.787v1.306zM15.67 19.591l4.616-2.352-4.616-2.44v4.792zm-11.67-2.178c0 7.404 6.009 13.413 13.412 13.413 7.403 0 13.413-6.01 13.413-13.413C30.913 10.009 24.816 4 17.413 4 10.01 4 4 10.01 4 17.413z"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="1 0.5 32 32"><defs/><path d="M25.949 18.022c0 1.395-.175 2.787-.175 2.787s-.174 1.133-.696 1.656c-.61.696-1.395.696-1.742.696-2.352.175-5.923.175-5.923.175s-4.442 0-5.748-.175c-.349-.086-1.22-.086-1.916-.696-.523-.523-.697-1.656-.697-1.656s-.174-1.392-.174-2.787v-1.306c0-1.394.174-2.787.174-2.787s.174-1.132.697-1.655c.61-.696 1.393-.696 1.741-.696 2.352-.175 5.923-.175 5.923-.175s3.571 0 5.923.175c.347 0 1.045 0 1.742.696.522.523.696 1.655.696 1.655s.175 1.393.175 2.787v1.306zM15.67 19.591l4.616-2.352-4.616-2.44v4.792zm-11.67-2.178c0 7.404 6.009 13.413 13.412 13.413 7.403 0 13.413-6.01 13.413-13.413C30.913 10.009 24.816 4 17.413 4 10.01 4 4 10.01 4 17.413z"/></svg>
|
||||
|
Before Width: | Height: | Size: 720 B After Width: | Height: | Size: 722 B |
Reference in New Issue
Block a user