rounded square pfp #55
All checks were successful
ci/woodpecker/push/publish Pipeline was successful

This commit is contained in:
Mylloon 2024-03-03 20:55:00 +01:00
parent 6f8103ac97
commit 116bc311c8
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
5 changed files with 37 additions and 3 deletions

View file

@ -149,6 +149,7 @@ name: Option<String>
pronouns: Option<String> pronouns: Option<String>
avatar: Option<String> avatar: Option<String>
avatar_caption: Option<String> avatar_caption: Option<String>
avatar_style: Option<String>
--- ---
Index content Index content
@ -156,6 +157,7 @@ Index content
- If no `name`, the `fullname` used in the configuration will be used - If no `name`, the `fullname` used in the configuration will be used
- `avatar` is the link of the avatar - `avatar` is the link of the avatar
- `avatar_style` is either `round` (default) or `square`
## Blog ## Blog

View file

@ -56,6 +56,7 @@ pub struct FileMetadataIndex {
pub pronouns: Option<String>, pub pronouns: Option<String>,
pub avatar: Option<String>, pub avatar: Option<String>,
pub avatar_caption: Option<String>, pub avatar_caption: Option<String>,
pub avatar_style: Option<String>,
} }
/// Metadata for portfolio cards /// Metadata for portfolio cards

View file

@ -24,6 +24,13 @@ struct IndexTemplate {
content: Option<File>, content: Option<File>,
avatar: String, avatar: String,
avatar_caption: String, avatar_caption: String,
avatar_style: StyleAvatar,
}
#[derive(Content, Debug, Default)]
struct StyleAvatar {
round: bool,
square: bool,
} }
#[once(time = 60)] #[once(time = 60)]
@ -38,6 +45,10 @@ fn build_page(config: Config) -> String {
let mut pronouns = None; let mut pronouns = None;
let mut avatar = "/icons/apple-touch-icon.png".to_owned(); let mut avatar = "/icons/apple-touch-icon.png".to_owned();
let mut avatar_caption = "EWP avatar".to_owned(); let mut avatar_caption = "EWP avatar".to_owned();
let mut avatar_style = StyleAvatar {
round: true,
square: false,
};
if let Some(f) = &file { if let Some(f) = &file {
if let Some(m) = &f.metadata.info.index { if let Some(m) = &f.metadata.info.index {
@ -45,6 +56,15 @@ fn build_page(config: Config) -> String {
avatar = m.avatar.to_owned().unwrap_or(avatar); avatar = m.avatar.to_owned().unwrap_or(avatar);
pronouns = m.pronouns.to_owned(); pronouns = m.pronouns.to_owned();
avatar_caption = m.avatar_caption.to_owned().unwrap_or(avatar_caption); avatar_caption = m.avatar_caption.to_owned().unwrap_or(avatar_caption);
if let Some(style) = m.avatar_style.to_owned() {
if style.trim() == "square" {
avatar_style = StyleAvatar {
square: true,
..StyleAvatar::default()
}
}
}
} }
} else { } else {
file = read_file("README.md", TypeFileMetadata::Generic); file = read_file("README.md", TypeFileMetadata::Generic);
@ -62,6 +82,7 @@ fn build_page(config: Config) -> String {
pronouns, pronouns,
avatar, avatar,
avatar_caption, avatar_caption,
avatar_style,
}, },
Infos { Infos {
page_title: config.fc.fullname, page_title: config.fc.fullname,

View file

@ -38,7 +38,6 @@
#avatar { #avatar {
width: calc(var(--font-size) * 5); width: calc(var(--font-size) * 5);
border-radius: 50%;
float: right; float: right;
} }

View file

@ -3,12 +3,23 @@
<head dir="ltr"> <head dir="ltr">
{{>head.html}} {{>head.html}}
<link rel="stylesheet" href="/css/index.css" /> <link rel="stylesheet" href="/css/index.css" />
{{#data}} {{#avatar_style}} {{#round}}
<style>
#avatar {
border-radius: 50%;
}
</style>
{{/round}} {{#square}}
<style>
#avatar {
border-radius: 10%;
}
</style>
{{/square}} {{/avatar_style}}
</head> </head>
<body> <body>
<header>{{>navbar.html}}</header> <header>{{>navbar.html}}</header>
<main> <main>
{{#data}}
<div> <div>
<span id="name">{{name}}</span> <span id="name">{{name}}</span>
{{#pronouns}}<span id="pronouns">{{pronouns}}</span>{{/pronouns}} {{#pronouns}}<span id="pronouns">{{pronouns}}</span>{{/pronouns}}