Skip to content

Commit 0709fa5

Browse files
dentendenten
committed
add chips small tweaks
1 parent 8d00277 commit 0709fa5

4 files changed

Lines changed: 120 additions & 45 deletions

File tree

‎_includes/footer.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
<footer class="border-t">
1+
<footer class="border-t border-gray-400">
22
<div class="flex items-start justify-between gap-4 px-4 py-4 md:px-6">
3-
<div class="font-sans text-sm font-black uppercase tracking-wide">
3+
<div class="font-sans text-xs font-black bold uppercase tracking-wide">
44
Support free &amp; open scholarship.
55
</div>
66

‎_layouts/home.html‎

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,8 @@
88

99
<!-- header -->
1010
<div class="flex items-baseline justify-between gap-4 px-4 py-3 md:px-6">
11-
<span class="font-mono text-[0.68rem] uppercase tracking-[0.12em] text-gray-500">
12-
Recent notes
13-
</span>
14-
<a href="{{ '/notes/' | relative_url }}" class="font-mono text-[0.68rem] uppercase tracking-[0.12em] hover:text-red-600">
15-
View all →
16-
</a>
11+
{% include chip.html text="Recent ↓" %}
12+
{% include chip.html href="/notes/" text="View all →" %}
1713
</div>
1814

1915
{% assign items = site.notes | sort: "date" | reverse %}
@@ -22,8 +18,7 @@
2218
<div class="grid grid-cols-1 md:grid-cols-3">
2319

2420
{% for post in items limit:6 %}
25-
<article class="min-h-[17rem] border-black/10 px-4 py-5 md:border-r md:px-6">
26-
21+
<article class="min-h-72 px-4 py-5 md:px-6 md:border-r md:border-black/10 md:[&:nth-child(3n)]:border-r-0">
2722
<!-- meta -->
2823
<div class="mb-3 flex flex-wrap gap-x-3 gap-y-1 font-mono text-[0.66rem] leading-[1.65] text-gray-500">
2924
<span>{{ post.date | date: "%Y-%m-%d" }}</span>

‎_layouts/note.html‎

Lines changed: 54 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -2,64 +2,91 @@
22
layout: default
33
---
44

5-
<article class="article-shell">
6-
<header class="article-header">
7-
<div class="article-header-main">
8-
<div class="article-kicker-row">
9-
<span class="article-type">Lab Note</span>
10-
{% if page.date %}
11-
<span class="article-date-inline">{{ page.date | date: "%Y-%m-%d" }}</span>
12-
{% endif %}
13-
</div>
5+
<article class="border-b border-black">
146

15-
<h1 class="article-title">{{ page.title }}</h1>
7+
<header class="grid grid-cols-1 md:grid-cols-[minmax(0,3fr)_minmax(220px,1fr)] border-b border-black">
168

17-
{% if page.summary %}
18-
<p class="article-subtitle">{{ page.summary }}</p>
19-
{% endif %}
9+
<!-- main -->
10+
<div class="px-4 py-3 md:px-6 md:border-r md:border-black">
11+
12+
<!-- kicker row -->
13+
<span class="block text-right font-mono text-[0.68rem] uppercase tracking-[0.12em] text-red-600">
14+
Note {{ page.date | date: "%y%m%d" }}
15+
</span>
16+
17+
<!-- title -->
18+
<h1 class="max-w-2xl font-serif text-[clamp(1.9rem,3vw,2.6rem)] leading-snug tracking-normal text-black">
19+
{{ page.title }}
20+
</h1>
2021

2122
{% if page.authors %}
22-
<div class="article-authors">
23+
<div class="mt-3 font-mono text-[0.72rem] uppercase tracking-[0.08em] text-gray-500">
2324
{% for author in page.authors %}
24-
<span class="article-author">{{ author }}</span>{% unless forloop.last %}<span class="article-author-sep"> · </span>{% endunless %}
25+
<span>{{ author }}</span>{% unless forloop.last %}<span class="text-red-600"> · </span>{% endunless %}
2526
{% endfor %}
2627
</div>
2728
{% endif %}
29+
30+
31+
{% if page.summary %}
32+
<p class="mt-4 max-w-[50ch] text-base leading-[1.55] text-neutral-700">
33+
{{ page.summary }}
34+
</p>
35+
{% endif %}
36+
2837
</div>
2938

30-
<aside class="article-meta">
39+
<!-- meta -->
40+
<aside class="bg-gray-100 px-4 py-6 md:px-6">
41+
3142
{% if page.date %}
32-
<div class="meta-block">
33-
<span class="meta-label">Published</span>
34-
<div class="meta-value">{{ page.date | date: "%B %-d, %Y" }}</div>
43+
<div>
44+
<span class="block font-mono text-[0.68rem] uppercase tracking-[0.12em] text-gray-500">
45+
Published
46+
</span>
47+
<div class="mt-1 font-mono text-[0.74rem] leading-[1.75] text-neutral-800">
48+
{{ page.date | date: "%B %-d, %Y" }}
49+
</div>
3550
</div>
3651
{% endif %}
3752

3853
{% if page.tags %}
39-
<div class="meta-block">
40-
<span class="meta-label">Tags</span>
41-
<div class="meta-value">
54+
<div class="mt-5 pt-5 border-t border-black/10">
55+
<span class="block font-mono text-[0.68rem] uppercase tracking-[0.12em] text-gray-500">
56+
Tags
57+
</span>
58+
<div class="mt-1 font-mono text-[0.74rem] leading-[1.75] text-neutral-800">
4259
{% for tag in page.tags %}
4360
<span>{{ tag }}</span>{% unless forloop.last %}<br>{% endunless %}
4461
{% endfor %}
4562
</div>
4663
</div>
4764
{% endif %}
65+
4866
</aside>
67+
4968
</header>
5069

51-
<div class="article-body prose">
70+
<!-- body -->
71+
<div class="max-w-[760px] px-4 py-9 md:px-6 md:py-10 prose prose-neutral">
5272
{{ content }}
5373
</div>
5474

5575
{% if page.tags %}
56-
<footer class="article-footer">
57-
<span class="meta-label">Filed under</span>
58-
<div class="taxonomy-list">
76+
<footer class="border-t border-black px-4 py-4 md:px-6">
77+
<span class="block font-mono text-[0.68rem] uppercase tracking-[0.12em] text-gray-500">
78+
Filed under
79+
</span>
80+
81+
<div class="mt-2 flex flex-wrap gap-2">
5982
{% for tag in page.tags %}
60-
<span class="taxonomy-tag">{{ tag }}</span>
83+
<span class="border border-black/20 px-2 py-[3px] font-mono text-[0.66rem] uppercase tracking-[0.08em]">
84+
{{ tag }}
85+
</span>
6186
{% endfor %}
6287
</div>
6388
</footer>
6489
{% endif %}
90+
6591
</article>
92+

‎collections/_notes/2025-02-08/index.md‎

Lines changed: 61 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,66 @@
11
---
2-
title: Testing web based scholarship
3-
date: 2026-01-27
2+
title: Acadeimic Co-authorship through the Ages
3+
date: 2026-02-17
44
authors:
5-
- Name Surname
5+
- Fra Angelico
6+
- Jean Pucelle
67
summary: >
7-
A test for content summary
8-
tags: [tags, tags]
8+
9+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare enim odio, sit amet ornare
10+
nibh consequat at. In lobortis sem sed ullamcorper luctus. Donec mattis laoreet nisi, in
11+
placerat risus varius eu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit
12+
amet purus egestas, faucibus lacus nec, pretium dolor. Aliquam at lectus vel velit tincidunt
13+
vulputate vel nec odio. Nam sodales malesuada efficitur. Aenean ac aliquam dui. Pellentesque
14+
sollicitudin semper diam, ut tempor urna scelerisque eget. Ut dignissim diam ac augue faucibus,
15+
ac elementum tellus imperdiet. Nullam viverra, urna vel malesuada feugiat, tellus orci
16+
condimentum lectus, ut ornare ipsum nulla auctor nisi. Curabitur id magna leo. Praesent et nisl
17+
quis lorem bibendum molestie.
18+
19+
20+
tags: [methods, text]
921
---
1022

11-
### Short guide
12-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.[^1]
13-
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[^2]
23+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare enim odio, sit amet ornare
24+
nibh consequat at. In lobortis sem sed ullamcorper luctus. Donec mattis laoreet nisi, in
25+
placerat risus varius eu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit
26+
amet purus egestas, faucibus lacus nec, pretium dolor. Aliquam at lectus vel velit tincidunt
27+
vulputate vel nec odio. Nam sodales malesuada efficitur. Aenean ac aliquam dui. Pellentesque
28+
sollicitudin semper diam, ut tempor urna scelerisque eget. Ut dignissim diam ac augue faucibus,
29+
ac elementum tellus imperdiet. Nullam viverra, urna vel malesuada feugiat, tellus orci
30+
condimentum lectus, ut ornare ipsum nulla auctor nisi. Curabitur id magna leo. Praesent et nisl
31+
quis lorem bibendum molestie.
32+
33+
## Section Break
34+
35+
Ut vestibulum euismod felis, vel laoreet orci ornare sed. Ut aliquet mollis nisi eget varius.
36+
Donec luctus ligula mi, id ornare justo elementum non. Fusce eu accumsan quam, tincidunt
37+
placerat diam. Nunc semper mi vitae lacinia efficitur. Sed vestibulum quam diam, non vestibulum
38+
ipsum auctor sit amet. Duis ac tincidunt nibh, eget blandit elit. Mauris elementum ut urna a
39+
iaculis. Nunc volutpat, ipsum in varius facilisis, dui odio dignissim libero, quis imperdiet
40+
velit neque pulvinar urna.[^1]
41+
42+
Cras nec ante a augue ultrices sollicitudin nec id leo. Interdum et malesuada fames ac ante
43+
ipsum primis in faucibus. Sed id imperdiet nisi, at sodales eros. Nunc blandit iaculis semper.
44+
Ut fermentum velit nec risus sagittis rhoncus. Morbi aliquam porta tincidunt. Proin tempus nisi
45+
nunc, vel hendrerit elit pharetra a. Nulla sodales pulvinar lobortis. Sed at porta arcu, ac
46+
dignissim metus. Aenean venenatis metus nibh, sed sagittis dui vestibulum ut. Proin pharetra
47+
sem id ullamcorper volutpat. Nullam vitae magna quis eros ullamcorper mattis nec id dui.
48+
Integer eu lorem id eros finibus rhoncus quis nec lectus.
49+
50+
Aliquam erat volutpat. Suspendisse lacinia aliquet interdum. Morbi id sollicitudin ipsum.
51+
Fusce ut eros tristique, lacinia lacus id, auctor quam. Nam convallis lobortis lacinia. Ut nec
52+
aliquam ipsum. Morbi cursus iaculis tellus, at rhoncus odio luctus id. Donec aliquam bibendum
53+
dui vitae imperdiet. Nulla vehicula pharetra suscipit. Orci varius natoque penatibus et magnis
54+
dis parturient montes, nascetur ridiculus mus. Morbi a mollis lectus. Nunc eget condimentum
55+
erat. Etiam ullamcorper malesuada dolor, in varius tortor interdum blandit. Mauris et vehicula
56+
mauris. Ut ac orci et ex sagittis luctus ac in erat.[^2]
57+
58+
Fusce suscipit lacus a justo mattis faucibus. Nam sagittis est quis sem mollis, ut vehicula
59+
ante faucibus. Cras vitae risus nec ante vehicula rutrum. Pellentesque habitant morbi tristique
60+
senectus et netus et malesuada fames ac turpis egestas. Pellentesque ac pellentesque turpis, et
61+
ultricies orci. Curabitur et tempus risus. Phasellus vestibulum tincidunt nulla, non aliquam
62+
urna pulvinar in. Nulla id mi egestas risus ornare tristique. Ut et diam mi. Ut id felis
63+
vitae ex feugiat suscipit. Nullam ut nulla ac urna tincidunt ullamcorper. Duis condimentum id
64+
diam quis malesuada. Proin id quam maximus orci sagittis laoreet vitae at lectus. Integer vel
65+
facilisis sapien.
66+

0 commit comments

Comments
 (0)