Skip to content

Commit e6fdb65

Browse files
committed
Improve footer layout
1 parent 067c827 commit e6fdb65

File tree

4 files changed

+72
-0
lines changed

4 files changed

+72
-0
lines changed

docs/_layouts/default.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -95,6 +95,27 @@ <h3 class="font-semibold tracking-tight text-slate-900">Older versions</h3>
9595
<footer class="p-6 max-w-7xl mx-auto pb-32">
9696
<hr class="border-t border-light border-opacity-50 max-w-7xl mx-auto mb-16" />
9797

98+
<div class="flex flex-col lg:flex-row gap-12 my-16 px-6 md:px-0">
99+
<a href="https://bakame-php.github.io/http-structured-fields/" class="flex gap-3 lg:justify-between items-start transition-all hover-block">
100+
<img src="{{ site.baseurl }}/assets/img/httpsf-logo.svg" alt="HTTP Structured Field Logo" class="w-[96px] sm:w-[70px] h-[96px] sm:h-[70px]" />
101+
<div class="flex flex-col">
102+
<div class="font-black text-lg text-dark">HTTP Structured Field</div>
103+
<p class="text-light">Work with HTTP Structured Fields in PHP</p>
104+
</div>
105+
</a>
106+
107+
<a href="https://bakame-php.github.io/stackwatch/" class="flex gap-3 lg:justify-between items-start transition-all hover-block">
108+
<img src="{{ site.baseurl }}/assets/img/stackwatch-emblem.svg" alt="Stackwatch Logo" class="w-[86px] sm:w-[70px] h-[86px] sm:h-[70px]" />
109+
110+
<div class="flex flex-col">
111+
<div class="font-black text-lg text-dark">Stackwatch</div>
112+
<p class="text-light">A minimalist multi-metric PHP Profiler</p>
113+
</div>
114+
</a>
115+
</div>
116+
117+
<hr class="border-t border-light border-opacity-50 max-w-7xl mx-auto mb-16" />
118+
98119
<div class="gap-12 sm:gap-32 grid sm:grid-cols-1 md:grid-cols-3 lg:grid-cols-4">
99120
<div class="flex flex-col gap-3 sm:col-span-3 lg:col-span-1">
100121
<div class="text-csv-base font-black text-xl">Copyright</div>

docs/_layouts/homepage.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -64,6 +64,27 @@ <h2 class="font-medium text-3xl text-light">Work with HTTP Structured Fields in
6464
<footer class="p-6 max-w-7xl mx-auto pb-32">
6565
<hr class="border-t border-light border-opacity-50 max-w-7xl mx-auto mb-16" />
6666

67+
<div class="flex flex-col lg:flex-row gap-12 my-16 px-6 md:px-0">
68+
<a href="https://bakame-php.github.io/http-structured-fields/" class="flex gap-3 lg:justify-between items-start transition-all hover-block">
69+
<img src="{{ site.baseurl }}/assets/img/httpsf-logo.svg" alt="HTTP Structured Field Logo" class="w-[96px] sm:w-[70px] h-[96px] sm:h-[70px]" />
70+
<div class="flex flex-col">
71+
<div class="font-black text-lg text-dark">HTTP Structured Field</div>
72+
<p class="text-light">Work with HTTP Structured Fields in PHP</p>
73+
</div>
74+
</a>
75+
76+
<a href="https://bakame-php.github.io/stackwatch/" class="flex gap-3 lg:justify-between items-start transition-all hover-block">
77+
<img src="{{ site.baseurl }}/assets/img/stackwatch-emblem.svg" alt="Stackwatch Logo" class="w-[86px] sm:w-[70px] h-[86px] sm:h-[70px]" />
78+
79+
<div class="flex flex-col">
80+
<div class="font-black text-lg text-dark">Stackwatch</div>
81+
<p class="text-light">A minimalist multi-metric PHP Profiler</p>
82+
</div>
83+
</a>
84+
</div>
85+
86+
<hr class="border-t border-light border-opacity-50 max-w-7xl mx-auto mb-16" />
87+
6788
<div class="gap-12 sm:gap-32 grid sm:grid-cols-1 md:grid-cols-3 lg:grid-cols-4">
6889
<div class="flex flex-col gap-3 sm:col-span-3 lg:col-span-1">
6990
<div class="text-csv-base font-black text-xl">Copyright</div>

docs/_layouts/redirect.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,27 @@ <h1>Redirecting…</h1>
4848
<footer class="p-6 max-w-7xl mx-auto pb-32">
4949
<hr class="border-t border-light border-opacity-50 max-w-7xl mx-auto mb-16" />
5050

51+
<div class="flex flex-col lg:flex-row gap-12 my-16 px-6 md:px-0">
52+
<a href="https://bakame-php.github.io/http-structured-fields/" class="flex gap-3 lg:justify-between items-start transition-all hover-block">
53+
<img src="{{ site.baseurl }}/assets/img/httpsf-logo.svg" alt="HTTP Structured Field Logo" class="w-[96px] sm:w-[70px] h-[96px] sm:h-[70px]" />
54+
<div class="flex flex-col">
55+
<div class="font-black text-lg text-dark">HTTP Structured Field</div>
56+
<p class="text-light">Work with HTTP Structured Fields in PHP</p>
57+
</div>
58+
</a>
59+
60+
<a href="https://bakame-php.github.io/stackwatch/" class="flex gap-3 lg:justify-between items-start transition-all hover-block">
61+
<img src="{{ site.baseurl }}/assets/img/stackwatch-emblem.svg" alt="Stackwatch Logo" class="w-[86px] sm:w-[70px] h-[86px] sm:h-[70px]" />
62+
63+
<div class="flex flex-col">
64+
<div class="font-black text-lg text-dark">Stackwatch</div>
65+
<p class="text-light">A minimalist multi-metric PHP Profiler</p>
66+
</div>
67+
</a>
68+
</div>
69+
70+
<hr class="border-t border-light border-opacity-50 max-w-7xl mx-auto mb-16" />
71+
5172
<div class="gap-12 sm:gap-32 grid sm:grid-cols-1 md:grid-cols-3 lg:grid-cols-4">
5273
<div class="flex flex-col gap-3 sm:col-span-3 lg:col-span-1">
5374
<div class="text-csv-base font-black text-xl">Copyright</div>
Lines changed: 9 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)