From 57fd4c2054efa3f842ea54803dc0efd987413e1b Mon Sep 17 00:00:00 2001 From: Manuel Cillero Date: Sun, 17 Jul 2022 22:22:12 +0200 Subject: [PATCH] =?UTF-8?q?A=C3=B1ade=20secci=C3=B3n=20de=20bienvenida=20e?= =?UTF-8?q?n=20la=20p=C3=A1gina=20de=20demo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pagetop/src/base/component/icon.rs | 4 +- pagetop/src/base/module/demopage.rs | 58 ++++++++---------- .../{demo-visiting.svg => demo-about.svg} | 0 pagetop/static/theme/images/demo-welcome.jpg | Bin 0 -> 21169 bytes .../static/theme/module/demopage/styles.css | 56 ++++++++++++++--- 5 files changed, 79 insertions(+), 39 deletions(-) rename pagetop/static/theme/images/{demo-visiting.svg => demo-about.svg} (100%) create mode 100644 pagetop/static/theme/images/demo-welcome.jpg diff --git a/pagetop/src/base/component/icon.rs b/pagetop/src/base/component/icon.rs index c8f95fa2..00c7ec24 100644 --- a/pagetop/src/base/component/icon.rs +++ b/pagetop/src/base/component/icon.rs @@ -31,13 +31,15 @@ impl ComponentTrait for Icon { (self.renderable)(context) } - fn default_render(&self, context: &mut InContext) -> Markup { + fn before_render(&mut self, context: &mut InContext) { context .alter(InContextOp::StyleSheet(AssetsOp::Add( StyleSheet::located("/theme/icons/bootstrap-icons.css") .with_version("1.8.2") ))); + } + fn default_render(&self, _: &mut InContext) -> Markup { html! { i class=[self.classes().get()] {}; } } diff --git a/pagetop/src/base/module/demopage.rs b/pagetop/src/base/module/demopage.rs index b02f8603..f7940dfe 100644 --- a/pagetop/src/base/module/demopage.rs +++ b/pagetop/src/base/module/demopage.rs @@ -83,32 +83,23 @@ fn hello_world() -> Container { } fn welcome() -> Container { - Container::new() + Container::section() .with_id("welcome") - .with_component(grid::Row::new() - .with_column(grid::Column::new() - .with_classes(ClassesOp::Add, "welcome-col-image") - .with_size(grid::ColumnSize::Is5of12) - .with_component(Image::image("/theme/images/demo-visiting.svg")) - ) - .with_column(grid::Column::new() - .with_classes(ClassesOp::Add, "welcome-col-text") - .with_component(Heading::h2(html! { - (t("welcome_to", &args!["app" => SETTINGS.app.name.as_str()])) - })) - .with_component(Heading::h3(html! { - (l("welcome_subtitle")) - }) - .with_display(HeadingDisplay::Subtitle) - ) - .with_component(Paragraph::with(html! { - (l("welcome_text1")) - }) - .with_display(ParagraphDisplay::Small) - ) - .with_component(Paragraph::with(html! { (l("welcome_text2")) })) - ) + .with_classes(ClassesOp::Add, "welcome-col-text") + .with_component(Heading::h2(html! { + (t("welcome_to", &args!["app" => SETTINGS.app.name.as_str()])) + })) + .with_component(Heading::h3(html! { + (l("welcome_subtitle")) + }) + .with_display(HeadingDisplay::Subtitle) ) + .with_component(Paragraph::with(html! { + (l("welcome_text1")) + }) + .with_display(ParagraphDisplay::Small) + ) + .with_component(Paragraph::with(html! { (l("welcome_text2")) })) } fn about_pagetop() -> Container { @@ -116,11 +107,15 @@ fn about_pagetop() -> Container { .with_id("pagetop") .with_component(grid::Row::new() .with_column(grid::Column::new() - .with_size(grid::ColumnSize::Is7of12) + .with_classes(ClassesOp::Add, "pagetop-col-image") + .with_size(grid::ColumnSize::Is5of12) + .with_component(Image::image("/theme/images/demo-about.svg")) + ) + .with_column(grid::Column::new() + .with_classes(ClassesOp::Add, "pagetop-col-text") .with_component(Heading::h2(html! { - (l("pagetop_title")) - }) - ) + (l("pagetop_title")) + })) .with_component(Paragraph::with(html! { (l("pagetop_text1")) }) @@ -135,9 +130,6 @@ fn about_pagetop() -> Container { }) ) ) - .with_column(grid::Column::new() - .with_component(Image::image("/theme/images/demo-pagetop.svg")) - ) ) } @@ -146,10 +138,12 @@ fn promo_pagetop() -> Container { .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::image("/theme/images/demo-pagetop.svg")) ) .with_column(grid::Column::new() + .with_classes(ClassesOp::Add, "promo-col-text") .with_component(Heading::h2(html! { (l("pagetop_promo_title")) }) @@ -170,6 +164,7 @@ fn reporting_problems() -> Container { .with_id("reporting") .with_component(grid::Row::new() .with_column(grid::Column::new() + .with_classes(ClassesOp::Add, "reporting-col-text") .with_size(grid::ColumnSize::Is7of12) .with_component(Heading::h2(html! { (l("report_problems_title")) @@ -186,6 +181,7 @@ fn reporting_problems() -> Container { ) ) .with_column(grid::Column::new() + .with_classes(ClassesOp::Add, "reporting-col-image") .with_component(Image::image("/theme/images/demo-pagetop.svg")) ) ) diff --git a/pagetop/static/theme/images/demo-visiting.svg b/pagetop/static/theme/images/demo-about.svg similarity index 100% rename from pagetop/static/theme/images/demo-visiting.svg rename to pagetop/static/theme/images/demo-about.svg diff --git a/pagetop/static/theme/images/demo-welcome.jpg b/pagetop/static/theme/images/demo-welcome.jpg new file mode 100644 index 0000000000000000000000000000000000000000..612bba082c4bf09ba287f47db806d17e4f61726a GIT binary patch literal 21169 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

j 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 literal 0 HcmV?d00001 diff --git a/pagetop/static/theme/module/demopage/styles.css b/pagetop/static/theme/module/demopage/styles.css index 956f49e7..08b28b02 100644 --- a/pagetop/static/theme/module/demopage/styles.css +++ b/pagetop/static/theme/module/demopage/styles.css @@ -9,22 +9,64 @@ padding-right: 1.5em; border-radius: 1.5em; } + #welcome { - padding: 1em 5%; + padding: 2em 10%; } -#welcome .welcome-col-text { +#welcome > div.container { + padding: 3rem 8rem; + border-radius: 28px; + background: url("/theme/images/demo-welcome.jpg") center center no-repeat; + background-size: auto; + background-size: cover; + text-align: center; + color: #fff; +} +#welcome > div.container > h2 { + color: #fff; +} +#welcome > div.container > h3 { + color: #ccc; +} + +#pagetop { + padding: 2em 5%; +} +#pagetop .pagetop-col-text { + padding-top: 2em; padding-left: 5%; } + +#promo { + padding: 4em 5% 2em; +} +#promo .promo-col-text { + padding-top: 2em; + padding-left: 5%; +} + +#reporting { + padding: 4em 5%; +} +#reporting .reporting-col-text { + text-align: center; +} + /* Responsiveness */ +@media (min-width: 993px) { + #reporting .reporting-col-text { + padding-right: 3em; + text-align: right; + } +} @media (max-width: 992px) { - #hello-world .hello-col-text { + [class$="-col-text"] { text-align: center; } #hello-world .hello-col-image { padding-top: 5%; } - #welcome .welcome-col-text { - text-align: center; - padding-left: 0; + #welcome > div.container { + padding: 3rem 1rem; } -} \ No newline at end of file +}