Skip to content

Commit 0ea2fc9

Browse files
lepturelepture
committed
fix: update site foot css
1 parent 032143e commit 0ea2fc9

4 files changed

Lines changed: 20 additions & 182 deletions

File tree

‎src/css/layout/entry-page.css‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,14 @@
55

66
.entry-head .p-name {
77
font-weight: 700;
8-
font-size: 2rem;
8+
font-size: 1.825rem;
9+
line-height: 1.2;
910
}
1011

1112
.entry-head .p-summary {
1213
margin: 6px 0 0;
1314
font-weight: 400;
14-
font-size: 1.5rem;
15+
font-size: 1.25rem;
1516
color: rgba(0, 0, 0, 0.5);
1617
}
1718

‎src/css/layout/site-foot.css‎

Lines changed: 9 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
1-
.site-foot {
1+
.site-foot,
2+
.typlog-foot {
23
padding-left: max(env(safe-area-inset-right), 1.5rem);
34
padding-right: max(env(safe-area-inset-right), 1.5rem);
4-
border-top: 1px solid var(--gray-a4);
5-
background-color: var(--gray-1);
5+
border-top: 1px solid var(--gray-a3);
6+
background-color: white;
67
}
78

89
.site-foot_content {
@@ -56,92 +57,26 @@
5657
vertical-align: middle;
5758
}
5859

59-
.site-foot_copyright {
60-
display: flex;
61-
align-items: center;
62-
justify-content: space-between;
63-
padding-top: 1rem;
64-
padding-bottom: 1rem;
60+
.typlog-foot_content {
61+
padding-top: 0.5rem;
62+
padding-bottom: 0.5rem;
6563
color: var(--gray-10);
6664
font-size: 0.875rem;
67-
font-weight: 500;
6865
max-width: 1400px;
6966
margin-left: auto;
7067
margin-right: auto;
7168
}
7269

73-
.site-foot_copyright a {
70+
.typlog-foot_content a {
7471
text-decoration: none;
7572
color: inherit;
7673
}
7774

7875

79-
.site-foot_copyright a:hover {
76+
.typlog-foot_content a:hover {
8077
text-decoration: underline;
8178
}
8279

83-
.site-foot_copyright .icon-links {
84-
list-style: none;
85-
margin: 0;
86-
padding: 0;
87-
display: flex;
88-
align-items: center;
89-
gap: 1rem;
90-
font-size: 1.25rem;
91-
}
92-
93-
.site-foot_copyright .icon-links a:hover {
94-
color: var(--gray-12);
95-
}
96-
97-
.has-foot-links .site-foot_copyright{
98-
border-top: 0;
99-
}
100-
101-
.has-foot-links .site-foot_content {
102-
align-items: flex-start;
103-
padding-top: 2rem;
104-
padding-bottom: 2rem;
105-
}
106-
107-
.has-foot-links .site-foot_links {
108-
display: flex;
109-
flex-wrap: wrap;
110-
justify-content: space-between;
111-
gap: 1rem;
112-
}
113-
114-
.section-links {
115-
min-width: 200px;
116-
}
117-
118-
.section-links > h1 {
119-
margin: 0;
120-
font-size: 0.875rem;
121-
font-weight: 400;
122-
color: var(--gray-11);
123-
}
124-
125-
.section-links ul {
126-
list-style: none;
127-
padding: 0;
128-
margin: 0.875rem 0;
129-
}
130-
131-
.section-links li {
132-
padding: 0.25rem 0;
133-
}
134-
135-
.section-links a {
136-
padding: 0;
137-
font-weight: 500;
138-
color: var(--text-color);
139-
}
140-
141-
.section-links a:hover {
142-
color: var(--accent-9);
143-
}
144-
14580
@media (max-width: 680px) {
14681
.site-foot_content {
14782
flex-direction: column;
@@ -155,8 +90,4 @@
15590
border-bottom: 2px solid transparent;
15691
border-radius: 0;
15792
}
158-
159-
.has-foot-links .site-foot_links {
160-
width: 100%;
161-
}
16293
}

‎templates/_layouts/site-foot.j2‎

Lines changed: 6 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -1,101 +1,9 @@
1-
{% macro render_social_links() %}
2-
<ul class="icon-links">
3-
{% if theme_x_url %}
4-
<li class="icon-link">
5-
<a href="{{ theme_x_url }}" aria-label="X (Twitter)">
6-
<iconify-icon icon="simple-icons:x"></iconify-icon>
7-
</a>
8-
</li>
9-
{% endif %}
10-
{% if theme_bluesky_url %}
11-
<li class="icon-link">
12-
<a href="{{ theme_bluesky_url }}" aria-label="BlueSky">
13-
<iconify-icon icon="simple-icons:bluesky"></iconify-icon>
14-
</a>
15-
</li>
16-
{% endif %}
17-
{% if theme_github_url %}
18-
<li class="icon-link">
19-
<a href="{{ theme_github_url }}" aria-label="GitHub">
20-
<iconify-icon icon="simple-icons:github"></iconify-icon>
21-
</a>
22-
</li>
23-
{% endif %}
24-
{% if theme_linkedin_url %}
25-
<li class="icon-link">
26-
<a href="{{ theme_linkedin_url }}" aria-label="LinkedIn">
27-
<iconify-icon icon="simple-icons:linkedin"></iconify-icon>
28-
</a>
29-
</li>
30-
{% endif %}
31-
{% if theme_discord_url %}
32-
<li class="icon-link">
33-
<a href="{{ theme_discord_url }}" aria-label="Discord">
34-
<iconify-icon icon="simple-icons:discord"></iconify-icon>
35-
</a>
36-
</li>
37-
{% endif %}
38-
{% if theme_youtube_url %}
39-
<li class="icon-link">
40-
<a href="{{ theme_youtube_url }}" aria-label="YouTube">
41-
<iconify-icon icon="simple-icons:youtube"></iconify-icon>
42-
</a>
43-
</li>
44-
{% endif %}
45-
{% if theme_reddit_url %}
46-
<li class="icon-link">
47-
<a href="{{ theme_reddit_url }}" aria-label="Reddit">
48-
<iconify-icon icon="simple-icons:reddit"></iconify-icon>
49-
</a>
50-
</li>
51-
{% endif %}
52-
{%- for item in links -%}
53-
<li class="icon-link">
54-
<a href="{{ item.link }}" aria-label="{{ item.title }}"{% if item.new_tab %} target="_blank"{% endif %}>
55-
<iconify-icon icon="{{ item.icon }}"></iconify-icon>
56-
</a>
57-
</li>
58-
{%- endfor -%}
59-
</ul>
60-
{% endmacro %}
61-
62-
{% macro render_foot_links() %}
63-
{%- for section in theme_foot_links -%}
64-
<section class="section-links">
65-
<h1 class="section-group-caption">{{ section.caption }}</h1>
66-
<ul class="section-group-links">
67-
{%- for item in section.links -%}
68-
<li class="section-group-link">
69-
<a href="{{ item.link }}" {% if item.new_tab %} target="_blank"{% endif %}>{{ item.title }}</a>
70-
</li>
71-
{%- endfor -%}
72-
</ul>
73-
</section>
74-
{%- endfor -%}
75-
{% endmacro %}
76-
77-
{% if theme_foot_links %}
78-
<div class="site-foot has-foot-links">
79-
<div class="site-foot_content">
80-
<div class="site-foot_logo">
81-
{% include "components/site-logo.j2" %}
82-
</div>
83-
<div class="site-foot_links">
84-
{{ render_foot_links() }}
85-
</div>
86-
</div>
87-
<div class="site-foot_copyright">
88-
{% if theme_copyright %}
89-
<div>{{ theme_copyright|safe }}</div>
90-
{% endif %}
91-
{{ render_social_links() }}
92-
</div>
93-
</div>
94-
{% else %}
951
<div class="site-foot">
962
<div class="site-foot_content">
973
<div class="site-foot_logo">
98-
{% include "components/site-logo.j2" %}
4+
{% if site.glyph_logo_light %}
5+
<img src="{{ site.glyph_logo_light|thumbnail('ss') }}" width="32" height="32" loading="lazy" alt="{{ site.name }}"/>
6+
{% endif %}
997
</div>
1008
<div class="site-foot_links">
1019
<a href="/archive/">{{ translate('archive') }}</a>
@@ -104,11 +12,7 @@
10412
{% endfor %}
10513
</div>
10614
</div>
107-
<div class="site-foot_copyright">
108-
{% if theme_copyright %}
109-
<div>{{ theme_copyright|safe }}</div>
110-
{% endif %}
111-
{{ render_social_links() }}
112-
</div>
11315
</div>
114-
{% endif %}
16+
<div class="typlog-foot">
17+
<div class="typlog-foot_content">Powered by <a href="https://typlog.com/">Typlog</a>. Theme designed by <a href="https://www.linkedin.com/in/fanzhangux/">Fan Zhang</a>.</div>
18+
</div>

‎templates/home.j2‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,9 +38,11 @@
3838
</div>
3939
</div>
4040
</article>
41+
<div class="entry-list pb-8">
4142
{% for note in notes[1:] %}
4243
{% include "./_partials/entry-item.j2" %}
4344
{% endfor %}
45+
</div>
4446
{% endif %}
4547
{% include "./_layouts/site-foot.j2" %}
4648
{% endblock %}

0 commit comments

Comments
 (0)