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:
parent
6341a1cd3f
commit
e555e4917c
2
public/styles/tailwind.min.css
vendored
2
public/styles/tailwind.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1,7 +1,6 @@
|
||||
|
||||
Welcome, and I hope you enjoy your stay!\
|
||||
"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.\
|
||||
Welcome to the Void! \
|
||||
\
|
||||
🖤 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*
|
@ -34,7 +34,7 @@ _I'm still not done_ \
|
||||
_Glad that I'm not_ \
|
||||
_The only one_ \
|
||||
_Hope you think about me_ \
|
||||
_Hope you think about me_ \
|
||||
_Hope you think about me_
|
||||
|
||||
_I'm marching toward this new horizon_ \
|
||||
_With my hopes and dreams in tact_ \
|
||||
|
@ -8,13 +8,13 @@ pub fn RenderContent(cx: Scope<ContentProps>) -> Element {
|
||||
let content = &cx.props.content;
|
||||
#[cfg(any(target_family = "windows", target_family = "unix"))]
|
||||
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}",
|
||||
}
|
||||
});
|
||||
#[cfg(target_family = "wasm")]
|
||||
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}",
|
||||
}
|
||||
});
|
||||
|
@ -7,7 +7,7 @@ pub fn PageBase<'a>(cx: Scope<'a, PageChildren<'a>>) -> Element {
|
||||
a { rel: "me", href: "https://yiff.life/@werefox", "Mastodon" }
|
||||
}
|
||||
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 }
|
||||
}
|
||||
})
|
||||
}
|
||||
|
@ -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}",
|
||||
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")]
|
||||
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! {
|
||||
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}",
|
||||
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",
|
||||
dangerous_inner_html: "{content}{creation_date}",
|
||||
div { class: "flex flex-col space-y-4 py-4 ml-4 mr-4",
|
||||
dangerous_inner_html: "{content}{publish_string}{creation_date}",
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -6,6 +6,13 @@ module.exports = {
|
||||
"./target/**/*.{rs,html,js,ts,jsx,tsx,ttf}",
|
||||
],
|
||||
theme: {
|
||||
container: {
|
||||
center: true,
|
||||
padding: {
|
||||
DEFAULT: "1rem",
|
||||
xl: "0rem",
|
||||
}
|
||||
},
|
||||
extend: {
|
||||
fontFamily: {
|
||||
nerd: ["DejaVuSansMono"],
|
||||
|
Loading…
Reference in New Issue
Block a user