diff --git a/config.toml b/config.toml index f084deac7d79518bc1530bbb0bd1543f99dc9acb..1c2eb90b709a34bdf28e07de0b597af59bd3836e 100644 --- a/config.toml +++ b/config.toml @@ -32,8 +32,13 @@ googleAnalytics = "GTM-WLHTXFF" privacyEnhanced = false -#[[menu.main]] -# name = "Home" -# pre = "home" -# url = "/" -# weight = 1 +[[menu.main]] + name = "Home" + pre = "home" + pageref = "/" + weight = 1 +[[menu.main]] + name = "Blog" + pre = "blog" + pageref = "/blog" + weight = 2 diff --git a/content/_index.md b/content/_index.md index f76807daa7f39a602dde5f7ce9518f7c724933c1..da8eef5599f2000053d909244b44bb7dd612879a 100644 --- a/content/_index.md +++ b/content/_index.md @@ -8,6 +8,8 @@ keywords: Cloud native, Software defined, Cloud native development, Automotive s # {{< figure class="banner-img" src="/images/ARM1828_SOAFEE_Dark_ST2.svg" alt="SOAFEE Logo">}} +{{< banner >}} + ## Overview The Scalable Open Architecture for Embedded Edge (SOAFEE) project is an industry-led collaboration defined by automakers, semiconductor suppliers, open source and independent software vendors, and cloud technology leaders. The initiative intends to deliver a cloud-native architecture enhanced for mixed-criticality automotive applications with corresponding open-source reference implementations to enable commercial and non-commercial offerings. diff --git a/content/blog/2022/all_hands.md b/content/blog/2022/all_hands.md new file mode 100644 index 0000000000000000000000000000000000000000..901b0301e847bb7611820bcb9b91f0903a5d1537 --- /dev/null +++ b/content/blog/2022/all_hands.md @@ -0,0 +1,26 @@ +--- +Title: "SOAFEE Inaugural Public All Hands" +Description: "The SOAFEE Governing Body are pleased to announce the inaugural All Hands virtual meeting for the SOAFEE Special Interest Group. Click through to find out more." +date: "2022-01-14" +banner: + active: true + title: Learn about SOAFEE at Public All-hands meeting + description: Join the virtual all-hands on January 27th, 7am pacific to hear about the SOAFEE, how to start developing with the framework, and how to get involved with this ground-breaking initiative. + background: "banner/banner3.jpg" +--- + +# SOAFEE Public All-Hands Meeting + +SOAFEE is an industry-led initiative to provide a framework for cloud-native development for real-time and safety-critical applications at the edge. Based on open-standards, SOAFEE enables business and enterprise companies to offer their technology and products in a standard environment for automotive and industrial developers. SOAFEE also welcomes academic and individual developers to contribute and collaborate with business and enterprise companies as well as consumers of their technology. + +{{< button url="https://armltd.zoom.us/webinar/register/WN_mG9F0OXYR7C8_maXs0iH1g" text=" SOAFEE All Hands Registration">}} + +The SOAFEE initiative is managed as a Special Interest Group (SIG) and has a governing body, technical and marketing steering committees and working groups. This structure is responsible for defining the SOAFEE architecture, incorporating existing open-standards, and producing a reference implementation that can incorporate open-source and commercial technologies. + +The SOAFEE governing body is holding a public all-hands virtual meeting on January 27th 2022 at 7am PST, inviting members of business, academic and developer communities to learn more about what value SOAFEE can offer and how they can get involved with this initiative. + +## Governing Body Members + +{{< imagegrid columns="3" data="members.governing_body" media_page="headless_media" >}} + +{{< button url="https://armltd.zoom.us/webinar/register/WN_mG9F0OXYR7C8_maXs0iH1g" text="SOAFEE All Hands Registration">}} diff --git a/content/blog/_index.md b/content/blog/_index.md new file mode 100644 index 0000000000000000000000000000000000000000..b7ef9b6b63765f7876fa331ec6e621ea2965e496 --- /dev/null +++ b/content/blog/_index.md @@ -0,0 +1,4 @@ +--- +Title: "SOAFEE Blogs" +layout: "list" +--- diff --git a/content/headless_media/banner/banner1.jpg b/content/headless_media/banner/banner1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..0759f9eedbaab9898bacd806dcdbfc5a09df40ca Binary files /dev/null and b/content/headless_media/banner/banner1.jpg differ diff --git a/content/headless_media/banner/banner2.jpg b/content/headless_media/banner/banner2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..72c9209f7b79a1c0f8c6c166cb79a7ad127d34c2 Binary files /dev/null and b/content/headless_media/banner/banner2.jpg differ diff --git a/content/headless_media/banner/banner3.jpg b/content/headless_media/banner/banner3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3754185d2b1450a21c80e72e48613b1dd32b7138 Binary files /dev/null and b/content/headless_media/banner/banner3.jpg differ diff --git a/content/headless_media/banner/banner4.jpg b/content/headless_media/banner/banner4.jpg new file mode 100644 index 0000000000000000000000000000000000000000..07f60a0060c35ae9e087521704cd4abb8e4ee824 Binary files /dev/null and b/content/headless_media/banner/banner4.jpg differ diff --git a/themes/soafee/assets/sass/styles.scss b/themes/soafee/assets/sass/styles.scss index 143c5829d667c089f1c0051ad0712a0606c46fef..4becb488b86f50620dbcb82a04b47155805ffcd2 100644 --- a/themes/soafee/assets/sass/styles.scss +++ b/themes/soafee/assets/sass/styles.scss @@ -25,6 +25,7 @@ img { .navbar-brand img { height: 30px; + width: auto; } // Banner styling @@ -41,15 +42,78 @@ img { hidden; } +.banner .card-img-overlay { + background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent); +} -@include media-breakpoint-down(lg) { - .banner hr{ +.banner img { + min-height: 130px; +} + + +@include media-breakpoint-down(xl) { + .banner hr { display: none; } } -@include media-breakpoint-down(md) { +@include media-breakpoint-down(lg) { .banner .card-text { display: none; } } + +@include media-breakpoint-up(lg) { + .banner p { + padding-left: 10%; + padding-right: 10%; + } +} + +@include media-breakpoint-only(xs) { + .banner h3 { + font-size: 1rem; + max-height: 40px; + } +} + +@include media-breakpoint-only(sm) { + .banner h3 { + font-size: 1.2rem; + } +} + +@include media-breakpoint-only(md) { + .banner h3 { + font-size: 1.3rem; + } +} + +@include media-breakpoint-only(lg) { + .banner p { + font-size: 1rem; + } +} + +@include media-breakpoint-only(xl) { + .banner p { + font-size: 1.2rem; + } +} + +@include media-breakpoint-only(xxl) { + .banner p { + font-size: 1.4rem; + } +} + + +// Blog card styling +.blog-card { + margin-top: 10px; +} + +// Button styling +.s-button { + margin-bottom: 10px; +} \ No newline at end of file diff --git a/themes/soafee/layouts/_default/list.html b/themes/soafee/layouts/_default/list.html index cbade5a28a2592558513656959eb989759e786c4..022d2e04faa4eac42288b7d121fead2068e212cc 100644 --- a/themes/soafee/layouts/_default/list.html +++ b/themes/soafee/layouts/_default/list.html @@ -1,11 +1,8 @@ {{ define "main" }} -

{{ .Title }}

+{{ .Content }} {{ range .Pages.ByPublishDate.Reverse }} -

-

{{ .Title }}

- -

{{ .Summary }}

- -

+ +{{- partial "blogcard.html" . -}} + {{ end }} {{ end }} \ No newline at end of file diff --git a/themes/soafee/layouts/partials/blogcard.html b/themes/soafee/layouts/partials/blogcard.html new file mode 100644 index 0000000000000000000000000000000000000000..aa64ee6145c8872692517a8787c7cf76ecd987c7 --- /dev/null +++ b/themes/soafee/layouts/partials/blogcard.html @@ -0,0 +1,9 @@ +
+
+
+ {{ .Title }} +
+

{{ .Description }}

+
+
{{.Date.Format "Mon, Jan 2 2006"}}
+
diff --git a/themes/soafee/layouts/partials/header.html b/themes/soafee/layouts/partials/header.html index f6a926ef5662bdd08fa1c83f5196b60e8a6cb8c0..e7ec970d05f7d59bd03196ad05763a2a81da1762 100644 --- a/themes/soafee/layouts/partials/header.html +++ b/themes/soafee/layouts/partials/header.html @@ -1,23 +1,27 @@ \ No newline at end of file diff --git a/themes/soafee/layouts/partials/img.html b/themes/soafee/layouts/partials/img.html index 25df858d3871606bc47bbe34f761c5f884b43cfe..e639312af8dd72cdc839bc40e56ab98308a22936 100644 --- a/themes/soafee/layouts/partials/img.html +++ b/themes/soafee/layouts/partials/img.html @@ -28,4 +28,6 @@ sizes="{{ $sizes }}" width="{{ $image.Width }}" height="{{ $image.Height }}" - alt={{ $alt }}> + alt={{ $alt }} + {{ if isset . "class" }} class = "{{ .class }}" {{ end }} +> diff --git a/themes/soafee/layouts/shortcodes/banner.html b/themes/soafee/layouts/shortcodes/banner.html index 8a7ea8a95a8d780856eaaf2f2a207feb53b20ff9..53954dfdd2e773b8166cf3b70a6b7bb72f846879 100644 --- a/themes/soafee/layouts/shortcodes/banner.html +++ b/themes/soafee/layouts/shortcodes/banner.html @@ -1,11 +1,14 @@ - +{{ end }} diff --git a/themes/soafee/layouts/shortcodes/button.html b/themes/soafee/layouts/shortcodes/button.html new file mode 100644 index 0000000000000000000000000000000000000000..f02981f254fd51d5c36dcd7b5623ba6686d652ea --- /dev/null +++ b/themes/soafee/layouts/shortcodes/button.html @@ -0,0 +1,4 @@ +{{ $url := .Get "url" | default "#" }} +{{ $text := .Get "text" | default "" }} + +{{ $text }}