Style rework #35
49 changed files with 1322 additions and 802 deletions
1
.gitattributes
vendored
1
.gitattributes
vendored
|
|
@ -1,3 +1,4 @@
|
|||
*.png filter=lfs diff=lfs merge=lfs -text
|
||||
*.gif filter=lfs diff=lfs merge=lfs -text
|
||||
*.jpg filter=lfs diff=lfs merge=lfs -text
|
||||
*.webp filter=lfs diff=lfs merge=lfs -text
|
||||
|
|
|
|||
74
Cargo.lock
generated
74
Cargo.lock
generated
|
|
@ -256,6 +256,12 @@ dependencies = [
|
|||
"alloc-no-stdlib",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "allocator-api2"
|
||||
version = "0.2.16"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "0942ffc6dcaadf03badf6e6a2d0228460359d5e34b57ccdc720b7382dfbd5ec5"
|
||||
|
||||
[[package]]
|
||||
name = "android-tzdata"
|
||||
version = "0.1.1"
|
||||
|
|
@ -476,15 +482,16 @@ dependencies = [
|
|||
|
||||
[[package]]
|
||||
name = "cached"
|
||||
version = "0.45.1"
|
||||
version = "0.46.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "90eb5776f28a149524d1d8623035760b4454ec881e8cf3838fa8d7e1b11254b3"
|
||||
checksum = "8cead8ece0da6b744b2ad8ef9c58a4cdc7ef2921e60a6ddfb9eaaa86839b5fc5"
|
||||
dependencies = [
|
||||
"ahash",
|
||||
"async-trait",
|
||||
"cached_proc_macro",
|
||||
"cached_proc_macro_types",
|
||||
"futures",
|
||||
"hashbrown 0.13.2",
|
||||
"hashbrown 0.14.1",
|
||||
"instant",
|
||||
"once_cell",
|
||||
"thiserror",
|
||||
|
|
@ -611,11 +618,12 @@ checksum = "acbf1af155f9b9ef647e42cdc158db4b64a1b61f743629225fde6f3e0be2a7c7"
|
|||
|
||||
[[package]]
|
||||
name = "comrak"
|
||||
version = "0.18.0"
|
||||
version = "0.19.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "482aa5695bca086022be453c700a40c02893f1ba7098a2c88351de55341ae894"
|
||||
checksum = "82c995deda3bfdebd07d0e2af79e9da13e4b1be652b21a746f3f5b24bf0a49ef"
|
||||
dependencies = [
|
||||
"clap",
|
||||
"derive_builder",
|
||||
"entities",
|
||||
"memchr",
|
||||
"once_cell",
|
||||
|
|
@ -696,7 +704,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
|
|||
checksum = "874c6e2d19f8d4a285083b11a3241bfbe01ac3ed85f26e1e6b34888d960552bd"
|
||||
dependencies = [
|
||||
"derive_more",
|
||||
"indexmap",
|
||||
"indexmap 1.9.3",
|
||||
"nom",
|
||||
]
|
||||
|
||||
|
|
@ -819,6 +827,12 @@ version = "1.0.1"
|
|||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "b5320ae4c3782150d900b79807611a59a99fc9a1d61d686faafc24b93fc8d7ca"
|
||||
|
||||
[[package]]
|
||||
name = "equivalent"
|
||||
version = "1.0.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "5443807d6dff69373d433ab9ef5378ad8df50ca6298caf15de6e52e24aaf54d5"
|
||||
|
||||
[[package]]
|
||||
name = "errno"
|
||||
version = "0.3.1"
|
||||
|
|
@ -1020,7 +1034,7 @@ dependencies = [
|
|||
"futures-sink",
|
||||
"futures-util",
|
||||
"http",
|
||||
"indexmap",
|
||||
"indexmap 1.9.3",
|
||||
"slab",
|
||||
"tokio",
|
||||
"tokio-util",
|
||||
|
|
@ -1043,6 +1057,16 @@ dependencies = [
|
|||
"bumpalo",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "hashbrown"
|
||||
version = "0.14.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "7dfda62a12f55daeae5015f81b0baea145391cb4520f86c248fc615d72640d12"
|
||||
dependencies = [
|
||||
"ahash",
|
||||
"allocator-api2",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "heck"
|
||||
version = "0.3.3"
|
||||
|
|
@ -1208,6 +1232,16 @@ dependencies = [
|
|||
"hashbrown 0.12.3",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "indexmap"
|
||||
version = "2.0.2"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "8adf3ddd720272c6ea8bf59463c04e0f93d0bbf7c5439b691bca2987e0270897"
|
||||
dependencies = [
|
||||
"equivalent",
|
||||
"hashbrown 0.14.1",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "instant"
|
||||
version = "0.1.12"
|
||||
|
|
@ -1708,7 +1742,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
|
|||
checksum = "9bd9647b268a3d3e14ff09c23201133a62589c658db02bb7388c7246aafe0590"
|
||||
dependencies = [
|
||||
"base64",
|
||||
"indexmap",
|
||||
"indexmap 1.9.3",
|
||||
"line-wrap",
|
||||
"quick-xml",
|
||||
"serde",
|
||||
|
|
@ -2058,9 +2092,9 @@ dependencies = [
|
|||
|
||||
[[package]]
|
||||
name = "serde_spanned"
|
||||
version = "0.6.2"
|
||||
version = "0.6.3"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "93107647184f6027e3b7dcb2e11034cf95ffa1e3a682c67951963ac69c1c007d"
|
||||
checksum = "96426c9936fd7a0124915f9185ea1d20aa9445cc9821142f0a73bc9207a2e186"
|
||||
dependencies = [
|
||||
"serde",
|
||||
]
|
||||
|
|
@ -2083,7 +2117,7 @@ version = "0.9.21"
|
|||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "d9d684e3ec7de3bf5466b32bd75303ac16f0736426e5a4e0d6e489559ce1249c"
|
||||
dependencies = [
|
||||
"indexmap",
|
||||
"indexmap 1.9.3",
|
||||
"itoa",
|
||||
"ryu",
|
||||
"serde",
|
||||
|
|
@ -2358,9 +2392,9 @@ dependencies = [
|
|||
|
||||
[[package]]
|
||||
name = "toml"
|
||||
version = "0.7.4"
|
||||
version = "0.8.2"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "d6135d499e69981f9ff0ef2167955a5333c35e36f6937d382974566b3d5b94ec"
|
||||
checksum = "185d8ab0dfbb35cf1399a6344d8484209c088f75f8f68230da55d48d95d43e3d"
|
||||
dependencies = [
|
||||
"serde",
|
||||
"serde_spanned",
|
||||
|
|
@ -2370,20 +2404,20 @@ dependencies = [
|
|||
|
||||
[[package]]
|
||||
name = "toml_datetime"
|
||||
version = "0.6.2"
|
||||
version = "0.6.3"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "5a76a9312f5ba4c2dec6b9161fdf25d87ad8a09256ccea5a556fef03c706a10f"
|
||||
checksum = "7cda73e2f1397b1262d6dfdcef8aafae14d1de7748d66822d3bfeeb6d03e5e4b"
|
||||
dependencies = [
|
||||
"serde",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "toml_edit"
|
||||
version = "0.19.9"
|
||||
version = "0.20.2"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "92d964908cec0d030b812013af25a0e57fddfadb1e066ecc6681d86253129d4f"
|
||||
checksum = "396e4d48bbb2b7554c944bde63101b5ae446cff6ec4a24227428f15eb72ef338"
|
||||
dependencies = [
|
||||
"indexmap",
|
||||
"indexmap 2.0.2",
|
||||
"serde",
|
||||
"serde_spanned",
|
||||
"toml_datetime",
|
||||
|
|
@ -2803,9 +2837,9 @@ checksum = "1a515f5799fe4961cb532f983ce2b23082366b898e52ffbce459c86f67c8378a"
|
|||
|
||||
[[package]]
|
||||
name = "winnow"
|
||||
version = "0.4.6"
|
||||
version = "0.5.16"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "61de7bac303dc551fe038e2b3cef0f571087a47571ea6e79a87692ac99b99699"
|
||||
checksum = "037711d82167854aff2018dfd193aa0fef5370f456732f0d5a0c59b0f1b4b907"
|
||||
dependencies = [
|
||||
"memchr",
|
||||
]
|
||||
|
|
|
|||
|
|
@ -12,15 +12,15 @@ license = "AGPL-3.0-or-later"
|
|||
[dependencies]
|
||||
actix-web = "4.4"
|
||||
actix-files = "0.6"
|
||||
cached = { version = "0.45", features = ["async"] }
|
||||
cached = { version = "0.46", features = ["async"] }
|
||||
ramhorns = "0.14"
|
||||
toml = "0.7"
|
||||
toml = "0.8"
|
||||
serde = { version = "1.0", features = ["derive"] }
|
||||
serde_yaml = "0.9"
|
||||
minify-html = "0.11"
|
||||
minify-js = "0.5"
|
||||
glob = "0.3"
|
||||
comrak = "0.18"
|
||||
comrak = "0.19"
|
||||
reqwest = { version = "0.11", features = ["json"] }
|
||||
chrono = "0.4.30"
|
||||
chrono-tz = "0.8"
|
||||
|
|
|
|||
|
|
@ -82,7 +82,7 @@ onion = "http://youraddress.onion/"
|
|||
## Example of [`config.toml`](./config/config.toml)
|
||||
|
||||
```toml
|
||||
mail = your.mail at host.com"
|
||||
mail = "your.mail at host.com"
|
||||
lang = "lang"
|
||||
onion = "http://youraddress.onion/"
|
||||
app_name = "Nickname"
|
||||
|
|
|
|||
|
|
@ -124,6 +124,7 @@ fn init(dist_dir: String, static_dir: String, templates_dir: String) -> String {
|
|||
keep_closing_tags: true,
|
||||
minify_css: true,
|
||||
minify_js: true,
|
||||
remove_bangs: false,
|
||||
..minify_html::Cfg::spec_compliant()
|
||||
};
|
||||
|
||||
|
|
|
|||
18
src/main.rs
18
src/main.rs
|
|
@ -3,7 +3,7 @@ use actix_web::{middleware::DefaultHeaders, web, App, HttpServer};
|
|||
use std::io::Result;
|
||||
|
||||
use crate::routes::{
|
||||
agreements, api_v1, blog, contrib, cours, cv, gaming, index, memorial, networks, not_found,
|
||||
agreements, api_v1, blog, contact, contrib, cours, cv, gaming, index, memorial, not_found,
|
||||
portfolio, setup, web3,
|
||||
};
|
||||
|
||||
|
|
@ -29,10 +29,15 @@ async fn main() -> Result<()> {
|
|||
HttpServer::new(move || {
|
||||
App::new()
|
||||
.app_data(web::Data::new(config.to_owned()))
|
||||
.wrap(DefaultHeaders::new().add((
|
||||
"Onion-Location",
|
||||
config.fc.onion.as_deref().unwrap_or_default(),
|
||||
)))
|
||||
.wrap(
|
||||
DefaultHeaders::new()
|
||||
.add((
|
||||
"Onion-Location",
|
||||
config.fc.onion.as_deref().unwrap_or_default(),
|
||||
))
|
||||
.add(("Server", format!("ewp/{}", env!("CARGO_PKG_VERSION"))))
|
||||
.add(("Permissions-Policy", "interest-cohort=()")),
|
||||
)
|
||||
.service(web::scope("/api").service(web::scope("v1").service(api_v1::love)))
|
||||
.service(index::page)
|
||||
.service(agreements::security)
|
||||
|
|
@ -47,7 +52,8 @@ async fn main() -> Result<()> {
|
|||
.service(cv::page)
|
||||
.service(gaming::page)
|
||||
.service(memorial::page)
|
||||
.service(networks::page)
|
||||
.service(contact::page)
|
||||
.service(contact::service_redirection)
|
||||
.service(portfolio::page)
|
||||
.service(setup::page)
|
||||
.service(web3::page)
|
||||
|
|
|
|||
|
|
@ -1,9 +1,6 @@
|
|||
use crate::misc::date::Date;
|
||||
use comrak::nodes::{AstNode, NodeValue};
|
||||
use comrak::{
|
||||
format_html, parse_document, Arena, ComrakExtensionOptions, ComrakOptions, ComrakParseOptions,
|
||||
ComrakRenderOptions, ListStyleType,
|
||||
};
|
||||
use comrak::{format_html, parse_document, Arena, ComrakOptions, ListStyleType};
|
||||
use ramhorns::Content;
|
||||
use serde::{Deserialize, Deserializer};
|
||||
use std::fs;
|
||||
|
|
@ -17,6 +14,7 @@ pub struct FileMetadata {
|
|||
pub publish: Option<bool>,
|
||||
pub tags: Option<Vec<Tag>>,
|
||||
pub toc: Option<bool>,
|
||||
pub language: Option<String>,
|
||||
}
|
||||
|
||||
#[derive(Content, Debug, Clone)]
|
||||
|
|
@ -55,39 +53,41 @@ pub struct File {
|
|||
|
||||
/// Options used for parser and compiler MD --> HTML
|
||||
pub fn get_options() -> ComrakOptions {
|
||||
ComrakOptions {
|
||||
extension: ComrakExtensionOptions {
|
||||
strikethrough: true,
|
||||
tagfilter: true,
|
||||
table: true,
|
||||
autolink: true,
|
||||
tasklist: true,
|
||||
superscript: true,
|
||||
header_ids: Some(String::new()),
|
||||
footnotes: true,
|
||||
description_lists: true,
|
||||
front_matter_delimiter: Some("---".into()),
|
||||
},
|
||||
parse: ComrakParseOptions {
|
||||
smart: true, // could be boring
|
||||
default_info_string: Some("plaintext".into()),
|
||||
relaxed_tasklist_matching: true,
|
||||
},
|
||||
render: ComrakRenderOptions {
|
||||
hardbreaks: false, // could be true? change by metadata could be good for compatibility
|
||||
github_pre_lang: false,
|
||||
full_info_string: true,
|
||||
width: 0, // 0 mean disabled?
|
||||
unsafe_: true,
|
||||
escape: false,
|
||||
list_style: ListStyleType::Dash,
|
||||
sourcepos: false,
|
||||
},
|
||||
}
|
||||
let mut options = comrak::Options::default();
|
||||
|
||||
// Extension
|
||||
options.extension.strikethrough = true;
|
||||
options.extension.tagfilter = true;
|
||||
options.extension.table = true;
|
||||
options.extension.autolink = true;
|
||||
options.extension.tasklist = true;
|
||||
options.extension.superscript = true;
|
||||
options.extension.header_ids = Some(String::new());
|
||||
options.extension.footnotes = true;
|
||||
options.extension.description_lists = true;
|
||||
options.extension.front_matter_delimiter = Some("---".into());
|
||||
|
||||
// Parser
|
||||
options.parse.smart = true; // could be boring
|
||||
options.parse.default_info_string = Some("plaintext".into());
|
||||
options.parse.relaxed_tasklist_matching = true;
|
||||
options.parse.relaxed_autolinks = true;
|
||||
|
||||
// Renderer
|
||||
options.render.hardbreaks = false; // could be true? change by metadata could be good for compatibility
|
||||
options.render.github_pre_lang = false;
|
||||
options.render.full_info_string = true;
|
||||
options.render.width = 0; // 0 mean disabled?
|
||||
options.render.unsafe_ = true;
|
||||
options.render.escape = false;
|
||||
options.render.list_style = ListStyleType::Dash;
|
||||
options.render.sourcepos = false;
|
||||
|
||||
options
|
||||
}
|
||||
|
||||
/// Transform markdown string to File structure
|
||||
pub fn read(raw_text: &str) -> File {
|
||||
fn read(raw_text: &str) -> File {
|
||||
let arena = Arena::new();
|
||||
|
||||
let options = get_options();
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ use ramhorns::Content;
|
|||
#[routes]
|
||||
#[get("/.well-known/security.txt")]
|
||||
#[get("/security.txt")]
|
||||
pub async fn security(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
async fn security(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
HttpResponse::Ok().body(build_securitytxt(
|
||||
config.get_ref().to_owned(),
|
||||
get_url(req.connection_info()),
|
||||
|
|
@ -34,7 +34,7 @@ fn build_securitytxt(config: Config, url: String) -> String {
|
|||
}
|
||||
|
||||
#[get("/humans.txt")]
|
||||
pub async fn humans(config: web::Data<Config>) -> impl Responder {
|
||||
async fn humans(config: web::Data<Config>) -> impl Responder {
|
||||
HttpResponse::Ok().body(build_humanstxt(config.get_ref().to_owned()))
|
||||
}
|
||||
|
||||
|
|
@ -59,7 +59,7 @@ fn build_humanstxt(config: Config) -> String {
|
|||
}
|
||||
|
||||
#[get("/robots.txt")]
|
||||
pub async fn robots() -> impl Responder {
|
||||
async fn robots() -> impl Responder {
|
||||
HttpResponse::Ok().body(build_robotstxt())
|
||||
}
|
||||
|
||||
|
|
@ -69,7 +69,7 @@ fn build_robotstxt() -> String {
|
|||
}
|
||||
|
||||
#[get("/sitemap.xml")]
|
||||
pub async fn sitemap() -> impl Responder {
|
||||
async fn sitemap() -> impl Responder {
|
||||
// TODO
|
||||
actix_web::web::Redirect::to("/")
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ struct Info {
|
|||
}
|
||||
|
||||
#[get("/love")]
|
||||
pub async fn love() -> impl Responder {
|
||||
async fn love() -> impl Responder {
|
||||
HttpResponse::Ok().json(Info {
|
||||
unix_epoch: 1605576600,
|
||||
})
|
||||
|
|
|
|||
|
|
@ -21,13 +21,13 @@ use crate::{
|
|||
markdown::{get_metadata, get_options, read_file, File, FileMetadata},
|
||||
utils::get_url,
|
||||
},
|
||||
template::Infos,
|
||||
template::{Infos, NavBar},
|
||||
};
|
||||
|
||||
const MIME_TYPE_RSS: &str = "application/rss+xml";
|
||||
|
||||
#[get("/blog")]
|
||||
pub async fn index(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
async fn index(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
HttpResponse::Ok().body(build_index(
|
||||
config.get_ref().to_owned(),
|
||||
get_url(req.connection_info()),
|
||||
|
|
@ -36,12 +36,13 @@ pub async fn index(req: HttpRequest, config: web::Data<Config>) -> impl Responde
|
|||
|
||||
#[derive(Content, Debug)]
|
||||
struct BlogIndexTemplate {
|
||||
navbar: NavBar,
|
||||
posts: Vec<Post>,
|
||||
no_posts: bool,
|
||||
}
|
||||
|
||||
#[once(time = 120)]
|
||||
pub fn build_index(config: Config, url: String) -> String {
|
||||
fn build_index(config: Config, url: String) -> String {
|
||||
let mut posts = get_posts("data/blog");
|
||||
|
||||
// Sort from newest to oldest
|
||||
|
|
@ -51,6 +52,10 @@ pub fn build_index(config: Config, url: String) -> String {
|
|||
config.tmpl.render(
|
||||
"blog/index.html",
|
||||
BlogIndexTemplate {
|
||||
navbar: NavBar {
|
||||
blog: true,
|
||||
..NavBar::default()
|
||||
},
|
||||
no_posts: posts.is_empty(),
|
||||
posts,
|
||||
},
|
||||
|
|
@ -172,12 +177,13 @@ fn get_posts(location: &str) -> Vec<Post> {
|
|||
|
||||
#[derive(Content, Debug)]
|
||||
struct BlogPostTemplate {
|
||||
navbar: NavBar,
|
||||
post: Option<File>,
|
||||
toc: String,
|
||||
}
|
||||
|
||||
#[get("/blog/p/{id}")]
|
||||
pub async fn page(
|
||||
async fn page(
|
||||
req: HttpRequest,
|
||||
path: web::Path<(String,)>,
|
||||
config: web::Data<Config>,
|
||||
|
|
@ -193,9 +199,18 @@ fn build_post(file: String, config: Config, url: String) -> String {
|
|||
let mut post = None;
|
||||
let (infos, toc) = get_post(&mut post, file, config.fc.name.unwrap_or_default(), url);
|
||||
|
||||
config
|
||||
.tmpl
|
||||
.render("blog/post.html", BlogPostTemplate { post, toc }, infos)
|
||||
config.tmpl.render(
|
||||
"blog/post.html",
|
||||
BlogPostTemplate {
|
||||
navbar: NavBar {
|
||||
blog: true,
|
||||
..NavBar::default()
|
||||
},
|
||||
post,
|
||||
toc,
|
||||
},
|
||||
infos,
|
||||
)
|
||||
}
|
||||
|
||||
fn get_post(
|
||||
|
|
@ -234,7 +249,7 @@ fn get_post(
|
|||
page_title: Some(format!("Post: {}", title)),
|
||||
page_desc: Some(format!("Blog d'{name}")),
|
||||
page_kw: Some(
|
||||
vec!["blog", "blogging", "write", "writing"]
|
||||
["blog", "blogging", "write", "writing"]
|
||||
.iter()
|
||||
.map(|&tag| tag.to_owned())
|
||||
.chain(tags.into_iter().map(|t| t.name))
|
||||
|
|
@ -248,7 +263,7 @@ fn get_post(
|
|||
}
|
||||
|
||||
#[get("/blog/rss")]
|
||||
pub async fn rss(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
async fn rss(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
HttpResponse::Ok()
|
||||
.append_header(("content-type", MIME_TYPE_RSS))
|
||||
.body(build_rss(
|
||||
|
|
|
|||
84
src/routes/contact.rs
Normal file
84
src/routes/contact.rs
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
use actix_web::{get, routes, web, HttpRequest, HttpResponse, Responder};
|
||||
use cached::proc_macro::once;
|
||||
use ramhorns::Content;
|
||||
|
||||
use crate::{
|
||||
config::Config,
|
||||
misc::utils::get_url,
|
||||
template::{Infos, NavBar},
|
||||
};
|
||||
|
||||
#[get("/contact")]
|
||||
async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
HttpResponse::Ok().body(build_page(
|
||||
config.get_ref().to_owned(),
|
||||
get_url(req.connection_info()),
|
||||
))
|
||||
}
|
||||
|
||||
#[routes]
|
||||
#[get("/contact/{service}")]
|
||||
#[get("/contact/{service}/{scope}")]
|
||||
async fn service_redirection(req: HttpRequest) -> impl Responder {
|
||||
let info = req.match_info();
|
||||
let find_redirection = match info.query("service") {
|
||||
/* Socials links */
|
||||
"twitter" => Some("https://twitter.com/Mylloon".to_owned()),
|
||||
"mastodon" => Some("https://piaille.fr/@mylloon".to_owned()),
|
||||
"discord" => match info.get("scope") {
|
||||
Some("user") => Some("https://discord.com/users/158260864623968257/".to_owned()),
|
||||
Some("guild") => Some("https://discord.gg/Z5ePxH4".to_owned()),
|
||||
_ => None,
|
||||
},
|
||||
"reddit" => Some("https://www.reddit.com/user/mylloon".to_owned()),
|
||||
"instagram" => Some("https://www.instagram.com/mylloon/".to_owned()),
|
||||
"kitsu" => Some("https://kitsu.io/users/Mylloon/library?status=completed".to_owned()),
|
||||
"steam" => Some("https://steamcommunity.com/id/mylloon/".to_owned()),
|
||||
"youtube" => Some("https://www.youtube.com/c/Mylloon".to_owned()),
|
||||
"twitch" => Some("https://www.twitch.tv/mylloon".to_owned()),
|
||||
|
||||
/* Forges */
|
||||
"github" => Some("https://github.com/Mylloon".to_owned()),
|
||||
"gitlab" => Some("https://gitlab.com/Mylloon".to_owned()),
|
||||
"codeberg" => Some("https://codeberg.org/Mylloon".to_owned()),
|
||||
"forgejo" => Some("https://git.mylloon.fr/Anri".to_owned()),
|
||||
|
||||
/* Others */
|
||||
"keyoxide" => {
|
||||
Some("https://keyoxide.org/27024A99057E58B8087A5022A82D63DFF8D1317F".to_owned())
|
||||
}
|
||||
_ => None,
|
||||
};
|
||||
|
||||
if let Some(redirection) = find_redirection {
|
||||
// Redirect to the desired service
|
||||
actix_web::web::Redirect::to(redirection)
|
||||
} else {
|
||||
// By default, returns to the contact page
|
||||
actix_web::web::Redirect::to("/contact")
|
||||
}
|
||||
}
|
||||
|
||||
#[derive(Content, Debug)]
|
||||
struct NetworksTemplate {
|
||||
navbar: NavBar,
|
||||
}
|
||||
|
||||
#[once(time = 60)]
|
||||
fn build_page(config: Config, url: String) -> String {
|
||||
config.tmpl.render(
|
||||
"contact.html",
|
||||
NetworksTemplate {
|
||||
navbar: NavBar {
|
||||
contact: true,
|
||||
..NavBar::default()
|
||||
},
|
||||
},
|
||||
Infos {
|
||||
page_title: Some("Contacts".into()),
|
||||
page_desc: Some(format!("Réseaux d'{}", config.fc.name.unwrap_or_default())),
|
||||
page_kw: None,
|
||||
url,
|
||||
},
|
||||
)
|
||||
}
|
||||
|
|
@ -6,20 +6,21 @@ use crate::{
|
|||
github::{fetch_pr, ProjectState},
|
||||
utils::get_url,
|
||||
},
|
||||
template::Infos,
|
||||
template::{Infos, NavBar},
|
||||
};
|
||||
use actix_web::{get, web, HttpRequest, HttpResponse, Responder};
|
||||
use cached::proc_macro::once;
|
||||
use ramhorns::Content;
|
||||
|
||||
#[get("/contrib")]
|
||||
pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
let url = get_url(req.connection_info());
|
||||
HttpResponse::Ok().body(build_page(config.get_ref().to_owned(), url).await)
|
||||
}
|
||||
|
||||
#[derive(Content, Debug)]
|
||||
struct PortfolioTemplate {
|
||||
navbar: NavBar,
|
||||
error: bool,
|
||||
projects: Option<Vec<Project>>,
|
||||
waiting: Option<Vec<Project>>,
|
||||
|
|
@ -45,7 +46,12 @@ struct Pull {
|
|||
}
|
||||
|
||||
#[once(time = 120)]
|
||||
pub async fn build_page(config: Config, url: String) -> String {
|
||||
async fn build_page(config: Config, url: String) -> String {
|
||||
let navbar = NavBar {
|
||||
contrib: true,
|
||||
..NavBar::default()
|
||||
};
|
||||
|
||||
// Fetch latest data from github
|
||||
let data = match fetch_pr().await {
|
||||
Ok(projects) => {
|
||||
|
|
@ -107,6 +113,7 @@ pub async fn build_page(config: Config, url: String) -> String {
|
|||
});
|
||||
|
||||
PortfolioTemplate {
|
||||
navbar,
|
||||
error: false,
|
||||
projects: Some(
|
||||
data.iter()
|
||||
|
|
@ -132,6 +139,7 @@ pub async fn build_page(config: Config, url: String) -> String {
|
|||
eprintln!("{}", e);
|
||||
|
||||
PortfolioTemplate {
|
||||
navbar,
|
||||
error: true,
|
||||
projects: None,
|
||||
waiting: None,
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
use actix_web::{get, Responder};
|
||||
|
||||
#[get("/cours")]
|
||||
pub async fn page() -> impl Responder {
|
||||
async fn page() -> impl Responder {
|
||||
// TODO
|
||||
actix_web::web::Redirect::to("/")
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
use actix_web::{get, Responder};
|
||||
|
||||
#[get("/cv")]
|
||||
pub async fn page() -> impl Responder {
|
||||
async fn page() -> impl Responder {
|
||||
// TODO
|
||||
actix_web::web::Redirect::to("/")
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
use actix_web::{get, Responder};
|
||||
|
||||
#[get("/gaming")]
|
||||
pub async fn page() -> impl Responder {
|
||||
async fn page() -> impl Responder {
|
||||
// TODO
|
||||
actix_web::web::Redirect::to("/")
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,21 +1,42 @@
|
|||
use actix_web::{get, web, HttpRequest, HttpResponse, Responder};
|
||||
use cached::proc_macro::once;
|
||||
use ramhorns::Content;
|
||||
|
||||
use crate::{config::Config, misc::utils::get_url, template::Infos};
|
||||
use crate::{
|
||||
config::Config,
|
||||
misc::utils::get_url,
|
||||
template::{Infos, NavBar},
|
||||
};
|
||||
|
||||
#[get("/")]
|
||||
pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
HttpResponse::Ok().body(build_page(
|
||||
config.get_ref().to_owned(),
|
||||
get_url(req.connection_info()),
|
||||
))
|
||||
}
|
||||
|
||||
#[derive(Content, Debug)]
|
||||
struct IndexTemplate {
|
||||
navbar: NavBar,
|
||||
fullname: String,
|
||||
}
|
||||
|
||||
#[once(time = 60)]
|
||||
pub fn build_page(config: Config, url: String) -> String {
|
||||
fn build_page(config: Config, url: String) -> String {
|
||||
config.tmpl.render(
|
||||
"index.html",
|
||||
(),
|
||||
IndexTemplate {
|
||||
navbar: NavBar {
|
||||
index: true,
|
||||
..NavBar::default()
|
||||
},
|
||||
fullname: config
|
||||
.fc
|
||||
.fullname
|
||||
.to_owned()
|
||||
.unwrap_or("Fullname".to_owned()),
|
||||
},
|
||||
Infos {
|
||||
page_title: config.fc.fullname,
|
||||
page_desc: Some("Page principale".into()),
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
use actix_web::{get, Responder};
|
||||
|
||||
#[get("/memorial")]
|
||||
pub async fn page() -> impl Responder {
|
||||
async fn page() -> impl Responder {
|
||||
// Memorial? J'espere ne jamais faire cette page lol
|
||||
actix_web::web::Redirect::to("/")
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
pub mod agreements;
|
||||
pub mod api_v1;
|
||||
pub mod blog;
|
||||
pub mod contact;
|
||||
pub mod contrib;
|
||||
pub mod cours;
|
||||
pub mod cv;
|
||||
pub mod gaming;
|
||||
pub mod index;
|
||||
pub mod memorial;
|
||||
pub mod networks;
|
||||
pub mod not_found;
|
||||
pub mod portfolio;
|
||||
pub mod setup;
|
||||
|
|
|
|||
|
|
@ -1,26 +0,0 @@
|
|||
use actix_web::{get, web, HttpRequest, HttpResponse, Responder};
|
||||
use cached::proc_macro::once;
|
||||
|
||||
use crate::{config::Config, misc::utils::get_url, template::Infos};
|
||||
|
||||
#[get("/networks")]
|
||||
pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
HttpResponse::Ok().body(build_page(
|
||||
config.get_ref().to_owned(),
|
||||
get_url(req.connection_info()),
|
||||
))
|
||||
}
|
||||
|
||||
#[once(time = 60)]
|
||||
pub fn build_page(config: Config, url: String) -> String {
|
||||
config.tmpl.render(
|
||||
"networks.html",
|
||||
(),
|
||||
Infos {
|
||||
page_title: Some("Mes réseaux".into()),
|
||||
page_desc: Some(format!("Réseaux d'{}", config.fc.name.unwrap_or_default())),
|
||||
page_kw: None,
|
||||
url,
|
||||
},
|
||||
)
|
||||
}
|
||||
|
|
@ -1,13 +1,39 @@
|
|||
use actix_web::{web, HttpResponse, Responder};
|
||||
use actix_web::{web, HttpRequest, HttpResponse, Responder};
|
||||
use cached::proc_macro::once;
|
||||
use ramhorns::Content;
|
||||
|
||||
use crate::{config::Config, template::Infos};
|
||||
use crate::{
|
||||
config::Config,
|
||||
misc::utils::get_url,
|
||||
template::{Infos, NavBar},
|
||||
};
|
||||
|
||||
pub async fn page(config: web::Data<Config>) -> impl Responder {
|
||||
HttpResponse::NotFound().body(build_page(config.get_ref().to_owned()))
|
||||
pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
HttpResponse::NotFound().body(build_page(
|
||||
config.get_ref().to_owned(),
|
||||
get_url(req.connection_info()),
|
||||
))
|
||||
}
|
||||
|
||||
#[derive(Content, Debug)]
|
||||
struct NotFoundTemplate {
|
||||
navbar: NavBar,
|
||||
www: String,
|
||||
onion: Option<String>,
|
||||
}
|
||||
|
||||
#[once(time = 60)]
|
||||
pub fn build_page(config: Config) -> String {
|
||||
config.tmpl.render("404.html", (), Infos::default())
|
||||
fn build_page(config: Config, url: String) -> String {
|
||||
config.tmpl.render(
|
||||
"404.html",
|
||||
NotFoundTemplate {
|
||||
navbar: NavBar::default(),
|
||||
www: url,
|
||||
onion: config.fc.onion,
|
||||
},
|
||||
Infos {
|
||||
page_desc: Some("Une page perdu du web".into()),
|
||||
..Infos::default()
|
||||
},
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,11 +9,11 @@ use crate::{
|
|||
markdown::{read_file, File},
|
||||
utils::get_url,
|
||||
},
|
||||
template::Infos,
|
||||
template::{Infos, NavBar},
|
||||
};
|
||||
|
||||
#[get("/portfolio")]
|
||||
pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
HttpResponse::Ok().body(build_page(
|
||||
config.get_ref().to_owned(),
|
||||
get_url(req.connection_info()),
|
||||
|
|
@ -22,62 +22,38 @@ pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder
|
|||
|
||||
#[derive(Content, Debug)]
|
||||
struct PortfolioTemplate<'a> {
|
||||
bots_app: Option<Vec<File>>,
|
||||
bots_loc: Option<String>,
|
||||
persos_app: Option<Vec<File>>,
|
||||
persos_loc: Option<String>,
|
||||
univ_content: Option<String>,
|
||||
univ_loc: Option<String>,
|
||||
navbar: NavBar,
|
||||
location_apps: Option<&'a str>,
|
||||
apps: Option<Vec<File>>,
|
||||
err_msg: &'a str,
|
||||
}
|
||||
|
||||
#[once(time = 60)]
|
||||
pub fn build_page(config: Config, url: String) -> String {
|
||||
fn build_page(config: Config, url: String) -> String {
|
||||
let projects_dir = "data/projects";
|
||||
let ext = ".md";
|
||||
|
||||
// Get bots apps
|
||||
let bots_apps_loc = format!("{projects_dir}/bots");
|
||||
let bots_apps = glob(&format!("{bots_apps_loc}/*{ext}"))
|
||||
// Get apps
|
||||
let apps = glob(&format!("{projects_dir}/*{ext}"))
|
||||
.unwrap()
|
||||
.map(|e| read_file(&e.unwrap().to_string_lossy()).unwrap())
|
||||
.collect::<Vec<File>>();
|
||||
|
||||
// Get perso apps
|
||||
let perso_apps_loc = format!("{projects_dir}/perso");
|
||||
let perso_apps = glob(&format!("{perso_apps_loc}/*{ext}"))
|
||||
.unwrap()
|
||||
.map(|e| read_file(&e.unwrap().to_string_lossy()).unwrap())
|
||||
.collect::<Vec<File>>();
|
||||
|
||||
let univ_loc = format!("{projects_dir}/univ{ext}");
|
||||
|
||||
let (bots_app, bots_loc) = if bots_apps.is_empty() {
|
||||
(None, Some(bots_apps_loc))
|
||||
let bots_app = if apps.is_empty() {
|
||||
(None, Some(projects_dir))
|
||||
} else {
|
||||
(Some(bots_apps), None)
|
||||
};
|
||||
|
||||
let (persos_app, persos_loc) = if perso_apps.is_empty() {
|
||||
(None, Some(perso_apps_loc))
|
||||
} else {
|
||||
(Some(perso_apps), None)
|
||||
};
|
||||
|
||||
let (univ_content, univ_loc) = match read_file(&univ_loc) {
|
||||
Some(data) => (Some(data.content), None),
|
||||
_ => (None, Some(univ_loc)),
|
||||
(Some(apps), None)
|
||||
};
|
||||
|
||||
config.tmpl.render(
|
||||
"portfolio.html",
|
||||
PortfolioTemplate {
|
||||
bots_app,
|
||||
bots_loc,
|
||||
persos_app,
|
||||
persos_loc,
|
||||
univ_content,
|
||||
univ_loc,
|
||||
navbar: NavBar {
|
||||
portfolio: true,
|
||||
..NavBar::default()
|
||||
},
|
||||
apps: bots_app.0,
|
||||
location_apps: bots_app.1,
|
||||
err_msg: "is empty",
|
||||
},
|
||||
Infos {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
use actix_web::{get, Responder};
|
||||
|
||||
#[get("/setup")]
|
||||
pub async fn page() -> impl Responder {
|
||||
async fn page() -> impl Responder {
|
||||
// Explication de l'histoire de par exemple wiki/cat et le follow up
|
||||
// avec les futures video youtube probablement un shortcut
|
||||
// vers un billet de blog
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ use cached::proc_macro::once;
|
|||
use crate::{config::Config, misc::utils::get_url, template::Infos};
|
||||
|
||||
#[get("/web3")]
|
||||
pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
|
||||
HttpResponse::Ok().body(build_page(
|
||||
config.get_ref().to_owned(),
|
||||
get_url(req.connection_info()),
|
||||
|
|
@ -12,7 +12,7 @@ pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder
|
|||
}
|
||||
|
||||
#[once(time = 60)]
|
||||
pub fn build_page(config: Config, url: String) -> String {
|
||||
fn build_page(config: Config, url: String) -> String {
|
||||
config.tmpl.render(
|
||||
"web3.html",
|
||||
(),
|
||||
|
|
|
|||
|
|
@ -22,6 +22,16 @@ pub struct Infos {
|
|||
pub url: String,
|
||||
}
|
||||
|
||||
#[derive(Content, Debug, Default)]
|
||||
pub struct NavBar {
|
||||
pub index: bool,
|
||||
pub blog: bool,
|
||||
pub portfolio: bool,
|
||||
pub contact: bool,
|
||||
pub contrib: bool,
|
||||
pub cours: bool,
|
||||
}
|
||||
|
||||
/// Final structure given to template
|
||||
#[derive(Content, Debug)]
|
||||
struct Data<T> {
|
||||
|
|
|
|||
BIN
static/badges/friends/21_12.webp
Normal file
BIN
static/badges/friends/21_12.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
static/badges/friends/azazouille.webp
Normal file
BIN
static/badges/friends/azazouille.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
|
|
@ -1,127 +1,54 @@
|
|||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
--selection: #36837db3;
|
||||
--bg: #ffffff;
|
||||
--line: #aebed0;
|
||||
--date: #d2e0f0;
|
||||
--point: #8c9daf;
|
||||
--bg-hover: #cedce2;
|
||||
--point-hover: #ff00ff;
|
||||
--font-color: #18181b;
|
||||
--title-color: #a14cb3;
|
||||
--rss-inverse: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--selection: #4bad9480;
|
||||
--bg: #171e26;
|
||||
--line: #374351;
|
||||
--date: #242e38;
|
||||
--point: #515f70;
|
||||
--bg-hover: #1f2730;
|
||||
--point-hover: #ff00ff;
|
||||
--font-color: #a1a1aa;
|
||||
--title-color: #a25add;
|
||||
--rss-inverse: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
--font-size: 20px;
|
||||
}
|
||||
|
||||
::selection {
|
||||
color: rgb(255, 255, 255);
|
||||
background: var(--selection);
|
||||
}
|
||||
|
||||
html {
|
||||
background-color: var(--bg);
|
||||
font-family: "Segoe UI", Arial, sans-serif, "Segoe UI Emoji",
|
||||
"Segoe UI Symbol";
|
||||
}
|
||||
|
||||
/* Scrollbar - Firefox */
|
||||
* {
|
||||
scrollbar-color: var(--font-color) var(--bg);
|
||||
}
|
||||
|
||||
/* Scrollbar - Chrome */
|
||||
*::-webkit-scrollbar {
|
||||
width: 7px;
|
||||
height: 9px;
|
||||
background: var(--bg);
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-thumb {
|
||||
background-color: var(--font-color);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/* Title of page */
|
||||
/* Title */
|
||||
h1 {
|
||||
color: var(--font-color);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.3cap;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
h2,
|
||||
p {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
h1,
|
||||
footer {
|
||||
text-align: center;
|
||||
font-size: calc(var(--font-size) * 2);
|
||||
}
|
||||
|
||||
footer > * {
|
||||
color: var(--font-color);
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
font-size: calc(var(--font-size) / 1.5);
|
||||
text-transform: uppercase;
|
||||
opacity: 0.7;
|
||||
letter-spacing: 0.15rem;
|
||||
}
|
||||
|
||||
footer > *::before {
|
||||
content: "> ";
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--title-color);
|
||||
}
|
||||
|
||||
.timeline {
|
||||
box-sizing: border-box;
|
||||
color: var(--font-color);
|
||||
padding: 30px 20px;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* Barre */
|
||||
.timeline > ul {
|
||||
list-style-type: none;
|
||||
border-left: 2px solid var(--line);
|
||||
padding: 0px 5px;
|
||||
/* RSS link */
|
||||
#rss::before {
|
||||
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 24 24' %3E%3Cpath d='M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19 7.38 20 6.18 20 5 20 4 19 4 17.82a2.18 2.18 0 0 1 2.18-2.18M4 4.44A15.56 15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27V4.44m0 5.66a9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93V10.1Z' %3E%3C/path%3E%3C/svg%3E");
|
||||
padding-right: 2px;
|
||||
vertical-align: middle;
|
||||
filter: invert(var(--rss-inverse));
|
||||
}
|
||||
|
||||
/* Card */
|
||||
.timeline > ul > li {
|
||||
main li {
|
||||
padding: 20px 20px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* Dates */
|
||||
.timeline > ul > li > span {
|
||||
display: inline-block;
|
||||
main li:hover {
|
||||
background: var(--bg-hover);
|
||||
}
|
||||
|
||||
/* Card dates */
|
||||
main span {
|
||||
background-color: var(--date);
|
||||
border-radius: 5px;
|
||||
padding: 2px 5px;
|
||||
|
|
@ -129,82 +56,48 @@ a:hover {
|
|||
font-family: monospace;
|
||||
}
|
||||
|
||||
/* Titles */
|
||||
.timeline > ul > li > .content > h2 {
|
||||
/* Card text */
|
||||
li h2,
|
||||
li p {
|
||||
margin: 0px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
/* Card titles */
|
||||
li h2 {
|
||||
color: var(--title-color);
|
||||
font-size: var(--font-size);
|
||||
padding-top: 5px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Descriptions */
|
||||
.timeline > ul > li > .content > p {
|
||||
padding-top: 5px;
|
||||
/* Card descriptions */
|
||||
li p {
|
||||
font-size: calc(var(--font-size) - 2px);
|
||||
max-width: 25em;
|
||||
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Points côté */
|
||||
.timeline > ul > li::before {
|
||||
/* Timeline bar */
|
||||
main ul {
|
||||
list-style-type: none;
|
||||
border-left: 2px solid var(--line);
|
||||
padding: 0px 5px;
|
||||
}
|
||||
|
||||
/* Timeline dot */
|
||||
main li::before {
|
||||
position: absolute;
|
||||
|
||||
content: "";
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: var(--point);
|
||||
border-radius: 50%;
|
||||
|
||||
left: -11px;
|
||||
top: 59px;
|
||||
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
/* Card hover */
|
||||
.timeline > ul > li:hover {
|
||||
background-color: var(--bg-hover);
|
||||
}
|
||||
|
||||
/* Point côté hover */
|
||||
.timeline > ul > li:hover::before {
|
||||
main li:hover::before {
|
||||
background-color: var(--point-hover);
|
||||
box-shadow: 0px 0px 10px 2px var(--point-hover);
|
||||
}
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#rss {
|
||||
text-transform: lowercase;
|
||||
color: var(--font-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
height: 1px;
|
||||
background: var(--line);
|
||||
margin: 2rem auto;
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
#rss:hover {
|
||||
color: var(--title-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 300px) {
|
||||
.timeline {
|
||||
padding: 30px 5px 30px 10px;
|
||||
}
|
||||
|
||||
.timeline > ul > li > .content > h2 > a {
|
||||
color: var(--title-color);
|
||||
font-size: calc(var(--font-size) - 2px);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,9 @@
|
|||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
--selection: rgba(92, 54, 131, 0.7);
|
||||
--bg: #ffffff;
|
||||
--font-color: #18181b;
|
||||
--code-font-color: #333333;
|
||||
--code-bg-color: #eeeeee;
|
||||
--quote-border-color: #9852fa;
|
||||
--quote-bg-color: #d8d6d6;
|
||||
--link-hover-color: #fd62af;
|
||||
--separator-color: #cccccc;
|
||||
--tag-bg-color: #d2e0f0;
|
||||
}
|
||||
|
|
@ -15,103 +11,68 @@
|
|||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--selection: rgba(124, 75, 173, 0.5);
|
||||
--bg: #171e26;
|
||||
--font-color: #bcbcc5;
|
||||
--code-font-color: #eeeeee;
|
||||
--code-bg-color: #333333;
|
||||
--quote-border-color: #bd93f9;
|
||||
--quote-bg-color: #273341;
|
||||
--link-hover-color: #ff80bf;
|
||||
--separator-color: #414558;
|
||||
--tag-bg-color: #242e38;
|
||||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
--font-size: 17px;
|
||||
--max-width: 750px;
|
||||
}
|
||||
|
||||
/* Page */
|
||||
html {
|
||||
font-family: "Segoe UI", Arial, sans-serif, "Segoe UI Emoji",
|
||||
"Segoe UI Symbol";
|
||||
font-size: var(--font-size);
|
||||
scroll-behavior: smooth;
|
||||
background-color: var(--bg);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* Scrollbar - Firefox */
|
||||
* {
|
||||
scrollbar-color: var(--font-color) var(--bg);
|
||||
body {
|
||||
max-width: var(--max-width);
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
/* Scrollbar - Chrome */
|
||||
*::-webkit-scrollbar {
|
||||
width: 7px;
|
||||
height: 9px;
|
||||
background: var(--bg);
|
||||
/* Post title */
|
||||
header h1 {
|
||||
font-size: calc(var(--font-size) * 2);
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-thumb {
|
||||
background-color: var(--font-color);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/* Post's title */
|
||||
header > h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
/* Date's title */
|
||||
header > span {
|
||||
/* Post date */
|
||||
header span {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Tags */
|
||||
header > ul {
|
||||
/* Post tags */
|
||||
header > ul:last-of-type {
|
||||
display: inline;
|
||||
margin-left: 1em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header li::before {
|
||||
header > ul:last-of-type li::before {
|
||||
content: "#";
|
||||
}
|
||||
|
||||
header li {
|
||||
header > ul:last-of-type li {
|
||||
display: inline;
|
||||
background-color: var(--tag-bg-color);
|
||||
background: var(--tag-bg-color);
|
||||
border-radius: 5px;
|
||||
padding: 2px 8px;
|
||||
font-size: calc(var(--font-size) / 1.1);
|
||||
font-size: calc(var(--font-size) * 0.9);
|
||||
}
|
||||
|
||||
::selection {
|
||||
color: rgb(255, 255, 255);
|
||||
background: var(--selection);
|
||||
}
|
||||
|
||||
* {
|
||||
color: var(--font-color);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
p {
|
||||
color: var(--font-color);
|
||||
font-size: var(--font-size);
|
||||
/* Post */
|
||||
main {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* Anchors */
|
||||
h1:hover > a.anchor::before,
|
||||
h2:hover > a.anchor::before,
|
||||
h3:hover > a.anchor::before,
|
||||
h4:hover > a.anchor::before,
|
||||
h5:hover > a.anchor::before,
|
||||
h6:hover > a.anchor::before {
|
||||
:is(h1, h2, h3, h4, h5, h6):hover a.anchor::before {
|
||||
visibility: visible;
|
||||
color: var(--font-color);
|
||||
}
|
||||
|
||||
a.anchor::before {
|
||||
|
|
@ -122,30 +83,15 @@ a.anchor::before {
|
|||
|
||||
a.anchor {
|
||||
text-decoration: none;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: var(--max-width);
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer > * {
|
||||
text-transform: uppercase;
|
||||
font-size: calc(var(--font-size) / 1.2);
|
||||
letter-spacing: 0.15rem;
|
||||
opacity: 0.6;
|
||||
text-decoration: none;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--link-hover-color);
|
||||
/* Links in headers */
|
||||
:is(h1, h2, h3, h4, h5, h6) a {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
/* Separators */
|
||||
hr {
|
||||
border: 0;
|
||||
height: 1px;
|
||||
|
|
@ -158,7 +104,7 @@ blockquote {
|
|||
padding: 0.1em 10px;
|
||||
border-left: 6px solid;
|
||||
border-color: var(--quote-border-color);
|
||||
background-color: var(--quote-bg-color);
|
||||
background: var(--quote-bg-color);
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
|
|
@ -173,17 +119,17 @@ img {
|
|||
/* Code */
|
||||
kbd,
|
||||
code {
|
||||
font-family: Consolas, monospace;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
/* Little snippet of code (not blocks) */
|
||||
kbd,
|
||||
code:not(.hljs):not(:has(svg)) {
|
||||
background-color: var(--code-bg-color);
|
||||
background: var(--code-bg-color);
|
||||
border-radius: 3px;
|
||||
color: var(--code-font-color);
|
||||
box-shadow: 0 1px 1px black;
|
||||
font-size: calc(var(--font-size) / 1.2);
|
||||
font-size: calc(var(--font-size) * 0.8);
|
||||
padding: 2px 4px;
|
||||
vertical-align: 1.5px;
|
||||
}
|
||||
|
|
@ -193,6 +139,17 @@ code:not(.hljs):not(:has(svg)) {
|
|||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.hljs::-webkit-scrollbar {
|
||||
width: 7px;
|
||||
height: 9px;
|
||||
background: var(--background);
|
||||
}
|
||||
|
||||
.hljs::-webkit-scrollbar-thumb {
|
||||
background-color: var(--font-color);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/* Marge for numbers */
|
||||
.hljs-ln-n {
|
||||
margin-right: 0.4em;
|
||||
|
|
@ -201,6 +158,7 @@ code:not(.hljs):not(:has(svg)) {
|
|||
/* Numbers in codeblocks */
|
||||
.hljs-ln-numbers {
|
||||
text-align: right;
|
||||
color: var(--font-color);
|
||||
}
|
||||
|
||||
/* Fix scroll in codeblocks with line numbering */
|
||||
|
|
@ -210,7 +168,7 @@ table.hljs-ln {
|
|||
|
||||
/* Background for copy code button */
|
||||
.hljs-copy-button {
|
||||
background-color: var(--bg) !important;
|
||||
background-color: var(--background) !important;
|
||||
}
|
||||
|
||||
/* Light theme for the copy code button */
|
||||
|
|
@ -234,28 +192,23 @@ table.hljs-ln {
|
|||
visibility: collapse;
|
||||
}
|
||||
|
||||
/* Reference to footnotes */
|
||||
.footnote-ref a {
|
||||
text-decoration: underline dotted;
|
||||
font-size: calc(var(--font-size) * 0.8);
|
||||
}
|
||||
|
||||
/* Footnotes */
|
||||
.footnotes a {
|
||||
font-family: "Segoe UI";
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
|
||||
/* Reference to footnotes */
|
||||
.footnote-ref > a {
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
|
||||
/* Mermaid diagrams */
|
||||
pre:has(code.language-mermaid) {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 750px) {
|
||||
body {
|
||||
margin: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Table of content */
|
||||
nav#toc {
|
||||
position: fixed;
|
||||
|
|
@ -264,6 +217,7 @@ nav#toc {
|
|||
margin-left: 50px;
|
||||
}
|
||||
|
||||
/* breakpoint */
|
||||
@media only screen and (max-width: 1500px) {
|
||||
/* Visible only on large screens */
|
||||
nav#toc {
|
||||
|
|
|
|||
23
static/css/constants.css
Normal file
23
static/css/constants.css
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
/* Parameters light */
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
--background: #f1f1f1;
|
||||
--font-color: #18181b;
|
||||
--link-color: #df5a9c;
|
||||
}
|
||||
}
|
||||
|
||||
/* Parameters dark */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background: #171e26;
|
||||
--font-color: #bcbcc5;
|
||||
--link-color: #ff80bf;
|
||||
}
|
||||
}
|
||||
|
||||
/* Global parameters */
|
||||
:root {
|
||||
--font-size: 1.15rem;
|
||||
--font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
}
|
||||
53
static/css/contact.css
Normal file
53
static/css/contact.css
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
/* https://stackoverflow.com/a/40244401/15436737 */
|
||||
|
||||
/* Title */
|
||||
h1 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1 + p {
|
||||
margin: 8px;
|
||||
}
|
||||
|
||||
/* List */
|
||||
main ul {
|
||||
column-count: 2;
|
||||
column-gap: 5em;
|
||||
}
|
||||
|
||||
main li > p {
|
||||
margin: 0;
|
||||
padding: 3%;
|
||||
}
|
||||
|
||||
/* breakpoint */
|
||||
@media only screen and (max-width: 640px) {
|
||||
main ul {
|
||||
column-count: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Links */
|
||||
main a {
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
color: color-mix(in srgb, var(--font-color) 30%, var(--link-color));
|
||||
}
|
||||
|
||||
main a:after {
|
||||
display: block;
|
||||
content: "";
|
||||
border-bottom: solid 3px;
|
||||
transform: scaleX(0);
|
||||
transition: transform 250ms ease-in-out;
|
||||
transform-origin: 100% 50%;
|
||||
}
|
||||
|
||||
main a:hover:after {
|
||||
transform: scaleX(1);
|
||||
transform-origin: 0 50%;
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
35
static/css/contrib.css
Normal file
35
static/css/contrib.css
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
h2 {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
/* Element of lists */
|
||||
main li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
main h1,
|
||||
h2 {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
main a {
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
main p::after {
|
||||
content: ", ";
|
||||
}
|
||||
|
||||
main li:last-child p::after {
|
||||
content: "";
|
||||
}
|
||||
69
static/css/index.css
Normal file
69
static/css/index.css
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
--name-color: #d30f39;
|
||||
--pronouns-color: #6c6f85;
|
||||
--font-color: #4c4f69;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--name-color: #f38ba8;
|
||||
--pronouns-color: #a6adc8;
|
||||
--font-color: #c8d0ee;
|
||||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
--title-weight: 600;
|
||||
}
|
||||
|
||||
/* Name header */
|
||||
#name {
|
||||
font-size: calc(var(--font-size) * 2.5);
|
||||
font-weight: var(--title-weight);
|
||||
color: var(--name-color);
|
||||
}
|
||||
|
||||
#subname {
|
||||
margin-top: 0;
|
||||
font-size: calc(var(--font-size) * 1.07);
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
#pronouns {
|
||||
font-size: calc(var(--font-size) * 0.8);
|
||||
color: var(--pronouns-color);
|
||||
}
|
||||
|
||||
#avatar {
|
||||
width: calc(var(--font-size) * 5);
|
||||
border-radius: 50%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* breakpoint */
|
||||
@media only screen and (max-width: 640px) {
|
||||
#avatar {
|
||||
position: absolute;
|
||||
width: calc(var(--font-size) * 4);
|
||||
left: 10px;
|
||||
top: -30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Description */
|
||||
h1 {
|
||||
font-weight: var(--title-weight);
|
||||
font-size: calc(var(--font-size) * 1.6);
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Friends */
|
||||
#friends a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#friends a {
|
||||
padding-right: 10px;
|
||||
}
|
||||
71
static/css/languages.css
Normal file
71
static/css/languages.css
Normal file
|
|
@ -0,0 +1,71 @@
|
|||
:root {
|
||||
--lang-size-dot: 0.8em;
|
||||
--lang-margin-text: 3px;
|
||||
--lang-font-size: calc(var(--font-size) * 0.65);
|
||||
}
|
||||
|
||||
/* Dot */
|
||||
p[data-lang]::before {
|
||||
content: "";
|
||||
|
||||
height: var(--lang-size-dot);
|
||||
width: var(--lang-size-dot);
|
||||
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Text */
|
||||
p[data-lang]::after {
|
||||
margin-left: var(--lang-margin-text);
|
||||
font-size: var(--lang-font-size);
|
||||
}
|
||||
|
||||
/* Definitions */
|
||||
p[data-lang="ts"]::before {
|
||||
background-color: #3178c6;
|
||||
}
|
||||
|
||||
p[data-lang="ts"]::after {
|
||||
content: "TypeScript";
|
||||
}
|
||||
|
||||
p[data-lang="rust"]::before {
|
||||
background-color: #dea584;
|
||||
}
|
||||
|
||||
p[data-lang="rust"]::after {
|
||||
content: "Rust";
|
||||
}
|
||||
|
||||
p[data-lang="py"]::before {
|
||||
background-color: #3572a5;
|
||||
}
|
||||
|
||||
p[data-lang="py"]::after {
|
||||
content: "Python";
|
||||
}
|
||||
|
||||
p[data-lang="ocaml"]::before {
|
||||
background-color: #ef7a08;
|
||||
}
|
||||
|
||||
p[data-lang="ocaml"]::after {
|
||||
content: "OCaml";
|
||||
}
|
||||
|
||||
p[data-lang="js"]::before {
|
||||
background-color: #e3d357;
|
||||
}
|
||||
|
||||
p[data-lang="js"]::after {
|
||||
content: "JavaScript";
|
||||
}
|
||||
|
||||
p[data-lang="c"]::before {
|
||||
background-color: #555555;
|
||||
}
|
||||
|
||||
p[data-lang="c"]::after {
|
||||
content: "C";
|
||||
}
|
||||
86
static/css/portfolio.css
Normal file
86
static/css/portfolio.css
Normal file
|
|
@ -0,0 +1,86 @@
|
|||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
--extreme: white;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--extreme: black;
|
||||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
--border-color: #6e6e6f;
|
||||
--font-size-card: calc(var(--font-size) * 0.8);
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 840px; /* breakpoint */
|
||||
}
|
||||
|
||||
/* List */
|
||||
main ul {
|
||||
padding: 0;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
/* breakpoint */
|
||||
@media only screen and (max-width: 740px) {
|
||||
main ul {
|
||||
grid-template-columns: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Card */
|
||||
main li {
|
||||
display: flex;
|
||||
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
|
||||
|
||||
background: color-mix(in srgb, var(--background) 90%, var(--extreme));
|
||||
border: 1px solid
|
||||
color-mix(in srgb, var(--background) 50%, var(--border-color));
|
||||
transition: all 0.3s;
|
||||
|
||||
padding: 10px;
|
||||
margin-block: 10px;
|
||||
margin-inline: 5px;
|
||||
}
|
||||
|
||||
main li:hover {
|
||||
background: color-mix(in srgb, var(--background) 40%, var(--extreme));
|
||||
cursor: pointer;
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
/* Element */
|
||||
div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Element title */
|
||||
div h3 {
|
||||
margin-block: 0;
|
||||
}
|
||||
|
||||
/* Element description */
|
||||
span {
|
||||
margin: auto;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* Element text */
|
||||
div p,
|
||||
div a {
|
||||
font-size: var(--font-size-card);
|
||||
}
|
||||
|
||||
/* Element language */
|
||||
p[data-lang] {
|
||||
margin: 0;
|
||||
}
|
||||
|
|
@ -1,189 +1,67 @@
|
|||
/* Normal font */
|
||||
@font-face {
|
||||
font-family: "Luciole";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
src: url(/css/fonts/Luciole-Regular.ttf);
|
||||
}
|
||||
|
||||
/* Italic font */
|
||||
@font-face {
|
||||
font-family: "Luciole";
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
src: url(/css/fonts/Luciole-Regular-Italic.ttf);
|
||||
}
|
||||
|
||||
/* Bold fond */
|
||||
@font-face {
|
||||
font-family: "Luciole";
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
src: url(/css/fonts/Luciole-Bold.ttf);
|
||||
}
|
||||
|
||||
/* Bold italic font */
|
||||
@font-face {
|
||||
font-family: "Luciole";
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
src: url(/css/fonts/Luciole-Bold-Italic.ttf);
|
||||
}
|
||||
|
||||
/* Page bottom */
|
||||
footer {
|
||||
margin-top: 1em;
|
||||
height: 3rem;
|
||||
}
|
||||
|
||||
/* Regular tags */
|
||||
/* Theme of the pages */
|
||||
html {
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
height: 100%;
|
||||
scroll-behavior: smooth;
|
||||
background-color: var(--background);
|
||||
font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", system-ui;
|
||||
}
|
||||
|
||||
body {
|
||||
position: relative;
|
||||
padding-bottom: 3em;
|
||||
min-height: 90%;
|
||||
background-color: rgb(24, 24, 24);
|
||||
}
|
||||
|
||||
p,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
li,
|
||||
body,
|
||||
a {
|
||||
font-family: "Luciole", sans-serif;
|
||||
color: var(--font-color);
|
||||
font-size: var(--font-size);
|
||||
}
|
||||
|
||||
::selection {
|
||||
color: rgb(255, 255, 255);
|
||||
background: rgba(124, 75, 173, 0.486);
|
||||
a {
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
/* Frames */
|
||||
h1.subtitle {
|
||||
text-decoration: none;
|
||||
color: rgb(28, 118, 236);
|
||||
a:hover {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
h1#title {
|
||||
text-align: center;
|
||||
color: rgb(28, 236, 174);
|
||||
}
|
||||
|
||||
h2.subtitle,
|
||||
h2.subtitle a {
|
||||
color: rgb(28, 118, 236) !important;
|
||||
}
|
||||
|
||||
h3.subsubtitle,
|
||||
#content h3.subsubtitle a {
|
||||
text-align: left;
|
||||
color: rgb(149, 87, 201);
|
||||
}
|
||||
|
||||
#content h3.subsubtitle a:hover {
|
||||
color: rgb(0, 181, 236);
|
||||
transition: color 0.1s;
|
||||
}
|
||||
|
||||
div#content {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 2%;
|
||||
padding: 0.9% 0.9% 0.9% 0.9%;
|
||||
width: 42%;
|
||||
border-radius: 6px;
|
||||
border: 1px solid rgb(170, 170, 170);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 850px) {
|
||||
/* Mobile display */
|
||||
div#content {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
#content a,
|
||||
#content a:visited,
|
||||
#content ul {
|
||||
text-decoration: none;
|
||||
color: rgb(201, 201, 201);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#content p {
|
||||
text-decoration: none;
|
||||
color: rgb(201, 201, 201);
|
||||
text-align: center;
|
||||
padding: 0.7em;
|
||||
}
|
||||
|
||||
#content a:hover {
|
||||
color: rgb(0, 181, 236);
|
||||
transition: color 0.1s;
|
||||
}
|
||||
|
||||
/* https://stackoverflow.com/a/40244401/15436737 */
|
||||
|
||||
#content a {
|
||||
main {
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
font-size: var(--font-size);
|
||||
padding: 2em 1em;
|
||||
font-family: var(--font-family);
|
||||
margin: 0 auto;
|
||||
max-width: 640px; /* breakpoint */
|
||||
}
|
||||
|
||||
/* Navigation bar across all of the pages */
|
||||
header nav {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
header nav li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#content a:after {
|
||||
display: block;
|
||||
/* Maybe do this only with 'large' screens */
|
||||
header nav p::after {
|
||||
content: "·";
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
/* breakpoint */
|
||||
@media only screen and (max-width: 640px) {
|
||||
header nav p::after {
|
||||
padding: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
header nav li:last-child p::after {
|
||||
content: "";
|
||||
border-bottom: solid 3px;
|
||||
transform: scaleX(0);
|
||||
transition: transform 250ms ease-in-out;
|
||||
transform-origin: 100% 50%;
|
||||
}
|
||||
|
||||
#content a:hover:after {
|
||||
transform: scaleX(1);
|
||||
transform-origin: 0 50%;
|
||||
}
|
||||
|
||||
/* ------------------------------------------- */
|
||||
|
||||
div.subcontent {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 5%;
|
||||
padding: 1.2% 1.2% 1.2% 1.2%;
|
||||
width: 78%;
|
||||
border-radius: 6px;
|
||||
border: 1px solid rgb(170, 170, 170);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#listecontent li {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
/* Back links going to the index */
|
||||
footer.backToIndexPage {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer.backToIndexPage a {
|
||||
color: rgb(114, 180, 76);
|
||||
header nav a {
|
||||
text-decoration: none;
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
footer.backToIndexPage a:hover {
|
||||
color: rgb(152, 187, 132);
|
||||
header nav a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Hide content */
|
||||
.hide {
|
||||
display: none;
|
||||
.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
|
|
|||
32
static/js/index.js
Normal file
32
static/js/index.js
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
class Tag {
|
||||
constructor(variant, style = "") {
|
||||
this.variant = variant;
|
||||
this.style = style;
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener("load", () => {
|
||||
const tags = [
|
||||
new Tag("Comment ça marche un PC 😵💫"),
|
||||
new Tag("Idiot certifié"),
|
||||
new Tag("undefined", "font-family: monospace"),
|
||||
new Tag("/api/v1/love", "font-family: monospace"),
|
||||
new Tag("Étudiant qui va rater son master"),
|
||||
new Tag("Peak D2 sur Valo 🤡"),
|
||||
new Tag(
|
||||
"1312",
|
||||
`
|
||||
display: inline-block;
|
||||
background: linear-gradient(to bottom right, red 0%, red 50%, black 50%);
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
`
|
||||
),
|
||||
new Tag("Nul en CSS", "font-family: 'Comic Sans MS', cursive"),
|
||||
];
|
||||
|
||||
const random = Math.round(Math.random() * (tags.length - 1));
|
||||
const element = document.getElementById("subname");
|
||||
element.textContent = tags[random].variant;
|
||||
element.style = tags[random].style;
|
||||
});
|
||||
|
|
@ -1,10 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="index" lang="fr">
|
||||
<html lang="fr">
|
||||
<head dir="ltr">
|
||||
{{>head.html}}
|
||||
</head>
|
||||
<body class="index">
|
||||
<p style="color: aliceblue">404 :/</p>
|
||||
{{>footer.html}}
|
||||
<body>
|
||||
<header>{{>navbar.html}}</header>
|
||||
<main>
|
||||
{{#data}}
|
||||
|
||||
<h1>Perdu ?</h1>
|
||||
|
||||
<p>Vous pouvez revenir sur le site via :</p>
|
||||
<ul>
|
||||
<li><p>La barre de navigation</p></li>
|
||||
|
||||
<li>
|
||||
<p>
|
||||
Le <a href="{{www}} ">site internet</a> (disponible grâce au projet
|
||||
<a href="http://info.cern.ch/hypertext/WWW/TheProject.html">W3</a>).
|
||||
</p>
|
||||
</li>
|
||||
|
||||
{{#onion}}
|
||||
<li>
|
||||
<p>
|
||||
Le <a href="{{onion}} ">site onion</a> (disponible grâce au réseau
|
||||
<a href="https://www.torproject.org/">Tor</a>).
|
||||
</p>
|
||||
</li>
|
||||
{{/onion}}
|
||||
</ul>
|
||||
|
||||
{{/data}}
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,3 +0,0 @@
|
|||
<footer>
|
||||
<a href="/blog">> Retour à la liste des posts</a>
|
||||
</footer>
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<title>{{page_title}}{{#page_title}} - {{/page_title}}{{app_name}}</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="author" href="/humans.txt" />
|
||||
<link rel="alternate" type="application/rss+xml" title="RSS" href="/blog/rss" />
|
||||
|
||||
{{>icons.html}} {{>metadata.html}}
|
||||
|
|
@ -1,34 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="index" lang="fr">
|
||||
<html lang="fr">
|
||||
<head dir="ltr">
|
||||
{{>blog/head.html}}
|
||||
{{>head.html}}
|
||||
<link
|
||||
rel="alternate"
|
||||
type="application/rss+xml"
|
||||
title="RSS"
|
||||
href="/blog/rss"
|
||||
/>
|
||||
<link rel="stylesheet" href="/css/blog/index.css" />
|
||||
</head>
|
||||
<body class="index">
|
||||
{{#data}}
|
||||
<body>
|
||||
<header>{{>navbar.html}}</header>
|
||||
<main>
|
||||
{{#data}}
|
||||
|
||||
<h1>Blog</h1>
|
||||
<nav><a id="rss" href="/blog/rss">RSS</a></nav>
|
||||
<hr />
|
||||
<h1>Blog</h1>
|
||||
<p>Blog perso, je dis peut-être n'importe quoi 🫶</p>
|
||||
<a id="rss" href="/blog/rss">Lien vers le flux RSS</a>
|
||||
|
||||
{{#no_posts}}
|
||||
<h2 class="subtitle" style="text-align: center">Aucun posts</h2>
|
||||
{{/no_posts}} {{^no_posts}}
|
||||
<div class="timeline">
|
||||
{{#no_posts}}
|
||||
<h2>Aucun posts</h2>
|
||||
|
||||
{{/no_posts}} {{^no_posts}}
|
||||
<ul>
|
||||
{{#posts}}
|
||||
<li onclick="location.href='/blog/p/{{url}}';">
|
||||
<li onclick="window.open('/blog/p/{{url}}', '_parent');">
|
||||
{{>blog/date.html}}
|
||||
<div class="content">
|
||||
<h2>{{title}}</h2>
|
||||
{{#desc}}
|
||||
<p>{{desc}}</p>
|
||||
{{/desc}}
|
||||
</div>
|
||||
<h2>{{title}}</h2>
|
||||
{{#desc}}
|
||||
<p>{{desc}}</p>
|
||||
{{/desc}}
|
||||
</li>
|
||||
{{/posts}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/no_posts}} {{/data}} {{>footer.html}}
|
||||
{{/no_posts}} {{/data}}
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,15 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="index" lang="fr">
|
||||
<html lang="fr">
|
||||
<head dir="ltr">
|
||||
{{>blog/head.html}}
|
||||
{{>head.html}}
|
||||
<link
|
||||
rel="alternate"
|
||||
type="application/rss+xml"
|
||||
title="RSS"
|
||||
href="/blog/rss"
|
||||
/>
|
||||
<link rel="stylesheet" href="/css/blog/post.css" />
|
||||
{{#data}} {{#post}} {{#metadata}}
|
||||
{{#math}}{{>libs/katex_head.html}}{{/math}}
|
||||
{{#syntax_highlight}}{{>libs/hljs_head.html}}{{/syntax_highlight}}
|
||||
</head>
|
||||
<body class="index">
|
||||
<body>
|
||||
<header>
|
||||
{{#info}}
|
||||
{{>navbar.html}} {{#info}}
|
||||
<h1>{{title}}</h1>
|
||||
{{#date}} {{>blog/date.html}} {{/date}}
|
||||
<ul>
|
||||
|
|
@ -26,7 +32,7 @@
|
|||
<article>{{&content}}</article>
|
||||
{{/post}}
|
||||
</main>
|
||||
{{>blog/footer.html}} {{#post}} {{#metadata}}
|
||||
{{#post}} {{#metadata}}
|
||||
{{#mermaid}}{{>libs/mermaid_footer.html}}{{/mermaid}}
|
||||
{{#math}}{{>libs/katex_footer.html}}{{/math}}
|
||||
{{#syntax_highlight}}{{>libs/hljs_footer.html}}{{/syntax_highlight}}
|
||||
|
|
|
|||
211
templates/contact.html
Normal file
211
templates/contact.html
Normal file
|
|
@ -0,0 +1,211 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head dir="ltr">
|
||||
{{>head.html}}
|
||||
<link rel="stylesheet" href="/css/contact.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header>{{>navbar.html}}</header>
|
||||
<main>
|
||||
<h1>Contact</h1>
|
||||
<p>Je suis présent relativement partout sur internet 😸</p>
|
||||
<h2>Réseaux sociaux</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<p>
|
||||
Twitter :
|
||||
<a
|
||||
href="/contact/twitter"
|
||||
target="_blank"
|
||||
rel="noreferrer me"
|
||||
title="Compte Twitter, pour le shitposting"
|
||||
>@Mylloon</a
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
Mastodon :
|
||||
<a
|
||||
href="/contact/mastodon"
|
||||
target="_blank"
|
||||
rel="noreferrer me"
|
||||
title="Compte Mastodon, alternative à Twitter, principalement pour l'IT"
|
||||
>Mylloon@piaille.fr</a
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
Discord :
|
||||
<a
|
||||
href="/contact/discord/user"
|
||||
target="_blank"
|
||||
rel="noreferrer me"
|
||||
title="Compte Discord perso"
|
||||
>mylloon</a
|
||||
>
|
||||
et
|
||||
<a
|
||||
href="/contact/discord/guild"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
title="Serveur Discord accessible à tous, venez !"
|
||||
>mon serveur</a
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
Reddit :
|
||||
<a
|
||||
href="/contact/reddit"
|
||||
target="_blank"
|
||||
rel="noreferrer me"
|
||||
title="Compte Reddit, sert à rien"
|
||||
>mylloon</a
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
Instagram :
|
||||
<a
|
||||
href="/contact/instagram"
|
||||
target="_blank"
|
||||
rel="noreferrer me"
|
||||
title="Compte Instagram, sert à rien"
|
||||
>mylloon</a
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
Kitsu :
|
||||
<a
|
||||
href="/contact/kitsu"
|
||||
target="_blank"
|
||||
rel="noreferrer me"
|
||||
title="Compte Kitsu pour tracker d'anime/manga/webtoon"
|
||||
>Mylloon</a
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
Steam :
|
||||
<a
|
||||
href="/contact/steam"
|
||||
target="_blank"
|
||||
rel="noreferrer me"
|
||||
title="Compte Steam pour les jeux-vidéos"
|
||||
>Mylloon</a
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
Youtube :
|
||||
<a
|
||||
href="/contact/youtube"
|
||||
target="_blank"
|
||||
rel="noreferrer me"
|
||||
title="Compte YouTube, parfois je poste des vidéos JV ou IT"
|
||||
>Mylloon</a
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
Twitch :
|
||||
<a
|
||||
href="/contact/twitch"
|
||||
target="_blank"
|
||||
rel="noreferrer me"
|
||||
title="Compte Twitch, parfois je stream soit des JV soit du dev"
|
||||
>mylloon</a
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h2>Forges</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<p>
|
||||
Github :
|
||||
<a
|
||||
href="/contact/github"
|
||||
target="_blank"
|
||||
rel="noreferrer me"
|
||||
title="Compte GitHub, principalement pour les contributions"
|
||||
>Mylloon</a
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
Gitlab :
|
||||
<a
|
||||
href="/contact/gitlab"
|
||||
target="_blank"
|
||||
rel="noreferrer me"
|
||||
title="Compte Gitlab, sert à rien"
|
||||
>Mylloon</a
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
Codeberg :
|
||||
<a
|
||||
href="/contact/codeberg"
|
||||
target="_blank"
|
||||
rel="noreferrer me"
|
||||
title="Compte Codeberg, pas utilisé mais j'adore Codeberg !"
|
||||
>Mylloon</a
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
Forgejo (mon instance) :
|
||||
<a
|
||||
href="/contact/forgejo"
|
||||
target="_blank"
|
||||
rel="noreferrer me"
|
||||
title="Compte Forgejo, là où il y a tout mes projets, hébergé par mes soins"
|
||||
>Anri</a
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h2>Autre</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<p>
|
||||
Mail :
|
||||
<a
|
||||
href="mailto:kennel.anri%20at%20tutanota.com"
|
||||
title="kennel.anri at tutanota.com"
|
||||
>kennel.anri at tutanota.com</a
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
Keyoxide :
|
||||
<a
|
||||
href="/contact/keyoxide"
|
||||
target="_blank"
|
||||
rel="noreferrer me"
|
||||
title="Page Keyoxide, vérifie l'appartenance de la majorité des comptes mentionné ici via GPG"
|
||||
>Mylloon</a
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,42 +1,72 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="index" lang="fr">
|
||||
<html lang="fr">
|
||||
<head dir="ltr">
|
||||
{{>head.html}}
|
||||
<link rel="stylesheet" href="/css/contrib.css" />
|
||||
</head>
|
||||
<body>
|
||||
{{#data}} {{#error}}
|
||||
<div id="content">
|
||||
<p>Github ne veut pas que tu vois ces informations...</p>
|
||||
</div>
|
||||
{{/error}} {{^error}}
|
||||
<div id="content">
|
||||
<h1 class="subtitle">Mes contributions</h1>
|
||||
<!-- Add URL? -->
|
||||
<header>{{>navbar.html}}</header>
|
||||
{{#data}}
|
||||
<main>
|
||||
<h1>Mes contributions GitHub</h1>
|
||||
{{#error}}
|
||||
<p>GitHub ne veut pas que tu vois ces informations...</p>
|
||||
{{/error}} {{^error}}
|
||||
|
||||
<!-- Add URL of projects repo to projects title? -->
|
||||
{{#projects}}
|
||||
<h2 class="subtitle">{{name}}</h2>
|
||||
<p>
|
||||
<h2>{{name}}</h2>
|
||||
<ul>
|
||||
{{#pulls_merged}}
|
||||
<a target="_blank" title="{{title}} " href="{{url}} ">#{{id}}</a>
|
||||
<li>
|
||||
<!-- prettier-ignore -->
|
||||
<p>
|
||||
<a
|
||||
href="{{url}} "
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
title="{{title}} "
|
||||
>#{{id}}</a></p>
|
||||
</li>
|
||||
|
||||
{{/pulls_merged}}
|
||||
</p>
|
||||
</ul>
|
||||
{{/projects}}
|
||||
<h1 class="subtitle">En attente</h1>
|
||||
<p>
|
||||
|
||||
<h1>En attente</h1>
|
||||
<ul>
|
||||
{{#waiting}} {{#pulls_open}}
|
||||
<a target="_blank" title="{{title}} " href="{{url}} "
|
||||
>{{name_repo}}#{{id}}</a
|
||||
>
|
||||
<li>
|
||||
<!-- prettier-ignore -->
|
||||
<p>
|
||||
<a
|
||||
href="{{url}} "
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
title="{{title}} "
|
||||
>{{name_repo}}#{{id}}</a
|
||||
></p>
|
||||
</li>
|
||||
{{/pulls_open}} {{/waiting}}
|
||||
</p>
|
||||
<h1 class="subtitle">Non mergées</h1>
|
||||
<p>
|
||||
</ul>
|
||||
|
||||
<h1>Non mergées</h1>
|
||||
<ul>
|
||||
{{#closed}} {{#pulls_closed}}
|
||||
<a target="_blank" title="{{title}} " href="{{url}} "
|
||||
>{{name_repo}}#{{id}}</a
|
||||
>
|
||||
<li>
|
||||
<!-- prettier-ignore -->
|
||||
<p>
|
||||
<a
|
||||
href="{{url}} "
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
title="{{title}} "
|
||||
>{{name_repo}}#{{id}}</a
|
||||
></p>
|
||||
</li>
|
||||
{{/pulls_closed}} {{/closed}}
|
||||
</p>
|
||||
</div>
|
||||
{{/error}} {{/data}} {{>footer.html}}
|
||||
</ul>
|
||||
</main>
|
||||
{{/error}} {{/data}}
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,3 +0,0 @@
|
|||
<footer class="backToIndexPage">
|
||||
<a href="/">Retour à la page principale</a>
|
||||
</footer>
|
||||
|
|
@ -6,4 +6,5 @@
|
|||
|
||||
{{>icons.html}} {{>metadata.html}}
|
||||
|
||||
<link rel="stylesheet" href="/css/constants.css" />
|
||||
<link rel="stylesheet" href="/css/style.css" />
|
||||
|
|
|
|||
|
|
@ -1,14 +1,77 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="index" lang="fr">
|
||||
<html lang="fr">
|
||||
<head dir="ltr">
|
||||
{{>head.html}}
|
||||
<link rel="stylesheet" href="/css/index.css" />
|
||||
</head>
|
||||
<body class="index">
|
||||
<div id="content">
|
||||
<p style="font-weight: bold;"><a href="/blog">Blog</a></p>
|
||||
<p><a href="/portfolio">Portfolio</a></p>
|
||||
<p><a href="/networks">Réseaux</a></p>
|
||||
<p><a href="/contrib">Contributions</a></p>
|
||||
<p><a href="https://liv.mylloon.fr">Cours</a> (external)</p>
|
||||
<body>
|
||||
<header>{{>navbar.html}}</header>
|
||||
<main>
|
||||
{{#data}}
|
||||
|
||||
<div>
|
||||
<span id="name">{{fullname}}</span>
|
||||
<span id="pronouns">(il/lui, he/him)</span>
|
||||
<img
|
||||
id="avatar"
|
||||
src="/icons/apple-touch-icon.png"
|
||||
alt="Avatar"
|
||||
title="Mon avatar, dessiné un jour super rapidement sur Gimp."
|
||||
loading="lazy"
|
||||
/>
|
||||
</div>
|
||||
<p id="subname"></p>
|
||||
|
||||
<article>
|
||||
<h1>Bienvenue !</h1>
|
||||
<p>Content de vous voir ici !</p>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>Qui suis-je ?</h1>
|
||||
<p>Je m'appelle <b>Anri</b>, mon pseudo est <b>Mylloon</b>.</p>
|
||||
<p>
|
||||
J'aime beaucoup l'informatique depuis très petit, ce site est écrit de
|
||||
A à Z par moi-même (modulo la quantité astronomique de librairie
|
||||
utilisé) en Rust. J'adore le monde de l'open source, l'immense
|
||||
majorité de mes projets sont sous licence
|
||||
<a
|
||||
href="https://en.wikipedia.org/wiki/GNU_Affero_General_Public_License"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>AGPLv3</a
|
||||
>.
|
||||
</p>
|
||||
<p>
|
||||
Vous pouvez voir mon <a href="/portfolio">portfolio ici</a>, ainsi que
|
||||
mes <a href="/contrib">contributions sur GitHub ici</a>. Il m'arrive
|
||||
aussi, parfois, d'écrire <a href="/blog">sur mon blog</a>.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article id="friends">
|
||||
<h1>Personnes incroyables</h1>
|
||||
<a
|
||||
href="https://github.com/2-1-1-2"
|
||||
title="GitHub de 21_12"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
><img src="/badges/friends/21_12.webp" alt="21_12" loading="lazy"
|
||||
/></a>
|
||||
<a
|
||||
href="https://twitter.com/azazouille_"
|
||||
title="Twitter de Azazouille"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
><img
|
||||
src="/badges/friends/azazouille.webp"
|
||||
alt="Azazouille"
|
||||
loading="lazy"
|
||||
/></a>
|
||||
</article>
|
||||
|
||||
{{/data}}
|
||||
</main>
|
||||
<script src="/js/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
57
templates/navbar.html
Normal file
57
templates/navbar.html
Normal file
|
|
@ -0,0 +1,57 @@
|
|||
{{#data}}{{#navbar}}
|
||||
<nav>
|
||||
<!-- prettier-ignore -->
|
||||
<ul>
|
||||
<li>
|
||||
|
||||
<p><a class="_ {{#index}}bold{{/index}}" href="/" title="Page principale"
|
||||
>Infos</a
|
||||
></p>
|
||||
|
||||
</li><li>
|
||||
|
||||
<p><a class="_ {{#blog}}bold{{/blog}}" href="/blog" title="Page de blog"
|
||||
>Blog</a
|
||||
></p>
|
||||
|
||||
</li><li>
|
||||
|
||||
<p><a
|
||||
class="_ {{#portfolio}}bold{{/portfolio}}"
|
||||
href="/portfolio"
|
||||
title="Page du portfolio"
|
||||
>Portfolio</a
|
||||
></p>
|
||||
|
||||
</li><li>
|
||||
|
||||
<p><a
|
||||
class="_ {{#contact}}bold{{/contact}}"
|
||||
href="/contact"
|
||||
title="Page de contact"
|
||||
>Contact</a
|
||||
></p>
|
||||
|
||||
</li><li>
|
||||
|
||||
<p><a
|
||||
class="_ {{#contrib}}bold{{/contrib}}"
|
||||
href="/contrib"
|
||||
title="Page des contributions GitHub"
|
||||
>Contributions</a
|
||||
></p>
|
||||
|
||||
</li><li>
|
||||
|
||||
<p><a
|
||||
class="_ {{#cours}}bold{{/cours}}"
|
||||
href="https://univ.mylloon.fr"
|
||||
title="Page des notes de cours"
|
||||
target="_blank"
|
||||
>Cours</a
|
||||
></p>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
{{/navbar}}{{/data}}
|
||||
|
|
@ -1,107 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="index" lang="fr">
|
||||
<head dir="ltr">
|
||||
{{>head.html}}
|
||||
</head>
|
||||
<body>
|
||||
<div id="content">
|
||||
<h1 class="subtitle">Contacts et <em>réseaux sociaux</em></h1>
|
||||
<p>
|
||||
<a
|
||||
rel="me"
|
||||
href="mailto:kennel.anri@tutanota.com"
|
||||
title="kennel dot anri at tutanota dot com"
|
||||
>Email</a
|
||||
>
|
||||
</p>
|
||||
<p>
|
||||
<a target="_blank" rel="me" href="https://twitter.com/Mylloon"
|
||||
>Twitter</a
|
||||
> /
|
||||
<a
|
||||
target="_blank"
|
||||
rel="me"
|
||||
title="Alternative à Twitter"
|
||||
href="https://piaille.fr/@mylloon"
|
||||
>Mastodon</a
|
||||
>
|
||||
</p>
|
||||
<p>
|
||||
<a
|
||||
target="_blank"
|
||||
rel="me"
|
||||
href="https://discord.com/users/158260864623968257/"
|
||||
>Compte</a
|
||||
> et
|
||||
<a target="_blank" rel="me" href="https://discord.gg/Z5ePxH4">Serveur</a
|
||||
> Discord /
|
||||
<a target="_blank" rel="me" href="https://rvlt.gg/MftpJ98t"
|
||||
>Serveur Revolt</a
|
||||
>
|
||||
</p>
|
||||
<p>
|
||||
<a target="_blank" rel="me" href="https://www.reddit.com/user/mylloon"
|
||||
>Reddit</a
|
||||
>
|
||||
</p>
|
||||
<p>
|
||||
<a target="_blank" rel="me" href="https://www.instagram.com/myshawi/"
|
||||
>Instagram</a
|
||||
> /
|
||||
<a
|
||||
target="_blank"
|
||||
rel="me"
|
||||
title="Alternative à Instagram"
|
||||
href="https://pixelfed.social/@mylloon"
|
||||
>Pixelfed</a
|
||||
>
|
||||
</p>
|
||||
<p>
|
||||
<a target="_blank" rel="me" href="https://github.com/Mylloon">Github</a
|
||||
> /
|
||||
<a target="_blank" rel="me" href="https://gitlab.com/Mylloon">Gitlab</a
|
||||
> /
|
||||
<a target="_blank" rel="me" href="https://codeberg.org/Mylloon"
|
||||
>Codeberg</a
|
||||
> /
|
||||
<a target="_blank" rel="me" href="https://git.mylloon.fr/Anri"
|
||||
>Mon Git</a
|
||||
>
|
||||
</p>
|
||||
<p>
|
||||
<a
|
||||
target="_blank"
|
||||
rel="me"
|
||||
title="Anime tracker"
|
||||
href="https://kitsu.io/users/Mylloon/library?status=completed"
|
||||
>Kitsu</a
|
||||
>
|
||||
</p>
|
||||
<p>
|
||||
<a
|
||||
target="_blank"
|
||||
rel="me"
|
||||
href="https://steamcommunity.com/id/mylloon/"
|
||||
>Steam</a
|
||||
>
|
||||
</p>
|
||||
<p>
|
||||
<a target="_blank" rel="me" href="https://www.youtube.com/c/Mylloon"
|
||||
>Youtube</a
|
||||
> /
|
||||
<a target="_blank" rel="me" href="https://www.twitch.tv/mylloon"
|
||||
>Twitch</a
|
||||
>
|
||||
</p>
|
||||
<p>
|
||||
<a
|
||||
target="_blank"
|
||||
rel="me"
|
||||
href="https://keyoxide.org/27024A99057E58B8087A5022A82D63DFF8D1317F"
|
||||
>Keyoxide</a
|
||||
>
|
||||
</p>
|
||||
</div>
|
||||
{{>footer.html}}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,50 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="index" lang="fr">
|
||||
<html lang="fr">
|
||||
<head dir="ltr">
|
||||
{{>head.html}}
|
||||
<link rel="stylesheet" href="/css/portfolio.css" />
|
||||
<link rel="stylesheet" href="/css/languages.css" />
|
||||
</head>
|
||||
<body>
|
||||
{{#data}}
|
||||
<h1 id="title">Projets qui me tiennent à coeur</h1>
|
||||
<div id="content">
|
||||
<h2 class="subtitle">Bots</h2>
|
||||
<div class="subcontent">
|
||||
{{#bots_app}} {{#metadata}} {{#info}}
|
||||
<h3 class="subsubtitle">
|
||||
<a target="_blank" href="{{link}} ">{{title}}</a>
|
||||
</h3>
|
||||
{{/info}} {{/metadata}}
|
||||
<div class="subcontent">{{&content}}</div>
|
||||
{{/bots_app}} {{^bots_app}}
|
||||
<p>{{bots_loc}} {{err_msg}}</p>
|
||||
{{/bots_app}}
|
||||
<br />
|
||||
</div>
|
||||
<h2 class="subtitle">
|
||||
<a target="_blank" href="https://git.mylloon.fr/Paris8"
|
||||
>Projet de l'université</a
|
||||
>
|
||||
</h2>
|
||||
<div class="subcontent">
|
||||
{{&univ_content}} {{^univ_content}}
|
||||
<p>{{univ_loc}} {{err_msg}}</p>
|
||||
{{/univ_content}}
|
||||
</div>
|
||||
<header>{{>navbar.html}}</header>
|
||||
<main>
|
||||
{{#data}}
|
||||
<h1>Portfolio</h1>
|
||||
<p>
|
||||
Je programme depuis 2018 et j'ai appris une multitude de langages
|
||||
depuis. Étant passionné de logiciels libres depuis ma licence
|
||||
d'informatique à Paris 8, je publie tout sur des forges publiques.
|
||||
</p>
|
||||
|
||||
<h2 class="subtitle">Projets perso</h2>
|
||||
<div class="subcontent">
|
||||
{{#persos_app}} {{#metadata}} {{#info}}
|
||||
<h3 class="subsubtitle">
|
||||
<a target="_blank" href="{{link}} ">{{title}}</a>
|
||||
</h3>
|
||||
{{/info}} {{/metadata}}
|
||||
<div class="subcontent">{{&content}}</div>
|
||||
{{/persos_app}} {{^persos_app}}
|
||||
<p>{{persos_loc}} {{err_msg}}</p>
|
||||
{{/persos_app}}
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
{{/data}} {{>footer.html}}
|
||||
{{#location_apps}}
|
||||
<!-- Error message -->
|
||||
<p>{{location_apps}} {{err_msg}}</p>
|
||||
{{/location_apps}} {{^location_apps}}
|
||||
|
||||
<h2>Projets</h2>
|
||||
<ul>
|
||||
{{#apps}} {{#metadata}} {{#info}}
|
||||
<li onclick="window.open('{{link}}', '_blank', 'noreferrer');">
|
||||
<div>
|
||||
<h3>{{title}}</h3>
|
||||
<span>{{&content}}</span> {{#language}}
|
||||
<p data-lang="{{language}}"></p>
|
||||
{{/language}}
|
||||
</div>
|
||||
</li>
|
||||
{{/info}} {{/metadata}} {{/apps}}
|
||||
</ul>
|
||||
{{/location_apps}} {{/data}}
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in a new issue