From d9c9f336a0578f2a2bf2ba34633b72d2e62b2522 Mon Sep 17 00:00:00 2001 From: Toshaan Bharvani Date: Sun, 30 May 2021 18:58:58 +0200 Subject: [PATCH] intro update to new feeds and small text Signed-off-by: Toshaan Bharvani --- .../openpowerfoundation/assets/css/style.css | 30 ++++++++++--- .../layouts/partials/intro.html | 45 +++++++++++++++++-- 2 files changed, 65 insertions(+), 10 deletions(-) diff --git a/themes/openpowerfoundation/assets/css/style.css b/themes/openpowerfoundation/assets/css/style.css index 4285bad..03dda3e 100644 --- a/themes/openpowerfoundation/assets/css/style.css +++ b/themes/openpowerfoundation/assets/css/style.css @@ -231,9 +231,9 @@ h1, h2, h3, h4, h5, h6 { #intro { width: 100%; - margin: 80px 0px 0px 0; + margin: 95px 0px 0px 0; min-height: 100px; - background: #eeeeee; + background: #ffffff; position: relative; } #intro .intro-text { @@ -248,18 +248,30 @@ h1, h2, h3, h4, h5, h6 { text-align: center; flex-direction: column; } -#intro h2 { +#intro h1 { margin: 20px 0 5px 0; padding: 0 15px; - font-size: 48px; + font-size: 24px; font-weight: 400; line-height: 36px; - color: #ffffff; + color: #007aad; + text-decoration: underline; +} +#intro h2 { + margin: 5px 0 5px 0; + padding: 0 15px; + font-size: 12px; + font-weight: 400; +} +#intro h2 a { + color: black; } @media (max-width: 768px) { + #intro h1 { + font-size: 12px; + } #intro h2 { - font-size: 28px; - line-height: 36px; + font-size: 8px; } } #intro p { @@ -275,6 +287,10 @@ h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; } } +#intro #intro-column { + border: 5px solid #6ccce3; + border-radius: 25px; +} #intro .btn-get-started { font-family: "Montserrat", sans-serif; font-weight: 400; diff --git a/themes/openpowerfoundation/layouts/partials/intro.html b/themes/openpowerfoundation/layouts/partials/intro.html index 980c0d0..f9fd2d9 100644 --- a/themes/openpowerfoundation/layouts/partials/intro.html +++ b/themes/openpowerfoundation/layouts/partials/intro.html @@ -3,14 +3,53 @@
-
+
+

OPF Intro

+ The goal of the OpenPOWER Foundation is to create an open ecosystem, + using the POWER Architecture to share expertise, investment, + and server-class intellectual property to serve the evolving needs of customers and industry.
-
+
+
+

OPF Planet Feed

+
-
+
+
+

OPF Blog Feed

+
+ +