Minor poem edit, minor visual style edits. Large screens now have a max width so poems don't expand out unnecessarily.

This commit is contained in:
Ada Werefox 2023-06-14 15:46:55 -05:00
parent 6341a1cd3f
commit e555e4917c
7 changed files with 21 additions and 13 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,6 @@
Welcome, and I hope you enjoy your stay!\ Welcome to the Void! \
"A Letter to the Void" is a passion project of mine in which I wrote poems about my past life experiences, present, and hopes for the future throughout my transition.\
The topics range from my feelings through transitioning (of course), past abuse, mental health exploration, and an overall journey to grow and become a better creature.\
I hope you enjoy the time you spend here, and sincerely, thank you.\
\ \
🖤 Alice Icehart Werefox "A Letter to the Void" is a passion project of mine in which I wrote poems about my past life experiences, present, and hopes for the future throughout my transition. The topics range from my feelings through transitioning (of course), past abuse, mental health exploration, and an overall journey to grow and become a better creature. I hope you enjoy the time you spend here, and sincerely, thank you. \
\
🖤 *Alice Icehart Werefox*

View File

@ -34,7 +34,7 @@ _I'm still not done_ \
_Glad that I'm not_ \ _Glad that I'm not_ \
_The only one_ \ _The only one_ \
_Hope you think about me_ \ _Hope you think about me_ \
_Hope you think about me_ \ _Hope you think about me_
_I'm marching toward this new horizon_ \ _I'm marching toward this new horizon_ \
_With my hopes and dreams in tact_ \ _With my hopes and dreams in tact_ \

View File

@ -8,13 +8,13 @@ pub fn RenderContent(cx: Scope<ContentProps>) -> Element {
let content = &cx.props.content; let content = &cx.props.content;
#[cfg(any(target_family = "windows", target_family = "unix"))] #[cfg(any(target_family = "windows", target_family = "unix"))]
return cx.render(rsx!{ return cx.render(rsx!{
div { class: "flex p-4 md:pl-8 md:pr-8 ml-2 mr-2 text-lg text-center ring-4 {user_theme} {user_font}", div { class: "flex p-4 md:pl-8 md:pr-8 ml-4 mr-4 text-md text-center ring-4 {user_theme} {user_font}",
"{content}", "{content}",
} }
}); });
#[cfg(target_family = "wasm")] #[cfg(target_family = "wasm")]
return cx.render(rsx!{ return cx.render(rsx!{
div { class: "flex p-4 md:pl-8 md:pr-8 ml-2 mr-2 text-lg text-center ring-4 {user_theme} {user_font}", div { class: "flex p-4 md:pl-8 md:pr-8 ml-4 mr-4 text-md text-center ring-4 {user_theme} {user_font}",
dangerous_inner_html: "{content}", dangerous_inner_html: "{content}",
} }
}); });

View File

@ -7,7 +7,7 @@ pub fn PageBase<'a>(cx: Scope<'a, PageChildren<'a>>) -> Element {
a { rel: "me", href: "https://yiff.life/@werefox", "Mastodon" } a { rel: "me", href: "https://yiff.life/@werefox", "Mastodon" }
} }
div { class: "min-h-screen", div { class: "min-h-screen",
div { class: "container space-y-4 mx-auto p-4", &cx.props.children } div { class: "container space-y-4 pt-4 pb-4 max-w-3xl", &cx.props.children }
} }
}) })
} }

View File

@ -67,19 +67,21 @@ pub fn PoemContent(cx: Scope<VoidProps>) -> Element {
details { class: "group p-4 max-w-fit space-y-4 ring-4 {user_theme} {user_font}", details { class: "group p-4 max-w-fit space-y-4 ring-4 {user_theme} {user_font}",
summary { class: "group-open:before:content-['Close'] before:content-['Open'] flex justify-center p-2 hover:animate-yip transition ring-2 {user_theme} {user_font}", summary { class: "group-open:before:content-['Close'] before:content-['Open'] flex justify-center p-2 hover:animate-yip transition ring-2 {user_theme} {user_font}",
} }
div { class: "flex flex-col space-y-4 py-4", "{content}{creation_date}" div { class: "flex flex-col space-y-4 py-4 ml-4 mr-4", "{content}\n\n\nPublished: {creation_date}"
} }
} }
} }
}); });
#[cfg(target_family = "wasm")] #[cfg(target_family = "wasm")]
let publish_string = "\u{003C}br\u{003E}\u{003C}br\u{003E}\u{003C}br\u{003E}Published: ";
#[cfg(target_family = "wasm")]
return cx.render(rsx! { return cx.render(rsx! {
div { class: "flex p-2 mx-auto max-w-full justify-center", div { class: "flex p-2 mx-auto max-w-full justify-center",
details { class: "group p-4 max-w-fit space-y-4 ring-4 {user_theme} {user_font}", details { class: "group p-4 max-w-fit space-y-4 ring-4 {user_theme} {user_font}",
summary { class: "group-open:before:content-['Close'] before:content-['Open'] flex justify-center p-2 hover:animate-yip transition ring-2 {user_theme} {user_font}", summary { class: "group-open:before:content-['Close'] before:content-['Open'] flex justify-center p-2 hover:animate-yip transition ring-2 {user_theme} {user_font}",
} }
div { class: "flex flex-col space-y-4 py-4", div { class: "flex flex-col space-y-4 py-4 ml-4 mr-4",
dangerous_inner_html: "{content}{creation_date}", dangerous_inner_html: "{content}{publish_string}{creation_date}",
} }
} }
} }

View File

@ -6,6 +6,13 @@ module.exports = {
"./target/**/*.{rs,html,js,ts,jsx,tsx,ttf}", "./target/**/*.{rs,html,js,ts,jsx,tsx,ttf}",
], ],
theme: { theme: {
container: {
center: true,
padding: {
DEFAULT: "1rem",
xl: "0rem",
}
},
extend: { extend: {
fontFamily: { fontFamily: {
nerd: ["DejaVuSansMono"], nerd: ["DejaVuSansMono"],