godotengine/godot-website
1
0
Fork 0
mirror of https://github.com/godotengine/godot-website.git synced 2026-01-04 06:09:55 +03:00
Code Issues Packages Projects Releases Wiki Activity

Highlight recent post dates on homepage and article metadata (#793)

Browse Source 
- Display post dates on homepage.

This helps make recent articles more noticeable. The highlight is applied
to post dates less than 48 hours old on the client side.
This commit is contained in:
Hugo Locurcio
2024-02-05 06:26:17 +01:00
committed by GitHub
parent 1c7817d3a2
commit 973cf2b1c2
4 changed files with 42 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
assets/css/main.css
View File

@@ -24,6 +24,7 @@
--accent-color: #f57389;
--secondary-color-text: #546b99;
--post-recent-highlight-color: #ea580c;
--link-color: hsl(206, 58%, 50%);
--link-underline-color: hsla(206, 58%, 50%, 0.3);
@@ -117,6 +118,7 @@
--accent-color: #5b5491;
--secondary-color-text: #a6a6a6;
--post-recent-highlight-color: #fb923c;
--link-color: hsl(200, 60%, 70%);
--link-underline-color: hsla(200, 60%, 70%, 0.3);
@@ -1336,6 +1338,23 @@ article.article-card p.excerpt {
font-size: 16px;
opacity: 0.8;
margin-top: 0;
margin-bottom: 6px;
}
article.article-card span.date {
color: var(--base-color-text);
font-size: 15px;
opacity: 0.65;
}
article.article-card span.date.post-recent-highlight {
color: var(--post-recent-highlight-color);
opacity: 1.0;
}
article.article-card span.date.post-recent-highlight::after {
font-size: 80%;
content: "NEW";
border: 1px solid var(--post-recent-highlight-color);
padding: 2px 3px;
margin-left: 8px;
}
article.article-card h3 {
font-size: 22px;