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

void-fe/data/other/homepage.md

@@ -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*

void-fe/data/poems/2023-06-14_hope-you-think-about-me.md

@@ -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_ \

void-fe/src/components/void_content.rs

@@ -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}",
         }
     });

void-fe/src/components/void_page.rs

@@ -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 }
         }
     })
 }

void-fe/src/components/void_poem.rs

@@ -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", 
+                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}",
                 }
             }
         }

void-fe/tailwind.config.js

@@ -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"],