add homepage, header, footer, styles

archetype-theme-transition
Ryan Holder 2 years ago
parent abe788fb96
commit 81b1ffec4e

File diff suppressed because it is too large Load Diff

@ -1,4 +1,4 @@
body { /* body {
background: #ffffff; background: #ffffff;
color: #000000; color: #000000;
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
@ -711,8 +711,8 @@ body.mobile-nav-active #mobile-nav-toggle {
color: #1dc8cd; color: #1dc8cd;
} }
#page .content ul { #page .content ul {
/*list-style: none;*/ list-style: none;
/*padding: 0;*/ padding: 0;
} }
#page .content ul li { #page .content ul li {
padding-bottom: 10px; padding-bottom: 10px;
@ -830,7 +830,7 @@ body.mobile-nav-active #mobile-nav-toggle {
} }


#call-to-action { #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-image: url(../img/call-to-action-bg.jpg);
background-repeat: repeat-x; background-repeat: repeat-x;
padding: 40px 0; padding: 40px 0;
@ -891,7 +891,6 @@ body.mobile-nav-active #mobile-nav-toggle {
transition: 0.5s; transition: 0.5s;
line-height: 0; line-height: 0;
} }
/*
#more-features .icon i:before { #more-features .icon i:before {
background: #ff8800; background: #ff8800;
background: linear-gradient(45deg, #ffff00 0%, #ff8800 100%); background: linear-gradient(45deg, #ffff00 0%, #ff8800 100%);
@ -899,7 +898,6 @@ body.mobile-nav-active #mobile-nav-toggle {
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
} }
*/
#more-features h4 { #more-features h4 {
margin-left: 10px; margin-left: 10px;
font-weight: 700; font-weight: 700;
@ -1413,4 +1411,4 @@ body.mobile-nav-active #mobile-nav-toggle {
} }
#search-query { #search-query {
width: 75%; width: 75%;
} } */

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

@ -1,7 +1,108 @@
{{ partial "header.html" . }} {{ partial "header.html" . }}


{{ partial "navbar.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" . }} {{ partial "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="container">
<div class="row"> <div class="row">
<div class="col-lg-12 text-lg-center"> <div class="col-lg-12 text-lg-center">
@ -116,4 +137,4 @@ if('serviceWorker' in navigator) {
</script> </script>


</body> </body>
</html> </html> -->

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

@ -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"> <div id="logo" class="pull-left">
{{ $imageresource := resources.Get "img/openpower-logo-white.png" }} {{ $imageresource := resources.Get "img/openpower-logo-white.png" }}
{{ $imagefile := $imageresource.Resize "350x60" }} {{ $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> <li><a href="https://portal.openpower.foundation/"><i class="sign-in icon"></i>&nbsp;Member Login</a></li>
</ul> </ul>
</nav> </nav>
</header> </header> -->

Binary file not shown.

After

Width:  |  Height:  |  Size: 97 B

@ -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>

After

Width:  |  Height:  |  Size: 370 B

@ -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>

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 423 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 248 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 149 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 166 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 184 KiB

@ -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>

After

Width:  |  Height:  |  Size: 596 B

@ -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>

After

Width:  |  Height:  |  Size: 450 B

Loading…
Cancel
Save