add homepage, header, footer, styles

themes/openpowerfoundation/assets/css/style.css

@@ -1,4 +1,4 @@
-body {
+/* body {
 	background: #ffffff;
 	color: #000000;
 	font-family: "Open Sans", sans-serif;
@@ -711,8 +711,8 @@ body.mobile-nav-active #mobile-nav-toggle {
 	color: #1dc8cd;
 }
 #page .content ul {
-	/*list-style: none;*/
+	list-style: none;
-	/*padding: 0;*/
+	padding: 0;
 }
 #page .content ul li {
 	padding-bottom: 10px;
@@ -830,7 +830,7 @@ body.mobile-nav-active #mobile-nav-toggle {
 }
 
 #call-to-action {
-	/*background: linear-gradient(rgba(29, 200, 205, 0.65), rgba(29, 205, 89, 0.2)), url(../img/call-to-action-bg.jpg) fixed center center;*/
+	background: linear-gradient(rgba(29, 200, 205, 0.65), rgba(29, 205, 89, 0.2)), url(../img/call-to-action-bg.jpg) fixed center center;
 	background-image: url(../img/call-to-action-bg.jpg);
 	background-repeat: repeat-x;
 	padding: 40px 0;
@@ -891,7 +891,6 @@ body.mobile-nav-active #mobile-nav-toggle {
 	transition: 0.5s;
 	line-height: 0;
 }
-/*
 #more-features .icon i:before {
 	background: #ff8800;
 	background: linear-gradient(45deg, #ffff00 0%, #ff8800 100%);
@@ -899,7 +898,6 @@ body.mobile-nav-active #mobile-nav-toggle {
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
 }
-*/
 #more-features h4 {
 	margin-left: 10px;
 	font-weight: 700;
@@ -1413,4 +1411,4 @@ body.mobile-nav-active #mobile-nav-toggle {
 }
 #search-query {
 	width: 75%;
-}
+} */

themes/openpowerfoundation/layouts/index.html

@@ -1,7 +1,108 @@
 {{ partial "header.html" . }}
 
 {{ partial "navbar.html" . }}
-
+        <section class="promo__section d-flex flex-column justify-content-center"
-{{ partial "intro.html" . }}
+          style="background-image:url(./img/promo-2.jpg)">
+          <div class="promo__container container text-center">
+            <h1>OpenPOWER Foundation</h1>
+            <p>Create the Future with POWER</p>
+            <p><a class="btn btn-light" href="/">Join us</a></p>
+          </div>
+        </section>
+        <main class="main">
+          <div class="container">
+            <div class="row">
+              <div class="col-md-6 mb-5"><img class="img-fluid" src="./img/thumb-4.jpg" width="600" height="420" alt="">
+              </div>
+              <div class="col-md-6 mb-5">
+                <h2>OpenPOWER</h2>
+                <p><b>A Technical Workgroup (TWG)</b> is a workgroup that provides technical specifications and will help define
+                  next-generation of the specifications, definitions, and the compliance of these specifications with primary
+                  output being specification documents.</p>
+                <p><b>A Special Integration Group (SIG)</b> is a workgroup that provides an implementation of technical
+                  specifications with the goal to produce reference designs. A SIG will normally provide a reference design, a
+                  finished product, or help maintain project for direct usage.</p>
+              </div>
+            </div>
+            <div class="row flex-md-row-reverse">
+              <div class="col-md-6 mb-5"><img class="img-fluid" src="./img/thumb-5.jpg" width="600" height="420" alt="">
+              </div>
+              <div class="col-md-6 mb-5">
+                <h2>OpenPOWER</h2>
+                <h3>Industry Proven</h3>
+                <p>By open sourcing and developing on the POWER ISA - one of the most sophisticated processor architectures
+                  available - the OpenPOWER Foundation is democratizing access and extending the reach of the RISC-based
+                  architecture.</p>
+                <h3>Open for All</h3>
+                <p>With more than 350 members collaborating regularly, the entire semiconductor industry - from global
+                  organizations with deep expertise to individual creators with a new lens - can innovate with choice and build
+                  and develop across the full Hardware and Software stack.</p>
+                <h3>Complete Equation</h3>
+                <p>Open development of this scale enables unprecedented customization across applications, operating systems and
+                  firmware - driving hundreds of innovations across artificial intelligence, supercomputing, hyperscale and
+                  more.</p>
+              </div>
+            </div>
+          </div>
+        </main>
+        <section class="teaser__section pt-0">
+          <div class="container">
+            <h2 class="teaser__title text-center">What are you building?</h2>
+            <div class="row">
+              <article class="post__article col-md-4">
+                <div class="post__thumb"><img class="img-fluid" src="./img/thumb-1.jpg" width="390" height="390" alt="">
+                </div><a class="post__title" href="/">Libre BMC</a>
+              </article>
+              <article class="post__article col-md-4">
+                <div class="post__thumb"><img class="img-fluid" src="./img/thumb-2.jpg" width="390" height="390" alt="">
+                </div><a class="post__title" href="/">Libre BMC</a>
+              </article>
+              <article class="post__article col-md-4">
+                <div class="post__thumb"><img class="img-fluid" src="./img/thumb-3.jpg" width="390" height="390" alt="">
+                </div><a class="post__title" href="/">Libre BMC</a>
+              </article>
+            </div>
+            <p class="text-center"><a class="btn btn-outline-primary">Libre BMC</a></p>
+          </div>
+        </section>
+        <section class="teaser__section _dark">
+          <div class="container text-center">
+            <p class="h2 mb-4">With its open ecosystem approach, active participation from its global membership base and
+              powerful foundation of the POWER ISA, the OpenPOWER Foundation is the premiere organization to facilitate truly
+              effective collaboration and drive meaningful, accessible innovation across the open hardware industry.</p>
+            <p><a class="btn btn-light" href="/">Libre BMC</a></p>
+          </div>
+        </section>
+        <section class="teaser__section">
+          <div class="container">
+            <h2 class="teaser__title text-center">Supporters of OpenPOWER</h2>
+            <div class="row justify-content-center">
+              <div class="col-md-2"><img class="img-fluid" src="./img/180x102.png" width="180" height="102" alt=""></div>
+              <div class="col-md-2"><img class="img-fluid" src="./img/180x102.png" width="180" height="102" alt=""></div>
+              <div class="col-md-2"><img class="img-fluid" src="./img/180x102.png" width="180" height="102" alt=""></div>
+              <div class="col-md-2"><img class="img-fluid" src="./img/180x102.png" width="180" height="102" alt=""></div>
+            </div>
+          </div>
+        </section>
+        <section class="teaser__section _navy">
+          <div class="container text-center">
+            <h2 class="teaser__title">Subscribe to the OpenPOWER newsletter.</h2>
+            <p>Sign up with your email address to receive news and updates.</p>
+            <form class="teaser__form row justify-content-center" action="/" method="post">
+              <div class="col-md-2">
+                <input class="form-control" name="" type="text" value="">
+              </div>
+              <div class="col-md-2">
+                <input class="form-control" name="" type="text" value="">
+              </div>
+              <div class="col-md-2">
+                <input class="form-control" name="" type="text" value="">
+              </div>
+              <div class="col-md-2">
+                <input class="btn btn-outline-primary" type="submit" value="Submit">
+              </div>
+            </form>
+          </div>
+        </section>
 
 {{ partial "footer.html" . }}

themes/openpowerfoundation/layouts/partials/footer.html

@@ -1,4 +1,25 @@
-<footer id="footer">
+<footer class="footer">
+	<div class="container">
+		<div class="row">
+			<div class="col-md-2">
+				<div class="social__list"><a class="social__item _tw" href="/"><span
+							class="visually-hidden">Twitter</span></a><a class="social__item _fb" href="/"><span
+							class="visually-hidden">Facebook</span></a><a class="social__item _in" href="/"><span
+							class="visually-hidden">LinkedIn</span></a><a class="social__item _yt" href="/"><span
+							class="visually-hidden">Youtube</span></a>
+				</div>
+			</div>
+			<div class="col-md">
+				<div class="footer__info">
+					<h3 class="footer__info-title">OpenPOWER Foundation</h3>
+					<div class="footer__addr">Main Office<br>548 Market St<br>PMB 57274<br>San Francisco, California<br>94194-5401
+						US<br>Phone/Fax: +1 415 723 9709</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</footer>
+<!-- <footer id="footer">
 <div class="container">
 	<div class="row">
 		<div class="col-lg-12 text-lg-center">
@@ -116,4 +137,4 @@ if('serviceWorker' in navigator) {
 </script>
 
 </body>
-</html>
+</html> -->

themes/openpowerfoundation/layouts/partials/header.html

@@ -17,12 +17,11 @@
 	<link href="{{ "img/apple-touch-icon.png" | relURL }}" rel="apple-touch-icon">
 	<link href="{{ "lib/bootstrap/css/bootstrap.min.css" | relURL }}" rel="stylesheet" defer>
 	<link href="{{ "lib/animate/animate.min.css" | relURL }}" rel="stylesheet" defer>
-	<link href="{{ "lib/semantic-ui/semantic.min.css" | relURL }}" rel="stylesheet" defer>
 	<link href="{{ "lib/ionicons/css/ionicons.min.css" | relURL }}" rel="stylesheet" defer>
 	<link href="{{ "lib/magnific-popup/magnific-popup.css" | relURL }}" rel="stylesheet" defer>
 	<link href="{{ "lib/slick/slick.css" | relURL }}" rel="stylesheet" defer>
 	<link href="{{ "lib/slick/slick-theme.css" | relURL }}" rel="stylesheet" defer>
-	{{ $stylecss := resources.Get "css/style.css" }}
+	{{ $stylecss := resources.Get "css/main.css" }}
 	{{ $style := $stylecss | resources.Minify }}
 	<link href="{{ $style.RelPermalink }}" rel="stylesheet">
 	{{ $syntaxcss := resources.Get "css/syntax.css" }}

themes/openpowerfoundation/layouts/partials/navbar.html

@@ -1,4 +1,37 @@
-<header id="header">
+
+<header class="header">
+	<div class="container-fluid">
+		<div class="row align-items-center">
+					{{ $imageresource := resources.Get "img/logo.png" }}
+					{{ $imagefile := $imageresource.Resize "350x60" }}
+			<div class="header__logo-col col"><a class="header__logo" href="/"><img src="{{ $imagefile.RelPermalink }}" width="297"
+						height="49" alt="OpenPOWER"></a></div>
+			<div class="header__menu-col col">
+				<nav class="header__menu-nav">
+					<ul class="header__menu d-flex justify-content-center list-unstyled">
+						<li class="header__menu-item"><a href="/about">About</a></li>
+						<li class="header__menu-item _active"><a href="/groups">WorkGroups</a></li>
+						<li class="header__menu-item"><a href="/">Events</a></li>
+						<li class="header__menu-item"><a href="/">Join</a></li>
+						<li class="header__menu-item"><a href="/">Members</a></li>
+						<li class="header__menu-item"><a href="/">Blog</a></li>
+					</ul>
+				</nav>
+			</div>
+			<div class="header__contact-col col d-flex align-items-center">
+				<div class="social__list"><a class="social__item _tw" href="/"><span
+							class="visually-hidden">Twitter</span></a><a class="social__item _fb" href="/"><span
+							class="visually-hidden">Facebook</span></a><a class="social__item _in" href="/"><span
+							class="visually-hidden">LinkedIn</span></a><a class="social__item _yt" href="/"><span
+							class="visually-hidden">Youtube</span></a>
+				</div>
+				<div class="header__contact-btn"><a class="d-block btn-outline-primary btn-sm btn" href="/">Join</a></div>
+			</div>
+		</div>
+	</div>
+</header>
+
+<!-- <header id="header">
 	<div id="logo" class="pull-left">
 		{{ $imageresource := resources.Get "img/openpower-logo-white.png" }}
 		{{ $imagefile := $imageresource.Resize "350x60" }}
@@ -57,4 +90,4 @@
 		<li><a href="https://portal.openpower.foundation/"><i class="sign-in icon"></i>&nbsp;Member Login</a></li>
 	</ul>
 	</nav>
-</header>
+</header> -->

themes/openpowerfoundation/static/img/fb.svg

@@ -0,0 +1 @@
+<svg enable-background="new 0 0 155.139 155.139" viewBox="0 0 155.139 155.139" xmlns="http://www.w3.org/2000/svg"><path d="m89.584 155.139v-70.761h23.742l3.562-27.585h-27.304v-17.609c0-7.984 2.208-13.425 13.67-13.425l14.595-.006v-24.673c-2.524-.328-11.188-1.08-21.272-1.08-21.057 0-35.473 12.853-35.473 36.452v20.341h-23.814v27.585h23.814v70.761z" fill="#010002"/></svg>

themes/openpowerfoundation/static/img/in.svg

@@ -0,0 +1 @@
+<svg enable-background="new 0 0 438.536 438.535" height="438.535" viewBox="0 0 438.536 438.535" width="438.536" xmlns="http://www.w3.org/2000/svg"><path d="m5.424 145.895h94.216v282.932h-94.216z"/><path d="m408.842 171.739c-19.791-21.604-45.967-32.408-78.512-32.408-11.991 0-22.891 1.475-32.695 4.427-9.801 2.95-18.079 7.089-24.838 12.419-6.755 5.33-12.135 10.278-16.129 14.844-3.798 4.337-7.512 9.389-11.136 15.104v-40.232h-93.935l.288 13.706c.193 9.139.288 37.307.288 84.508 0 47.205-.19 108.777-.572 184.722h93.931v-157.887c0-9.705 1.041-17.412 3.139-23.127 4-9.712 10.037-17.843 18.131-24.407 8.093-6.572 18.13-9.855 30.125-9.855 16.364 0 28.407 5.662 36.117 16.987 7.707 11.324 11.561 26.98 11.561 46.966v151.314h93.931v-162.156c-.007-41.688-9.897-73.328-29.694-94.925z"/><path d="m53.103 9.708c-15.796 0-28.595 4.619-38.4 13.848-9.804 9.231-14.703 20.885-14.703 34.973 0 13.891 4.758 25.505 14.275 34.829 9.514 9.325 22.078 13.99 37.685 13.99h.571c15.99 0 28.887-4.661 38.688-13.99 9.801-9.324 14.606-20.934 14.417-34.829-.19-14.087-5.047-25.742-14.561-34.973-9.513-9.233-22.175-13.848-37.972-13.848z"/></svg>

themes/openpowerfoundation/static/img/tw.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m23.953 4.57a10 10 0 0 1 -2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0 -8.384 4.482c-4.09-.193-7.713-2.158-10.14-5.126a4.822 4.822 0 0 0 -.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1 -2.228-.616v.06a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1 -2.212.085 4.936 4.936 0 0 0 4.604 3.417 9.867 9.867 0 0 1 -6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63a9.935 9.935 0 0 0 2.46-2.548z"/></svg>

themes/openpowerfoundation/static/img/yt.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m23.498 6.186a3.016 3.016 0 0 0 -2.122-2.136c-1.871-.505-9.376-.505-9.376-.505s-7.505 0-9.377.505a3.017 3.017 0 0 0 -2.121 2.136c-.502 1.884-.502 5.814-.502 5.814s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136c.501-1.884.501-5.814.501-5.814s0-3.93-.502-5.814zm-13.953 9.382v-7.136l6.273 3.568z"/></svg>