diff --git a/config.toml b/config.toml index 6c0993d71f0efd8308be281f271250f0736f6759..e5bcddcc3065a595d616e5b336f25f5ebe59e763 100644 --- a/config.toml +++ b/config.toml @@ -42,11 +42,16 @@ googleAnalytics = "GTM-WLHTXFF" pre = "blog" pageref = "/blog" weight = 2 +[[menu.main]] + name = "News" + pre = "news" + pageref = "/news" + weight = 3 [[menu.main]] identifier = "community" name = "Community" - weight = 3 + weight = 4 [[menu.main]] identifier = "gitlab" parent = "community" diff --git a/content/examples.md b/content/examples.md new file mode 100644 index 0000000000000000000000000000000000000000..d48af976eeabaf78d31d6c25181bb389c2a05f7f --- /dev/null +++ b/content/examples.md @@ -0,0 +1,120 @@ +--- +Title: Examples of theme shortcodes and partials +Draft: true +Member: governing_body/arm +Banner: + Title: This is the banner title + Description: The banner description. Should be limited to two lines + Background: banner/banner1.jpg +Card: + class: new_member +--- +# Examples of theme shortcodes and partials + +This page shows all of the shortcodes available in the SOAFEE website. Shortcodes can be included directly in your markdown, for more information check the [upstream documentation](https://gohugo.io/content-management/shortcodes/). + +--- + +## Member Header + +A member header can be used in a page that is sponsored or created by a specific partner. It adds the partner logo to the left and a markdown formatted content section to the right. + +{{< member_header >}} + +### Member header + +A member header can have markdown formatted content, however currently can not include any shortcodes or partials. +{{< /member_header>}} + +--- + +## Banner + +The banner takes data from the page ```frontmatter``` by default. There is currently no method for overriding the parameters in the shortcode. + +```bash +Banner: + Active: true/false - If true, the banner will show in the carousel + Title: This is the banner title + Description: Description text for the banner + Background: path to the image, relative to the 'headless_media' page +``` + +{{< banner >}} + +--- + +## Carousel + +The carousel picks up on all active banners, it currently doesn't take any parameters + +{{< carousel >}} + +--- + +## Image Grid + +This shortcode will pull a list of images from a static data file and present in a grid format + +{{< table >}} +| parameter | description | +|----------- |-------------| +| columns | The number of columns to split the grid into. The grid will create responsive images based on css breakpoints for efficient serving of pages | +| data | the source of the data from .Site.Data | +| media_page | where to source the images from, the default being 'headless_media' | +{{< /table >}} + +{{< imagegrid columns="3" data="members.governing_body" media_page="headless_media" >}} + +## Img + +Create a responsive image based on the backbone CSS breakpoints + +{{< table >}} +| parameter | description | +|----------- |-------------| +| media_page | The source page to get the image from, defaults to the current page | +| src | the path, relative to media_page, to get the image from | +| alt | the alt text to apply to the image for compliance with accessability needs | +{{< /table >}} + +{{< img media_page="headless_media" src="images/arm.png" alt="Alt text">}} + +--- + +## Question + +This shortcode is for formatting a QnA style + +{{< question "This is the text of the question, the answer is in the content and will be revealed below" >}} +This is where the answer goes. It can include __markdown__. +```bash +# With code examples +In any format +``` +However, you can not currently include shortcodes in the markdown section +{{< /question >}} + +--- + +## Table + +This shortcode will add styling to the standard markdown table to make it 'pretty'. Simply place your markdown table as the content block for this shortcode. + +{{< table >}} +| parameter | description | +|----------- |-------------| +| table_class | Override the css class applied to the <table> element | +| thead_class | Override the css class applied to the <thead> element | +{{< /table >}} + + +{{< table >}} +| Column 1 header | Column 2 header | +|-----------------|-----------------| +| Hello | World | +| Markdown is great | +| __SOAFEE__ | Is better | +{{< /table >}} + +--- diff --git a/content/headless_media/banner/banner2.jpg b/content/headless_media/banner/banner2.jpg index 72c9209f7b79a1c0f8c6c166cb79a7ad127d34c2..17d62256af0264090264791542f994d751871266 100644 Binary files a/content/headless_media/banner/banner2.jpg and b/content/headless_media/banner/banner2.jpg differ diff --git a/content/headless_media/images/perceptive.png b/content/headless_media/images/perceptive.png new file mode 100644 index 0000000000000000000000000000000000000000..e7390ce542c95759e4a441eb1015cf58690370ab Binary files /dev/null and b/content/headless_media/images/perceptive.png differ diff --git a/content/news/2022/welcome_perceptive.md b/content/news/2022/welcome_perceptive.md new file mode 100644 index 0000000000000000000000000000000000000000..1775f4ce458544c5eaeb2a51d7b4e0b02b3cdd86 --- /dev/null +++ b/content/news/2022/welcome_perceptive.md @@ -0,0 +1,30 @@ +--- +Title: "Perceptive joins SOAFEE SIG" +Description: "New member announcement – click for more details on Perceptive" +Date: "2022-03-09" +Member: "voting/perceptive" + +Banner: + Active: true + Title: Perceptive joins SOAFEE SIG + Description: Perceptive joins the SOAFEE SIG as a voting member. + Background: "banner/banner2.jpg" + +Card: + Class: new-member +--- + + +{{< member_header >}} +# Perceptive joins SOAFEE SIG + +The SOAFEE community are excited to welcome Perceptive as a voting member of the SOAFEE SIG. +{{}} + +## About Perceptive + +Perceptive is building a full-stack sensing and perception platform for autonomous intelligence. Based on groundbreaking innovations on both hardware and software, Perceptive changes fundamentally the way sensing and perception software are developed and implemented in hardware. + +Perceptive brings deep and unique expertise on sensing and perception for autonomy and robotics to SOAFEE. Our domain includes both the physical layer, all the sages of vehicle compute, as well as DSP and software algorithms. We strongly believe that the future of autonomy sensing is software-defined and centered on AI, and we're excited to foster that vision within the SOAFEE architecture. + + diff --git a/content/news/_index.md b/content/news/_index.md new file mode 100644 index 0000000000000000000000000000000000000000..bae846389409a53c30d0fd88facd4606b5539b72 --- /dev/null +++ b/content/news/_index.md @@ -0,0 +1,4 @@ +--- +Title: "SOAFEE News" +layout: "list" +--- diff --git a/data/members.yaml b/data/members.yaml index 04f24b89258127a215df35ee0e61117baf8e5abf..1c3e8cfbefc47ef794f7e2feef59e32ab2474306 100644 --- a/data/members.yaml +++ b/data/members.yaml @@ -1,33 +1,48 @@ governing_body: - - name: AWS - image: "images/aws.png" - url: https://aws.amazon.com/ - alt: AWS - - name: Arm - image: "images/arm.png" - url: http://arm.com - alt: Arm - - name: Bosch - image: images/bosch.png - url: https://bosch.com - alt: Bosch - - name: CARIAD - image: images/cariad.png - url: https://cariad.technology/ - alt: CARIAD - - name: Continental - image: images/continental.jpg - url: https://continental.com - alt: Continental - - name: RedHat - image: images/redhat.png - url: https://redhat.com - alt: RedHat - - name: SUSE - image: images/suse.png - url: https://suse.com - alt: SUSE - - name: Woven Planet - image: images/woven_planet.png - url: https://woven-planet.global - alt: Woven Planet \ No newline at end of file + aws: + name: AWS + image: "images/aws.png" + url: https://aws.amazon.com/ + alt: AWS + arm: + name: Arm + image: "images/arm.png" + url: http://arm.com + alt: Arm + bosch: + name: Bosch + image: images/bosch.png + url: https://bosch.com + alt: Bosch + cariad: + name: CARIAD + image: images/cariad.png + url: https://cariad.technology/ + alt: CARIAD + continental: + name: Continental + image: images/continental.jpg + url: https://continental.com + alt: Continental + redhat: + name: RedHat + image: images/redhat.png + url: https://redhat.com + alt: RedHat + suse: + name: SUSE + image: images/suse.png + url: https://suse.com + alt: SUSE + woven_planet: + name: Woven Planet + image: images/woven_planet.png + url: https://woven-planet.global + alt: Woven Planet + +voting: + perceptive: + name: Perceptive + image: images/perceptive.png + url: https://www.perceptivesensing.ai/ + alt: Perceptive diff --git a/themes/soafee/assets/sass/styles.scss b/themes/soafee/assets/sass/styles.scss index 1a036d80dcd4c623f57cb05175637019a339aa26..3fdba0605f44ef764087c1b37461b7f724eb8389 100644 --- a/themes/soafee/assets/sass/styles.scss +++ b/themes/soafee/assets/sass/styles.scss @@ -125,6 +125,51 @@ img { z-index: 1; } +// Styling for new member news card and article header + +.blog-card.new-member .member-image { + width: 17%; + padding: 10px; +} + +.new-member-header .flex-column { + width: 17%; + padding: 10px; +} + + +@include media-breakpoint-only(xs) { + .blog-card.new-member .member-image { + width: 50%; + } + .new-member-header .flex-column { + width: 50%; + } +} +@include media-breakpoint-only(sm) { + .blog-card.new-member .member-image { + width: 40%; + } + .new-member-header .flex-column { + width: 40%; + } +} +@include media-breakpoint-only(md) { + .blog-card.new-member .member-image { + width: 30%; + } + .new-member-header .flex-column { + width: 30%; + } +} +@include media-breakpoint-only(lg) { + .blog-card.new-member .member-image { + width: 20%; + } + .new-member-header .flex-column { + width: 20%; + } +} // Button styling .s-button { diff --git a/themes/soafee/layouts/partials/banner.html b/themes/soafee/layouts/partials/banner.html index 639756ba183cbd8ba4544a74f370f3d78afe2651..c565c1d506da7a1bb4878dd568de30841d99ffaf 100644 --- a/themes/soafee/layouts/partials/banner.html +++ b/themes/soafee/layouts/partials/banner.html @@ -1,20 +1,21 @@ -{{ $self := .ctx | default . }} +{{ $ctx := .ctx | default . }} +{{ $params := .params | default . }} diff --git a/themes/soafee/layouts/partials/blogcard.html b/themes/soafee/layouts/partials/blogcard.html index b0f533c33a5552c5d2d67d9a3e50b7c50b2e900d..2b5174d750bc117eb18e447eceef710f1d584b17 100644 --- a/themes/soafee/layouts/partials/blogcard.html +++ b/themes/soafee/layouts/partials/blogcard.html @@ -1,10 +1,25 @@ -
+{{ $class := .Params.card.class | default "" }} + + +
-
+
+ {{ if isset .Params "member"}} +
+
+ {{ partial "member_logo" (dict "ctx" . )}} +
+
+
+ {{ else }} +
+ {{ end }} +
{{ .Title }}

{{ .Description }}

+
{{.Date.Format "Mon, Jan 2 2006"}}
diff --git a/themes/soafee/layouts/partials/img.html b/themes/soafee/layouts/partials/img.html index 04a858dd628bc4ed50c5a8202b93a1c56b89ce85..c16f32ddec1c4623f6b742f120912f6fb60637c7 100644 --- a/themes/soafee/layouts/partials/img.html +++ b/themes/soafee/layouts/partials/img.html @@ -3,17 +3,18 @@ {{ $ctx := .ctx | default . }} +{{ $params := .params | default . }} -{{ $alt := $ctx.alt | default "" }} -{{ $columns := $ctx.columns | default 1 }} +{{ $alt := $params.alt | default "" }} +{{ $columns := $params.columns | default 1 }} -{{ $mediaPage := $ctx.media_page | default .Page.File.Path }} -{{ $resourcesPage := .Page.Site.GetPage $mediaPage }} -{{ $image := $resourcesPage.Resources.GetMatch $ctx.src }} +{{ $mediaPage := $params.media_page | default $ctx.Page.File.Path }} +{{ $resourcesPage := $ctx.Page.Site.GetPage $mediaPage }} +{{ $image := $resourcesPage.Resources.GetMatch $params.src }} -{{ if strings.HasSuffix $ctx.src "svg" }} +{{ if strings.HasSuffix $params.src "svg" }} {{ +{{ end }} + +{{ partial "img" (dict "Page" $ctx.Page "src" $data.image "alt" $data.alt "media_page" "headless_media" "columns" 3)}} + +{{ if and (isset $ "with_link") (isset $data "url") }} + +{{ end }} + +{{ end }} \ No newline at end of file diff --git a/themes/soafee/layouts/shortcodes/banner.html b/themes/soafee/layouts/shortcodes/banner.html index 3cba7ec4a67ecfe6e18c01daaf8ff0393810a558..02d6c979347b1b4a3522ef72466c24347dec607b 100644 --- a/themes/soafee/layouts/shortcodes/banner.html +++ b/themes/soafee/layouts/shortcodes/banner.html @@ -1,8 +1,6 @@ {{ $bannerSourcePage := .Get "source" | default .Page.File.Path }} {{ $page := .Page.Site.GetPage $bannerSourcePage }} -{{ with $page }} - {{ with (dict "Page" .Page "ctx" .Params.banner)}} - {{ partial "banner" . }} - {{ end }} +{{ with (dict "ctx" . "params" .Page.Params.banner)}} + {{ partial "banner" . }} {{ end }} diff --git a/themes/soafee/layouts/shortcodes/carousel.html b/themes/soafee/layouts/shortcodes/carousel.html index c35b473d3fb099c8dfdc45784f7b1e42c4f9f748..2f92c331b7f0ba87c8228c073615f267ff160b66 100644 --- a/themes/soafee/layouts/shortcodes/carousel.html +++ b/themes/soafee/layouts/shortcodes/carousel.html @@ -19,7 +19,7 @@ {{ range $index,$post := $posts }}
diff --git a/themes/soafee/layouts/shortcodes/img.html b/themes/soafee/layouts/shortcodes/img.html index 52d8b5c962e5e814c5dc1cb2a0b103554dad5d17..d3afc3072b9222059b181581bd7aa8da57832700 100644 --- a/themes/soafee/layouts/shortcodes/img.html +++ b/themes/soafee/layouts/shortcodes/img.html @@ -1,2 +1,2 @@ -{{ partial "img" (dict "Page" .Page "ctx" .Params )}} +{{ partial "img" (dict "ctx" . "params" .Params )}} diff --git a/themes/soafee/layouts/shortcodes/member_header.html b/themes/soafee/layouts/shortcodes/member_header.html new file mode 100644 index 0000000000000000000000000000000000000000..058dca42093d539bfc4302afddabb3ee8a9d950b --- /dev/null +++ b/themes/soafee/layouts/shortcodes/member_header.html @@ -0,0 +1,11 @@ + +{{ if isset .Page.Params "member"}} +
+
+ {{ partial "member_logo" (dict "ctx" . "with_link" 1) }} +
+
+ {{ .Inner | markdownify }} +
+
+{{ end }} \ No newline at end of file diff --git a/themes/soafee/layouts/shortcodes/table.html b/themes/soafee/layouts/shortcodes/table.html index 7e9cec63e023ac8e2af428778551ebbd48effa27..c14941534bc89b0c48cb31eb8e414bf951c9de1a 100644 --- a/themes/soafee/layouts/shortcodes/table.html +++ b/themes/soafee/layouts/shortcodes/table.html @@ -2,13 +2,15 @@ {{ $table_class := .Get "table_class" | default "table table-striped table-hover" }} {{ $thead_class := .Get "thead_class" | default "table-dark" }} -{{ $old_class := "" }} - + +{{ $old_class := "
" }} {{ $new_class := printf "
" $table_class }} {{ $htmlTable = replace $htmlTable $old_class $new_class }} + {{ $old_thead := "" }} {{ $new_thead := printf "" $thead_class }} {{ $htmlTable = replace $htmlTable $old_thead $new_thead }} +
{{ $htmlTable | safeHTML }}
\ No newline at end of file