🚸 [homepage] Mejora presentación de la página

pagetop/config/settings.predefined.toml

@@ -31,7 +31,7 @@ max_pool_size = 5
 # se integran de manera predeterminada en el binario ejecutable. Sin embargo, es
 # útil servir estos archivos desde su propio directorio durante el desarrollo ya
 # que no requiere compilar cada vez que se modifican. En este caso, normalmente,
-# basta con indicar el directorio "pagetop/static".
+# basta con indicar el directorio "../pagetop/static".
 static_files = ""
 
 [log]

pagetop/src/base/module/homepage.rs

@@ -45,7 +45,7 @@ fn hello_world() -> Container {
             .with_column(
                 grid::Column::new()
                     .with_classes(ClassesOp::Add, "hello-col-text")
-                    .with_size(grid::ColumnSize::Is4of12)
+                    .with_size(grid::ColumnSize::Is5of12)
                     .with_component(
                         Heading::h1(html! {
                             (l("page_title"))
@@ -55,19 +55,26 @@ fn hello_world() -> Container {
                     .with_component(
                         Paragraph::with(html! {
                             (e("hello_intro", &args![
-                                "app" => format!("<span class=\"app-name\">{}</span>", &SETTINGS.app.name)
+                                "app" => format!(
+                                    "<span class=\"app-name\">{}</span>",
+                                    &SETTINGS.app.name,
+                                )
                             ]))
                         })
                         .with_display(ParagraphDisplay::Small),
                     )
                     .with_component(Paragraph::with(html! {
                         (e("hello_powered", &args![
-                            "pagetop" => "<a href=\"https://pagetop.cillero.es\" target=\"_blank\">PageTop</a>"
+                            "pagetop" => format!(
+                                "<a href=\"{}\" target=\"_blank\">{}</a>",
+                                "https://pagetop.cillero.es",
+                                "PageTop",
+                            )
                         ]))
                     }))
                     .with_component(
                         Anchor::button(
-                            "https://gitlab.com/manuelcillero/pagetop",
+                            "https://github.com/manuelcillero/pagetop",
                             html! { (l("hello_code")) },
                         )
                         .with_target(AnchorTarget::Blank)
@@ -86,8 +93,8 @@ fn hello_world() -> Container {
             .with_column(
                 grid::Column::new()
                     .with_classes(ClassesOp::Add, "hello-col-image")
-                    .with_component(Image::new_with_source("/theme/images/demo-header.svg")),
+                    .with_component(Image::new_with_source("/theme/images/homepage-header.svg")),
-            ),
+            )
     )
 }
 
@@ -122,7 +129,7 @@ fn about_pagetop() -> Container {
                 grid::Column::new()
                     .with_classes(ClassesOp::Add, "pagetop-col-image")
                     .with_size(grid::ColumnSize::Is5of12)
-                    .with_component(Image::new_with_source("/theme/images/demo-about.svg")),
+                    .with_component(Image::new_with_source("/theme/images/homepage-about.svg")),
             )
             .with_column(
                 grid::Column::new()
@@ -140,21 +147,21 @@ fn about_pagetop() -> Container {
                         (l("pagetop_text2"))
                     }))
                     .with_component(Paragraph::with(html! {
-                        (l("pagetop_text3"))
+                        (e("pagetop_text3", &args![
+                            "pagetop_website" => format!(
+                                "<a href=\"{}\" target=\"_blank\">{}</a>",
+                                "https://docs.rs/pagetop/latest/pagetop",
+                                l("pagetop_website"),
+                            )
+                        ]))
                     })),
-            ),
+            )
     )
 }
 
 fn promo_pagetop() -> Container {
     Container::new().with_id("promo").with_component(
         grid::Row::new()
-            .with_column(
-                grid::Column::new()
-                    .with_classes(ClassesOp::Add, "promo-col-image")
-                    .with_size(grid::ColumnSize::Is5of12)
-                    .with_component(Image::new_with_source("/theme/images/demo-pagetop.svg")),
-            )
             .with_column(
                 grid::Column::new()
                     .with_classes(ClassesOp::Add, "promo-col-text")
@@ -164,22 +171,37 @@ fn promo_pagetop() -> Container {
                     .with_component(
                         Paragraph::with(html! {
                             (e("pagetop_promo_text1", &args![
-                                "pagetop" => "<a href=\"https://pagetop-rs\">PageTop</a>"
+                                "pagetop" => format!(
+                                    "<a href=\"{}\" target=\"_blank\">{}</a>",
+                                    "https://crates.io/crates/pagetop",
+                                    "PageTop",
+                                )
                             ]))
                         })
                         .with_display(ParagraphDisplay::Small),
                     ),
-            ),
+            )
+            .with_column(
+                grid::Column::new()
+                    .with_classes(ClassesOp::Add, "promo-col-image")
+                    .with_size(grid::ColumnSize::Is6of12)
+                    .with_component(Image::new_with_source("/theme/images/homepage-pagetop.png")),
+            )
     )
 }
 
 fn reporting_problems() -> Container {
     Container::new().with_id("reporting").with_component(
         grid::Row::new()
+            .with_column(
+                grid::Column::new()
+                    .with_classes(ClassesOp::Add, "reporting-col-image")
+                    .with_component(Image::new_with_source("/theme/images/homepage-support.jpg")),
+            )
             .with_column(
                 grid::Column::new()
                     .with_classes(ClassesOp::Add, "reporting-col-text")
-                    .with_size(grid::ColumnSize::Is7of12)
+                    .with_size(grid::ColumnSize::Is6of12)
                     .with_component(Heading::h2(html! {
                         (l("report_problems_title"))
                     }))
@@ -193,10 +215,5 @@ fn reporting_problems() -> Container {
                         (l("report_problems_text2"))
                     })),
             )
-            .with_column(
-                grid::Column::new()
-                    .with_classes(ClassesOp::Add, "reporting-col-image")
-                    .with_component(Image::new_with_source("/theme/images/demo-pagetop.svg")),
-            ),
     )
 }

pagetop/src/base/module/homepage/locales/en-US/homepage.ftl

@@ -8,7 +8,7 @@ hello_powered = This web solution is powered by { $pagetop }.
 hello_code = Code
 hello_welcome = Welcome
 
-welcome_page = Welcome Page
+welcome_page = Welcome page
 welcome_subtitle = Are you user of { $app }?
 welcome_text1 = If you don't know what this page is about, this probably means that the site is either experiencing problems or is undergoing routine maintenance.
 welcome_text2 = If the problem persists, please contact your system administrator.
@@ -16,11 +16,12 @@ welcome_text2 = If the problem persists, please contact your system administrato
 pagetop_title = About PageTop
 pagetop_text1 = If you can read this page, it means that the PageTop server is working properly, but has not yet been configured.
 pagetop_text2 = PageTop defines an interface for the most stable and popular Rust packages to build modular, extensible and configurable web solutions.
-pagetop_text3 = For information on PageTop please visit the "PageTop website".
+pagetop_text3 = For more information on PageTop please visit the { $pagetop_website }.
+pagetop_website = technical documentation
 
 pagetop_promo_title = Promoting PageTop
 pagetop_promo_text1 = You are free to use the image below on applications powered by { $pagetop }. Thanks for using PageTop!
 
-report_problems_title = Reporting Problems
+report_problems_title = Reporting problems
-report_problems_text1 = Please use the GitLab tool to report bugs in PageTop. However, check "existing bug reports" before reporting a new bug.
+report_problems_text1 = Please use the GitHub tool to report bugs in PageTop. However, check "existing bug reports" before reporting a new bug.
-report_problems_text2 = Please report bugs specific to modules (such as admin, and others) to respective packages, not to PageTop itself.
+report_problems_text2 = Please report bugs specific to modules (such as admin, and others) to respective repositories, not to PageTop itself.

pagetop/src/base/module/homepage/locales/es-ES/homepage.ftl

@@ -4,23 +4,24 @@ module_description = Muestra una página de demostración predeterminada cuando
 page_title = ¡Hola mundo!
 
 hello_intro = Esta página se utiliza para comprobar el correcto funcionamiento de { $app } después de la instalación.
-hello_powered = Una solución web creada con { $pagetop }.
+hello_powered = Esta solución web funciona con { $pagetop }.
 hello_code = Código
 hello_welcome = Bienvenida
 
 welcome_page = Página de bienvenida
-welcome_subtitle = ¿Utilizas los servicios de { $app }?
+welcome_subtitle = ¿Eres usuario de { $app }?
 welcome_text1 = Si no sabes de qué trata esta página, probablemente significa que el sitio está experimentando problemas o está pasando por un mantenimiento de rutina.
 welcome_text2 = Si el problema persiste, póngase en contacto con el administrador del sistema.
 
 pagetop_title = Sobre PageTop
 pagetop_text1 = Si puedes leer esta página, significa que el servidor PageTop funciona correctamente, pero aún no se ha configurado.
 pagetop_text2 = PageTop define una interfaz para los paquetes Rust más estables y populares para crear soluciones web modulares, extensibles y configurables.
-pagetop_text3 = Para obtener información sobre PageTop, visita el "sitio web de PageTop".
+pagetop_text3 = Para más información sobre PageTop, por favor visita la { $pagetop_website }.
+pagetop_website = documentación técnica
 
 pagetop_promo_title = Promociona PageTop
-pagetop_promo_text1 = Puedes usar la siguiente imagen en aplicaciones desarrolladas sobre { $pagetop }. ¡Gracias por usar PageTop!
+pagetop_promo_text1 = Eres libre de usar la siguiente imagen en aplicaciones desarrolladas con { $pagetop }. ¡Gracias por usar PageTop!
 
-report_problems_title = Informando Problemas
+report_problems_title = Informando problemas
-report_problems_text1 = Utilice la herramienta GitLab para informar errores en PageTop. Sin embargo, verifique los "informes de errores existentes" antes de informar de un nuevo error.
+report_problems_text1 = Utiliza la herramienta GitHub para informar errores en PageTop. Sin embargo, comprueba los "informes de errores existentes" antes de informar de un nuevo error.
-report_problems_text2 = Informe los errores específicos de los módulos (como admin y otros) a los paquetes respectivos, no a PageTop en sí.
+report_problems_text2 = Informa de errores específicos de los módulos (como admin y otros) en sus repositorios respectivos, no a PageTop en sí.