From 716c9ab348c7fb8adbe4da728af77db7030402df Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Piotr=20Kr=C3=B3l?= Date: Wed, 26 Apr 2023 14:38:33 +0200 Subject: [PATCH 1/2] move products page to devices page MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Piotr Król --- config/_default/menus.toml | 8 ++++---- content/{products.md => devices.md} | 0 2 files changed, 4 insertions(+), 4 deletions(-) rename content/{products.md => devices.md} (100%) diff --git a/config/_default/menus.toml b/config/_default/menus.toml index b475a23..a22262e 100755 --- a/config/_default/menus.toml +++ b/config/_default/menus.toml @@ -2,9 +2,9 @@ # main menu [[main]] -name = "Products" -post = "Dasharo product lines" -url = "/products/" +name = "Devices" +post = "Devices with Dasharo" +url = "/devices/" weight = 5 [[main]] @@ -35,4 +35,4 @@ weight = 25 name = "Contact" post = "Contact Us" url = "/pages/contact/" -weight = 30 \ No newline at end of file +weight = 30 diff --git a/content/products.md b/content/devices.md similarity index 100% rename from content/products.md rename to content/devices.md From af0616c1ea52bd65cac5cd4f4cc84f32e2ab3722 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Piotr=20Kr=C3=B3l?= Date: Wed, 26 Apr 2023 14:57:53 +0200 Subject: [PATCH 2/2] initial version of pc engines website MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Piotr Król --- content/devices.md | 39 +++------- ...roductsHeader.scss => _devicesHeader.scss} | 60 +++++++-------- .../scss/{_useCases.scss => _pcEngines.scss} | 76 +++++++++---------- themes/dasharo/assets/scss/style.scss | 4 +- .../_default/{products.html => devices.html} | 40 +++++----- themes/dasharo/layouts/_default/learn.html | 4 +- 6 files changed, 102 insertions(+), 121 deletions(-) rename themes/dasharo/assets/scss/{_productsHeader.scss => _devicesHeader.scss} (67%) rename themes/dasharo/assets/scss/{_useCases.scss => _pcEngines.scss} (74%) rename themes/dasharo/layouts/_default/{products.html => devices.html} (63%) diff --git a/content/devices.md b/content/devices.md index 6c0b9d4..d24344d 100644 --- a/content/devices.md +++ b/content/devices.md @@ -1,45 +1,26 @@ --- -title: Dasharo Products -description: Open Source BIOS firmware solution for selected platforms +title: Dasharo Devices +description: List of devices compatible with Dasharo open-source firmware distribution for which we offer subscirption. -layout: products +layout: devices banner: - title: Dasharo
PRODUCTS - description: Open Source BIOS firmware solution for selected platforms. + title: Dasharo
DEVICES + description: List of devices compatible with Dasharo open-source firmware distribution for which we offer subscirption. page_content_list: - - title: Use cases + - title: PC Engines icon: images/icons/knight-grey.png - link: "#use-cases" - - - title: Data sheets - icon: images/icons/rook-grey.png - link: "#data-sheets" + link: "#pc-engines" -use_cases: - title: Use cases +pc_engines: + title: PC Engines content_in_progress: false content_list: - - title: Dasharo Firewall + - title: Dasharo subscirption for PC Engines apu2/3/4/6 link: "https://pcengines.github.io/" description: Dasharo firmware for reference platform PC Engines apu2. Click to see the products included and the hardware compatibility list. - - title: Dasharo Supported Hardware - link: "https://docs.dasharo.com/unified/novacustom/overview/" - description: Dasharo open-source firmware distribution support multiple - platforms from various segments laptops, desktops, workstation, servers - and embedded. - -data_sheets: - title: Data sheets - content_in_progress: true - - content_list: - - title: Datasheet Dasharo Firewall - link: "/" - description: Features and specification of Dasharo for PC Engines apu2 - --- diff --git a/themes/dasharo/assets/scss/_productsHeader.scss b/themes/dasharo/assets/scss/_devicesHeader.scss similarity index 67% rename from themes/dasharo/assets/scss/_productsHeader.scss rename to themes/dasharo/assets/scss/_devicesHeader.scss index 12719bd..dd36f5a 100644 --- a/themes/dasharo/assets/scss/_productsHeader.scss +++ b/themes/dasharo/assets/scss/_devicesHeader.scss @@ -1,14 +1,14 @@ -.products-header__container { +.devices-header__container { position: relative; width: 100%; min-height: 90vh; background: rgba(255, 255, 255, 0.7); padding: 0 10% 80px 10%; - .products-header__title-wrapper { + .devices-header__title-wrapper { margin: 10vh 0 0 0; - .products-header__title { + .devices-header__title { color: $grey; font-size: calc(50px + 76 * ((100vw - 320px) / 680)); letter-spacing: -0.04em; @@ -20,7 +20,7 @@ } } - .products-header__description { + .devices-header__description { display: block; line-height: 180%; max-width: 550px; @@ -30,11 +30,11 @@ } } - .products-header__questions-list { + .devices-header__questions-list { display: flex; margin: 80px 0 100px 0; - .products-header__questions-item-wrapper { + .devices-header__questions-item-wrapper { width: 100%; a { @@ -45,13 +45,13 @@ align-items: center; cursor: pointer; - .products-header__questions-item-img { + .devices-header__questions-item-img { width: 80px; transition: 0.5s; opacity: 1; } - .products-header__questions-item { + .devices-header__questions-item { text-align: center; font-size: calc(22px + 10 * ((100vw - 320px) / 680)); color: $grey; @@ -64,13 +64,13 @@ } } - &:hover .products-header__questions-item-img { + &:hover .devices-header__questions-item-img { -webkit-transform: scaleX(-1); transform: scaleX(-1); opacity: 0.4; } - &:hover .products-header__questions-item { + &:hover .devices-header__questions-item { color: $carbon; span { @@ -84,7 +84,7 @@ } } - .products-header__mouse-icon { + .devices-header__mouse-icon { position: absolute; top: 40%; left: 90%; @@ -99,23 +99,23 @@ } @media screen and (max-width: 1024px) { - .products-header__container { + .devices-header__container { min-height: 85vh; - .products-header__title-wrapper { + .devices-header__title-wrapper { margin: 15vh 0 0 0; } - .products-header__questions-list { + .devices-header__questions-list { display: block; margin: 10% 0 100px 0; - .products-header__questions-item-wrapper { + .devices-header__questions-item-wrapper { a { flex-direction: row; margin-right: 0; margin-bottom: 2%; - .products-header__questions-item-img { + .devices-header__questions-item-img { margin-right: 10px; width: 40px; } @@ -126,8 +126,8 @@ } @media screen and (max-width: 840px) { - .products-header__container { - .products-header__mouse-icon { + .devices-header__container { + .devices-header__mouse-icon { position: absolute; top: 80%; left: calc(50% - 25px); @@ -136,25 +136,25 @@ } @media screen and (max-width: 740px) { - .products-header__container { - .products-header__title-wrapper { + .devices-header__container { + .devices-header__title-wrapper { margin: 120px 0 0 0; } } } @media screen and (max-width: 650px) { - .products-header__container { - .products-header__questions-list { + .devices-header__container { + .devices-header__questions-list { margin: 10% 0 60px 0; - .products-header__questions-item-wrapper { + .devices-header__questions-item-wrapper { a { - .products-header__questions-item-img { + .devices-header__questions-item-img { width: 30px; } - .products-header__questions-item { + .devices-header__questions-item { font-size: calc(20px + 6 * ((100vw - 320px) / 680)); } } @@ -164,16 +164,16 @@ } @media screen and (max-width: 340px) { - .products-header__container { + .devices-header__container { min-height: 80vh; - .products-header__title-wrapper { + .devices-header__title-wrapper { margin: 20vh 0 0 0; } - .products-header__questions-list { - .products-header__questions-item-wrapper { + .devices-header__questions-list { + .devices-header__questions-item-wrapper { a { - .products-header__questions-item-img { + .devices-header__questions-item-img { width: 25px; } } diff --git a/themes/dasharo/assets/scss/_useCases.scss b/themes/dasharo/assets/scss/_pcEngines.scss similarity index 74% rename from themes/dasharo/assets/scss/_useCases.scss rename to themes/dasharo/assets/scss/_pcEngines.scss index bb3a885..6a54aae 100644 --- a/themes/dasharo/assets/scss/_useCases.scss +++ b/themes/dasharo/assets/scss/_pcEngines.scss @@ -1,14 +1,14 @@ -.use-cases__container { +.pc-engines__container { position: relative; width: 100%; background: $carbon; height: auto; padding-bottom: 160px; - .use-cases__wrapper { + .pc-engines__wrapper { padding: 50px; - .use-cases__title { + .pc-engines__title { color: $white; font-size: calc(20px + 20 * ((100vw - 320px) / 680)); letter-spacing: -0.04em; @@ -20,22 +20,22 @@ } } - .use-cases__content-wrapper { + .pc-engines__content-wrapper { margin: 50px auto 0 auto; width: 90%; - .use-cases__content-list { + .pc-engines__content-list { width: 100%; display: flex; justify-content: space-between; - .use-cases__content-list-item { + .pc-engines__content-list-item { min-width: calc(50% - 25px); max-width: calc(50% - 25px); font-size: calc(14px + 8 * ((100vw - 320px) / 680)); transition: 0.5s; - .use-cases__content-list-item-link { + .pc-engines__content-list-item-link { position: relative; display: flex; flex-direction: column; @@ -83,7 +83,7 @@ } } } - .use-cases__content-list-description { + .pc-engines__content-list-description { color: $white; text-align: left; padding: 20px 25px; @@ -97,7 +97,7 @@ } } - .use-cases__icon { + .pc-engines__icon { position: absolute; bottom: 100%; right: 10%; @@ -106,9 +106,9 @@ } @media screen and (max-width: 1200px) { - .use-cases__container { - .use-cases__wrapper { - .use-cases__title { + .pc-engines__container { + .pc-engines__wrapper { + .pc-engines__title { font-size: calc(18px + 20 * ((100vw - 320px) / 680)); } } @@ -116,10 +116,10 @@ } @media screen and (max-width: 1040px) { - .use-cases__container { + .pc-engines__container { padding-bottom: 140px; - .use-cases__wrapper { - .use-cases__title { + .pc-engines__wrapper { + .pc-engines__title { font-size: calc(16px + 20 * ((100vw - 320px) / 680)); } } @@ -127,9 +127,9 @@ } @media screen and (max-width: 890px) { - .use-cases__container { - .use-cases__wrapper { - .use-cases__title { + .pc-engines__container { + .pc-engines__wrapper { + .pc-engines__title { font-size: calc(14px + 20 * ((100vw - 320px) / 680)); } } @@ -137,34 +137,34 @@ } @media screen and (max-width: 800px) { - .use-cases__container { + .pc-engines__container { padding-bottom: 120px; - .use-cases__wrapper { + .pc-engines__wrapper { width: 100%; margin: 0; padding: 50px 10%; - .use-cases__title { + .pc-engines__title { font-size: calc(20px + 20 * ((100vw - 320px) / 680)); } - .use-cases__content-wrapper { + .pc-engines__content-wrapper { width: 100%; - .use-cases__content-list { - .use-cases__content-list-item { + .pc-engines__content-list { + .pc-engines__content-list-item { min-width: calc(50% - 12.5px); max-width: calc(50% - 12.5px); min-height: 250px; - .use-cases__content-list-item-link { + .pc-engines__content-list-item-link { img { height: 60%; } } } - .use-cases__content-list-description { + .pc-engines__content-list-description { padding: 20px 15px; } } @@ -174,12 +174,12 @@ } @media screen and (max-width: 600px) { - .use-cases__container { - .use-cases__wrapper { - .use-cases__content-wrapper { - .use-cases__content-list { - .use-cases__content-list-item { - .use-cases__content-list-item-link { + .pc-engines__container { + .pc-engines__wrapper { + .pc-engines__content-wrapper { + .pc-engines__content-list { + .pc-engines__content-list-item { + .pc-engines__content-list-item-link { img { height: 50%; } @@ -192,16 +192,16 @@ } @media screen and (max-width: 500px) { - .use-cases__container { - .use-cases__wrapper { - .use-cases__content-wrapper { - .use-cases__content-list { + .pc-engines__container { + .pc-engines__wrapper { + .pc-engines__content-wrapper { + .pc-engines__content-list { flex-wrap: wrap; - .use-cases__content-list-item { + .pc-engines__content-list-item { min-width: 100%; font-size: calc(20px + 20 * ((100vw - 320px) / 680)); margin-bottom: 25px; - .use-cases__content-list-item-link { + .pc-engines__content-list-item-link { img { height: 70%; } diff --git a/themes/dasharo/assets/scss/style.scss b/themes/dasharo/assets/scss/style.scss index 68d63b1..9ff7fc0 100755 --- a/themes/dasharo/assets/scss/style.scss +++ b/themes/dasharo/assets/scss/style.scss @@ -29,8 +29,8 @@ $font-secondary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .f @import "quote"; @import "newsletter"; @import "footer"; -@import "productsHeader"; -@import "useCases"; +@import "devicesHeader"; +@import "pcEngines"; @import "dataSheets"; @import "learnHeader"; @import "howDasharoWorks"; diff --git a/themes/dasharo/layouts/_default/products.html b/themes/dasharo/layouts/_default/devices.html similarity index 63% rename from themes/dasharo/layouts/_default/products.html rename to themes/dasharo/layouts/_default/devices.html index e925d33..325058b 100644 --- a/themes/dasharo/layouts/_default/products.html +++ b/themes/dasharo/layouts/_default/devices.html @@ -2,52 +2,52 @@ {{ with .Params.banner }}
-
-
-

{{.title | markdownify}}

-

{{.description | markdownify}}

+
+
+

{{.title | markdownify}}

+

{{.description | markdownify}}

{{ with .page_content_list }} -
{{ end }} -{{ with .Params.use_cases }} +{{ with .Params.pc_engines }}
-
-
+
+
-

{{.title | markdownify}}

+

{{.title | markdownify}}

 -
-
- {{ partial "image.html" (dict "Src" "images/icons/king-carbon.png" "Alt" "king chess icon" "Class" "use-cases__icon" "Resize" false "Size" "512x") }} + {{ partial "image.html" (dict "Src" "images/icons/king-carbon.png" "Alt" "king chess icon" "Class" "pc-engines__icon" "Resize" false "Size" "512x") }}
{{ end }} @@ -83,4 +83,4 @@

{{.title | markdownify}}

{{ end }} -{{ end }} \ No newline at end of file +{{ end }} diff --git a/themes/dasharo/layouts/_default/learn.html b/themes/dasharo/layouts/_default/learn.html index 18dfcbe..784821c 100644 --- a/themes/dasharo/layouts/_default/learn.html +++ b/themes/dasharo/layouts/_default/learn.html @@ -46,9 +46,9 @@

{{.title | markdown

{{.content_block_3 | markdownify }}

- + {{ partial "image.html" (dict "Src" "images/icons/knight-white.png" "Alt" "link icon" "Resize" false "Size" "40x") }} - Check ready-to-buy Dasharo products + Check ready-to-buy Dasharo devices