Basic cours support #44
9 changed files with 58 additions and 5 deletions
|
|
@ -150,6 +150,7 @@ name: Option<String>
|
|||
pronouns: Option<String>
|
||||
avatar: Option<String>
|
||||
avatar_caption: Option<String>
|
||||
avatar_style: Option<String>
|
||||
---
|
||||
|
||||
Index content
|
||||
|
|
@ -157,6 +158,7 @@ Index content
|
|||
|
||||
- If no `name`, the `fullname` used in the configuration will be used
|
||||
- `avatar` is the link of the avatar
|
||||
- `avatar_style` is either `round` (default) or `square`
|
||||
|
||||
## Blog
|
||||
|
||||
|
|
|
|||
|
|
@ -56,6 +56,7 @@ pub struct FileMetadataIndex {
|
|||
pub pronouns: Option<String>,
|
||||
pub avatar: Option<String>,
|
||||
pub avatar_caption: Option<String>,
|
||||
pub avatar_style: Option<String>,
|
||||
}
|
||||
|
||||
/// Metadata for portfolio cards
|
||||
|
|
|
|||
|
|
@ -24,6 +24,13 @@ struct IndexTemplate {
|
|||
content: Option<File>,
|
||||
avatar: String,
|
||||
avatar_caption: String,
|
||||
avatar_style: StyleAvatar,
|
||||
}
|
||||
|
||||
#[derive(Content, Debug, Default)]
|
||||
struct StyleAvatar {
|
||||
round: bool,
|
||||
square: bool,
|
||||
}
|
||||
|
||||
#[once(time = 60)]
|
||||
|
|
@ -38,6 +45,10 @@ fn build_page(config: Config) -> String {
|
|||
let mut pronouns = None;
|
||||
let mut avatar = "/icons/apple-touch-icon.png".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(m) = &f.metadata.info.index {
|
||||
|
|
@ -45,6 +56,15 @@ fn build_page(config: Config) -> String {
|
|||
avatar = m.avatar.to_owned().unwrap_or(avatar);
|
||||
pronouns = m.pronouns.to_owned();
|
||||
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 {
|
||||
file = read_file("README.md", TypeFileMetadata::Generic);
|
||||
|
|
@ -62,6 +82,7 @@ fn build_page(config: Config) -> String {
|
|||
pronouns,
|
||||
avatar,
|
||||
avatar_caption,
|
||||
avatar_style,
|
||||
},
|
||||
Infos {
|
||||
page_title: config.fc.fullname,
|
||||
|
|
|
|||
BIN
static/badges/palestine.png
(Stored with Git LFS)
Normal file
BIN
static/badges/palestine.png
(Stored with Git LFS)
Normal file
Binary file not shown.
|
|
@ -38,7 +38,6 @@
|
|||
|
||||
#avatar {
|
||||
width: calc(var(--font-size) * 5);
|
||||
border-radius: 50%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -28,9 +28,13 @@ main ul:not(ul ul) {
|
|||
|
||||
/* breakpoint */
|
||||
@media only screen and (max-width: 740px) {
|
||||
main ul {
|
||||
main ul:not(ul ul) {
|
||||
grid-template-columns: none;
|
||||
}
|
||||
|
||||
main li:not(ul ul > li) {
|
||||
grid-column: inherit !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Card */
|
||||
|
|
@ -50,6 +54,10 @@ main li:not(ul ul > li) {
|
|||
margin-inline: 5px;
|
||||
}
|
||||
|
||||
main li:not(ul ul > li):nth-child(odd):last-child {
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
main li:hover:not(ul ul > li) {
|
||||
background: color-mix(in srgb, var(--background) 40%, var(--extreme));
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ window.addEventListener("load", () => {
|
|||
new Tag("Étudiant qui va rater son master"),
|
||||
new Tag("Peak D2 sur Valo 🤡"),
|
||||
new Tag(
|
||||
"1312",
|
||||
"0x520",
|
||||
`
|
||||
display: inline;
|
||||
background: linear-gradient(to bottom right, red 0%, red 50%, black 50%);
|
||||
|
|
@ -25,6 +25,7 @@ window.addEventListener("load", () => {
|
|||
),
|
||||
new Tag("Nul en CSS", "font-family: 'Comic Sans MS', cursive"),
|
||||
new Tag("Mention poufiasse"),
|
||||
new Tag("anri k... caterpillar 🐛☝️"),
|
||||
];
|
||||
|
||||
const random = Math.round(Math.random() * (tags.length - 1));
|
||||
|
|
|
|||
|
|
@ -3,12 +3,23 @@
|
|||
<head dir="ltr">
|
||||
{{>head.html}}
|
||||
<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>
|
||||
<body>
|
||||
<header>{{>navbar.html}}</header>
|
||||
<main>
|
||||
{{#data}}
|
||||
|
||||
<div>
|
||||
<span id="name">{{name}}</span>
|
||||
{{#pronouns}}<span id="pronouns">{{pronouns}}</span>{{/pronouns}}
|
||||
|
|
|
|||
|
|
@ -264,6 +264,13 @@
|
|||
title="We are humans"
|
||||
/></a>
|
||||
|
||||
<a target="_blank" href="https://decolonizepalestine.com"
|
||||
><img
|
||||
src="/badges/palestine.png"
|
||||
alt="Stand with palestine"
|
||||
title="a genocide is happening"
|
||||
/></a>
|
||||
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://pbs.twimg.com/media/GEShpIXXAAAKQ_1?format=jpg"
|
||||
|
|
|
|||
Loading…
Reference in a new issue