tanguy/tanguy.gerome.fi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Local changes for exporting resume pdf

Browse source
This commit is contained in:
Tanguy Gérôme 2025-08-30 11:19:53 +03:00
parent 47e4cccb5d
commit 825670e103
Signed by untrusted user who does not match committer: tanguy
GPG key ID: 10B2947233740B88
2 changed files with 59 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
src/app.rs
View file

@ -1,5 +1,5 @@
use leptos::prelude::*;
use leptos_meta::{provide_meta_context, MetaTags, Stylesheet, Title};
use leptos_meta::{provide_meta_context, MetaTags, Style, Stylesheet, Title};
use leptos_router::{
components::{Outlet, ParentRoute, Route, Router, Routes, A}, path
};
@ -198,11 +198,44 @@ pub fn Resume() -> impl IntoView {
let resume = Resource::new(move || i18n.get_locale(), move |locale| get_resume(locale.to_string()));
view! {
<main class="main-width">
<Title text="tanguy.gerome.cv"/>
<Style>
"
header, footer {
display: none!important;
}
h1, h2 {
color: #317349!important;
}
h1 {
margin-top: 16px!important;
}
h2 {
margin-top: 32px!important;
}
a {
text-decoration: none;
color: #0F0F0F!important;
}
main {
margin-top: 0!important;
}
"
</Style>
<picture class="resume-image">
<img
class="resume-image"
src="https://directus.gerome.fi/assets/0c33f439-4e1b-4a1f-a1ab-df1cc9b60f23?width=600&height=600&fit=cover&format=auto&quality=90&withoutEnlargement=true"
alt="Tanguy Gérôme - portait"
// src="https://directus.gerome.fi/assets/0c33f439-4e1b-4a1f-a1ab-df1cc9b60f23?width=600&height=600&fit=cover&format=auto&quality=90&withoutEnlargement=true"
// src="https://directus.gerome.fi/assets/efdc0b69-7a48-4434-bf07-d406e42a971e?width=1600&fit=inside&format=auto&quality=95&withoutEnlargement=true"
src="https://directus.gerome.fi/assets/4f4838be-9eb2-4a55-95de-8fe5c86f935a?width=600&height=600&fit=cover&format=auto&quality=90&withoutEnlargement=true"
alt="Image by Jutta Kivilompolo"
/>
<label for="">Image by Jutta Kivilompolo</label>
</picture>
<Suspense
fallback=move || view! { <div>"Loading..."</div> }
>

23
style/main.scss
View file

@ -257,9 +257,11 @@ body {
.resume-image {
float: right;
max-width: 300px;
width: 100%;
margin: 16px;
height: 300px;
width: 300px;
margin: 0px;
margin-top: 0px;
object-fit: cover;
@media all and (max-width: 550px) {
float: unset;
@ -268,6 +270,17 @@ body {
margin-top: 16px;
margin-bottom: 16px;
}
>img {
max-width: 100%;
max-height: 100%;
}
label {
display: block;
text-align: center;
font-size: 10px;
}
}
.gallery-entries, .blog-entries {
@ -289,9 +302,13 @@ body {
.blog-illustration {
position: relative;
height: min(60vh, 75vw);
display: flex;
img {
max-height: 60vh;
height: 100%;
width: 100vw;
max-width: 100vw;
object-fit: cover;