Skip to content

Commit 243910d

Browse files
nyamsprodnyamsprod
committed
Improve footer layout
1 parent 067c827 commit 243910d

File tree

6 files changed

+107
-41
lines changed

6 files changed

+107
-41
lines changed

‎docs/_data/manifest.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
{
2-
"docs.css": "/styles.0005.css",
2+
"docs.css": "/styles.0006.css",
33
"docs.js": "/scripts.0002.js"
44
}

‎docs/_layouts/default.html‎

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
<header class="flex items-center sm:justify-center pl-6 pr-6 pb-6 max-w-7xl mx-auto pb-32">
3030
<div class="flex gap-6 md:gap-0 md:flex-row justify-between md:items-center p-3 md:p-6 w-full max-w-7xl">
3131
<a class="flex items-center gap-2 sm:gap-3" href="{{ site.baseurl }}/">
32-
<img src="{{ site.baseurl }}/assets/img/httpsf-logo.svg" alt="Logo" class="w-[86px] sm:w-[70px] h-[86px] sm:h-[70px]"/>
32+
<img src="{{ site.baseurl }}/assets/img/httpsf-logo.svg" alt="Logo" class="w-[165px] sm:w-[120px] h-[96px] sm:h-[70px]"/>
3333
<div class="font-black">HTTP Structured Fields</div>
3434
</a>
3535
</div>
@@ -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-[165px] sm:w-[120px] 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>
@@ -133,5 +154,6 @@ <h3 class="font-semibold tracking-tight text-slate-900">Older versions</h3>
133154
</div>
134155
</footer>
135156
</div>
157+
<script src="{{ site.baseurl }}{{ site.data.manifest['docs.js'] }}"></script>
136158
</body>
137159
</html>

‎docs/_layouts/homepage.html‎

Lines changed: 22 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
<header class="flex items-center sm:justify-center">
2222
<div class="flex gap-6 md:gap-0 md:flex-row justify-between md:items-center p-3 md:p-6 w-full max-w-7xl">
2323
<div class="flex items-center gap-2 sm:gap-3">
24-
<img src="{{ site.baseurl }}/assets/img/httpsf-logo.svg" alt="Logo" class="w-[86px] sm:w-[70px] h-[86px] sm:h-[70px]"/>
24+
<img src="{{ site.baseurl }}/assets/img/httpsf-logo.svg" alt="Logo" class="w-[165px] sm:w-[120px] h-[96px] sm:h-[70px]"/>
2525
</div>
2626
<div class="flex items-center gap-0 md:gap-0">
2727
<a href="{{ site.data.project.repository_url }}" class="px-2 py-2 sm:px-6 sm:py-3 font-black text-md text-black-50 hover:text-csv-dark hover:underlines whitespace-nowrap">SOURCE CODE</a>
@@ -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-[165px] sm:w-[120px] 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-[165px] sm:w-[120px] 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>

‎docs/assets/img/stackwatch-emblem.svg‎

Lines changed: 9 additions & 0 deletions
Loading

‎docs/styles.0005.css‎ renamed to ‎docs/styles.0006.css‎

Lines changed: 31 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -703,16 +703,16 @@ video {
703703
height: 1.5rem;
704704
}
705705

706-
.h-\[40px\] {
707-
height: 40px;
706+
.h-\[80px\] {
707+
height: 80px;
708708
}
709709

710-
.h-\[50px\] {
711-
height: 50px;
710+
.h-\[86px\] {
711+
height: 86px;
712712
}
713713

714-
.h-\[80px\] {
715-
height: 80px;
714+
.h-\[96px\] {
715+
height: 96px;
716716
}
717717

718718
.h-\[calc\(100vh-4\.5rem\)\] {
@@ -723,10 +723,6 @@ video {
723723
height: 100vh;
724724
}
725725

726-
.h-\[100px\] {
727-
height: 100px;
728-
}
729-
730726
.w-12 {
731727
width: 3rem;
732728
}
@@ -739,26 +735,22 @@ video {
739735
width: 16rem;
740736
}
741737

742-
.w-\[1800px\] {
743-
width: 1800px;
744-
}
745-
746738
.w-\[240px\] {
747739
width: 240px;
748740
}
749741

750-
.w-\[80px\] {
751-
width: 80px;
742+
.w-\[86px\] {
743+
width: 86px;
744+
}
745+
746+
.w-\[96px\] {
747+
width: 96px;
752748
}
753749

754750
.w-full {
755751
width: 100%;
756752
}
757753

758-
.w-\[86px\] {
759-
width: 86px;
760-
}
761-
762754
.min-w-0 {
763755
min-width: 0px;
764756
}
@@ -791,6 +783,10 @@ video {
791783
flex-direction: column;
792784
}
793785

786+
.items-start {
787+
align-items: flex-start;
788+
}
789+
794790
.items-center {
795791
align-items: center;
796792
}
@@ -1891,34 +1887,18 @@ img {
18911887
grid-column: span 3 / span 3;
18921888
}
18931889

1894-
.sm\:h-\[50px\] {
1895-
height: 50px;
1896-
}
1897-
1898-
.sm\:h-\[60px\] {
1899-
height: 60px;
1890+
.sm\:h-\[70px\] {
1891+
height: 70px;
19001892
}
19011893

19021894
.sm\:h-\[82px\] {
19031895
height: 82px;
19041896
}
19051897

1906-
.sm\:h-\[86px\] {
1907-
height: 86px;
1908-
}
1909-
1910-
.sm\:w-\[170px\] {
1911-
width: 170px;
1912-
}
1913-
19141898
.sm\:w-\[250px\] {
19151899
width: 250px;
19161900
}
19171901

1918-
.sm\:w-\[60px\] {
1919-
width: 60px;
1920-
}
1921-
19221902
.sm\:w-\[70px\] {
19231903
width: 70px;
19241904
}
@@ -1989,6 +1969,11 @@ img {
19891969
padding: 1.5rem;
19901970
}
19911971

1972+
.md\:px-0 {
1973+
padding-left: 0px;
1974+
padding-right: 0px;
1975+
}
1976+
19921977
.md\:text-8xl {
19931978
font-size: 6rem;
19941979
line-height: 1;
@@ -2036,6 +2021,14 @@ img {
20362021
grid-template-columns: repeat(4, minmax(0, 1fr));
20372022
}
20382023

2024+
.lg\:flex-row {
2025+
flex-direction: row;
2026+
}
2027+
2028+
.lg\:justify-between {
2029+
justify-content: space-between;
2030+
}
2031+
20392032
.lg\:bg-transparent {
20402033
background-color: transparent;
20412034
}

0 commit comments

Comments
 (0)