Skip to content

Commit 6891e8a

Browse files
szarnyasgszarnyasg
authored
Merge pull request duckdb#6883 from Franz-Kafka/main
Footer update
2 parents 998d614 + e00e811 commit 6891e8a

5 files changed

Lines changed: 97 additions & 51 deletions

File tree

‎_includes/footer.html‎

Lines changed: 50 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,58 @@
11
<footer>
22
<div class="sitefooter">
33
<div class="footercontent">
4-
<div class="footernavigation">
5-
<div>
6-
<p class="footer-title">Documentation</p>
7-
<a href="{% link docs/current/index.md %}">Getting Started</a><br/>
8-
<a href="{% link install/index.html %}">Installation</a><br/>
9-
<a href="{% link docs/current/guides/overview.md %}">Guides</a><br/>
10-
<a href="{% link docs/current/data/overview.md %}">Data Import</a><br/>
11-
<a href="{% link docs/current/clients/overview.md %}">Client APIs</a><br/>
12-
<a href="{% link docs/current/sql/introduction.md %}">SQL Introduction</a><br/>
13-
<a href="{% link docs/current/quack/overview.md %}">Quack Remote Protocol</a><br/>
14-
<a href="{% link why_duckdb.md %}">Why DuckDB</a><br/>
15-
</div>
16-
<div>
17-
<p class="footer-title">Resources</p>
18-
<a href="{% link news/index.html %}">Engineering Blog</a><br/>
19-
<a href="{% link library/index.html %}">Library</a><br/>
20-
<a href="{% link quack/index.html %}">Quack Page</a><br/>
21-
<a href="{% link events/index.html %}">Events</a><br/>
22-
<a href="https://shop.duckdb.org/" rel="noopener noreferrer">Webshop</a><br/>
23-
<a href="{% link feed.xml %}">RSS Feed</a><br/>
24-
<a href="https://status.duckdb.org/">Status Page</a><br/>
25-
<a href="{% link faq.md %}">FAQ</a><br/>
26-
</div>
27-
<div>
28-
<p class="footer-title">Development</p>
29-
<a href="{% link release_calendar.md %}">Release Calendar</a><br/>
30-
<a href="{% link roadmap.md %}">Roadmap</a><br/>
31-
<a href="{% link docs/current/dev/building/overview.md %}">Building DuckDB</a><br/>
32-
<a href="https://github.com/duckdb/duckdb/issues">GitHub Issues</a><br/>
33-
</div>
34-
<div>
35-
<p class="footer-title">Related Sites</p>
36-
<a href="https://ducklake.select/" target="_blank">DuckLake</a><br/>
37-
<a href="https://ducklabs.com/" target="_blank">DuckLabs</a><br/>
38-
<a href="https://duckdb.foundation/">DuckDB Foundation</a><br/>
39-
<a href="https://ducklabs.com/support" target="_blank">Commercial Support</a>
4+
<div class="footertop">
5+
<div class="footerbrand">
6+
<div class="footerlogo duckdb_logo"></div>
7+
<p class="footertagline">DuckDB is an open-source project by <a href="https://ducklabs.com/" target="_blank" rel="noopener noreferrer">DuckLabs</a>.</p>
408
</div>
41-
<div>
42-
<p class="footer-title">Community</p>
43-
<a href="https://duckdb.org/community_extensions/">Community Extensions</a><br/>
44-
<a href="https://www.linkedin.com/company/duckdb/posts" target="_blank">LinkedIn</a><br/>
45-
<a href="https://bsky.app/profile/duckdb.org" target="_blank">Bluesky</a><br/>
46-
<a href="https://twitter.com/duckdb" target="_blank">X (Twitter)</a><br/>
47-
<a href="https://discord.duckdb.org" target="_blank">Discord</a><br/>
9+
<div class="footernavigation">
10+
<div>
11+
<p class="footer-title">Documentation</p>
12+
<a href="{% link docs/current/index.md %}">Getting Started</a><br/>
13+
<a href="{% link install/index.html %}">Installation</a><br/>
14+
<a href="{% link docs/current/guides/overview.md %}">Guides</a><br/>
15+
<a href="{% link docs/current/data/overview.md %}">Data Import</a><br/>
16+
<a href="{% link docs/current/clients/overview.md %}">Client APIs</a><br/>
17+
<a href="{% link docs/current/sql/introduction.md %}">SQL Introduction</a><br/>
18+
<a href="{% link docs/current/quack/overview.md %}">Quack Remote Protocol</a><br/>
19+
<a href="{% link why_duckdb.md %}">Why DuckDB</a><br/>
20+
</div>
21+
<div>
22+
<p class="footer-title">Resources</p>
23+
<a href="{% link news/index.html %}">Engineering Blog</a><br/>
24+
<a href="{% link library/index.html %}">Library</a><br/>
25+
<a href="{% link quack/index.html %}">Quack Page</a><br/>
26+
<a href="{% link events/index.html %}">Events</a><br/>
27+
<a href="https://shop.duckdb.org/" rel="noopener noreferrer">Webshop</a><br/>
28+
<a href="{% link feed.xml %}">RSS Feed</a><br/>
29+
<a href="https://status.duckdb.org/">Status Page</a><br/>
30+
<a href="{% link faq.md %}">FAQ</a><br/>
31+
</div>
32+
<div>
33+
<p class="footer-title">Development</p>
34+
<a href="{% link release_calendar.md %}">Release Calendar</a><br/>
35+
<a href="{% link roadmap.md %}">Roadmap</a><br/>
36+
<a href="{% link docs/current/dev/building/overview.md %}">Building DuckDB</a><br/>
37+
<a href="https://github.com/duckdb/duckdb/issues">GitHub Issues</a><br/>
38+
</div>
39+
<div>
40+
<p class="footer-title">Related Sites</p>
41+
<a href="https://ducklake.select/" target="_blank">DuckLake</a><br/>
42+
<a href="https://ducklabs.com/" target="_blank">DuckLabs</a><br/>
43+
<a href="https://duckdb.foundation/">DuckDB Foundation</a><br/>
44+
<a href="https://ducklabs.com/support" target="_blank">Commercial Support</a>
45+
</div>
46+
<div>
47+
<p class="footer-title">Community</p>
48+
<a href="https://duckdb.org/community_extensions/">Community Extensions</a><br/>
49+
<a href="https://www.linkedin.com/company/duckdb/posts" target="_blank">LinkedIn</a><br/>
50+
<a href="https://bsky.app/profile/duckdb.org" target="_blank">Bluesky</a><br/>
51+
<a href="https://twitter.com/duckdb" target="_blank">X (Twitter)</a><br/>
52+
<a href="https://discord.duckdb.org" target="_blank">Discord</a><br/>
53+
</div>
4854
</div>
4955
</div>
50-
<div class="footerlogo duckdb_logo"></div>
5156
<div class="bottomline">
5257
<div>© {{ "now" | date: "%Y" }} DuckDB Foundation, Amsterdam NL</div>
5358
<div>
@@ -61,4 +66,4 @@
6166

6267
<div class="svg-sprite" aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;">
6368
{% include icons.html %}
64-
</div>
69+
</div>

‎_sass/layout/_footer.scss‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,35 @@ footer{
2525
column-gap: 80px;
2626
-ms-flex-wrap: wrap;
2727
flex-wrap: wrap;
28+
.footertop{
29+
width: 100%;
30+
display: flex;
31+
justify-content: space-between;
32+
align-items: flex-start;
33+
gap: 60px;
34+
}
35+
.footerbrand{
36+
flex-shrink: 0;
37+
display: flex;
38+
flex-direction: column;
39+
gap: 20px;
40+
.footertagline{
41+
@include body-small;
42+
color: var(--main-text-tertiary-color, #B2B2B2);
43+
margin: 0;
44+
max-width: 213px;
45+
a{
46+
color: inherit;
47+
text-decoration: underline;
48+
-webkit-transition: color .3s;
49+
-o-transition: color .3s;
50+
transition: color .3s;
51+
&:hover{
52+
color: $purple;
53+
}
54+
}
55+
}
56+
}
2857
.footernavigation{
2958
display: -webkit-box;
3059
display: -ms-flexbox;

‎_sass/layout/_responsive.scss‎

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -36,13 +36,24 @@
3636
}
3737

3838
@media only screen and (max-width: 1130px) {
39+
footer .sitefooter .footercontent .footertop{
40+
flex-wrap: wrap;
41+
row-gap: 50px;
42+
}
43+
footer .sitefooter .footercontent .footerbrand{
44+
width: 100%;
45+
order: 2;
46+
}
3947
footer .sitefooter .footercontent .footernavigation{
4048
width: 100%;
41-
margin-bottom: 25px;
49+
order: 1;
4250
>div{
4351
width: calc(100% / 5);
4452
}
4553
}
54+
footer .sitefooter .footercontent .bottomline{
55+
margin-top: 50px;
56+
}
4657
}
4758

4859
@media only screen and (max-width: 980px) {
@@ -443,7 +454,6 @@
443454
@media only screen and (max-width: 780px) {
444455
footer .sitefooter .footercontent>div:first-child {
445456
width: 100%;
446-
margin-bottom: 30px;
447457
}
448458

449459
header .headerline .headercontent .landingmenu nav .starcount {
@@ -580,7 +590,6 @@
580590

581591
>div {
582592
width: 180px;
583-
margin-bottom: 30px;
584593

585594
&:first-child {
586595
width: 100%;

‎_sass/pages/_duckdblabs.scss‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,12 @@ footer .sitefooter .footercontent > div a:hover {
1111
color: var(--orange-50);
1212
}
1313

14+
.hamburger-inner,
15+
.hamburger-inner:after,
16+
.hamburger-inner:before {
17+
background-color: #FF6900;
18+
}
19+
1420
header .headerline .headercontent .header-actions {
1521
display: flex;
1622
align-items: center;

‎_sass/pages/_ducklake.scss‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -741,9 +741,6 @@ body.manifesto{
741741
width: 100%;
742742
height: auto;
743743
}
744-
@media only screen and (max-width: 750px) {
745-
padding: 15px;
746-
}
747744
}
748745
}
749746

0 commit comments

Comments
 (0)