final email list items

archetype-theme-transition
Ryan Holder 2 years ago
parent 16f959d24e
commit d90a83aace

@ -5,6 +5,7 @@
margin-top: 20px;
padding: 1em 0;
list-style-type: none;
left: -330px;
}

.changelogtimeline:before {
@ -15,7 +16,7 @@
display: block;
width: 6px;
height: 100%;
margin-left: -3px;
margin-left: -7px;
background: rgb(80,80,80);
background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));

@ -11,4 +11,10 @@

color: #fff;
background-color: #02123e;
a {
color: white;
&:hover {
color: #2566f4;
}
}
}

@ -45,35 +45,4 @@ main {
}

#workgroupsingle {
.details {
ul {
list-style-type: none;
padding-left: 0;
}
> ul {
list-style-type: none;
padding-left: 0;
> li {
margin-bottom: 6px;
background-color: #f7f7f7;
padding: 10px 6px;
> ul {
background-color: white;
padding: 10px 6px;
> li {
padding: 5px;
> ul {;
display: flex;
flex-wrap: wrap;
border-left: 2px solid #f7f7f7;
> li {
flex: 1 0 50%;
padding: 5px;
}
}
}
}
}
}
}
}

@ -89,9 +89,11 @@ body {
&__contact-btn,
&__login-btn {
min-width: 80px;
margin-left: 1.5em;
white-space: nowrap;
}
&__login-btn {
margin-left: 1.5em;
}
}


@ -180,7 +182,7 @@ body {

.header__menu-item {
@media screen and (min-width: $lg) {
font-size: 83%;
// font-size: 83%;
}

&.menu-has-children {
@ -244,9 +246,6 @@ body {
}

.social__list {
align-items: center;
justify-content: center;

&.desktop-view {
@media screen and (max-width: $lg) {
display: none;

@ -220,5 +220,37 @@ section#steeringcomittee {
}
}

.details {
ul {
list-style-type: none;
padding-left: 0;
}
> ul {
list-style-type: none;
padding-left: 0;
> li {
margin-bottom: 6px;
background-color: #f7f7f7;
padding: 10px 6px;
> ul {
background-color: white;
padding: 10px 6px;
> li {
padding: 5px;
> ul {
display: flex;
flex-wrap: wrap;
border-left: 2px solid #f7f7f7;
> li {
flex: 1 0 50%;
padding: 5px;
}
}
}
}
}
}
}




@ -1,15 +1,7 @@
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="social__list pb-4 pb-lg-0">
<a target="_blank" class="social__item _tw" href="https://twitter.com/OpenPOWERorg"><span class="visually-hidden">Twitter</span></a>
<a target="_blank" class="social__item _fb" href="https://www.facebook.com/openpower"><span class="visually-hidden">Facebook</span></a>
<a target="_blank" class="social__item _in" href="https://www.linkedin.com/company/openpower-foundation/?viewAsMember=true"><span class="visually-hidden">LinkedIn</span></a>
<a target="_blank" class="social__item _yt" href="https://www.youtube.com/channel/UCNVcHm09eXVbvUzZkQs0_Sg"><span class="visually-hidden">Youtube</span></a>
</div>
</div>
<div class="col-md-3">
<div class="col-md-4">
<div class="footer__info">
<h3 class="footer__info-title">OpenPOWER Foundation</h3>
<div class="footer__addr">
@ -21,18 +13,25 @@
</div>
</div>
</div>
<div class=col-md-3>
<div class=col-md-4>
<div class="footer__info">
<h3 class="footer__info-title">Governance</h3>
<div class="footer__addr">
<a href="{{ "/privacypolicy/" | relURL }}">Privacy Policy</a><br>
<a href="{{ " /privacypolicy/" | relURL }}">Privacy Policy</a><br>
<a href="">Certificate of Incorporation</a><br>
<a href="">Bylaws</a><br>
<a href="">IP Rights Policy</a>
</div>
</div>
</div>
<div class=col-md-3>
<div class="col-md-4">
<p>Stay in touch, follow us:</p>
<div class="social__list pb-4 pb-lg-0">
<a target="_blank" class="social__item _tw" href="https://twitter.com/OpenPOWERorg"><span class="visually-hidden">Twitter</span></a>
<a target="_blank" class="social__item _fb" href="https://www.facebook.com/openpower"><span class="visually-hidden">Facebook</span></a>
<a target="_blank" class="social__item _in" href="https://www.linkedin.com/company/openpower-foundation/?viewAsMember=true"><span class="visually-hidden">LinkedIn</span></a>
<a target="_blank" class="social__item _yt" href="https://www.youtube.com/channel/UCNVcHm09eXVbvUzZkQs0_Sg"><span class="visually-hidden">Youtube</span></a>
</div>
</div>
</div>
</div>

@ -75,7 +75,7 @@
</div>
<div class="header__login-btn login-button desktop-view">
<a class="d-block btn-outline-primary btn-sm btn" href="https://portal.openpower.foundation/">
<i class="fas fa-sign-in-alt"></i>
Login&nbsp;<i class="fas fa-sign-in-alt"></i>
</a>
</div>
</div>

@ -9,7 +9,7 @@
<div class="section-header">
<div class="row">
<div class="col-lg-12 text-center">
<h3 class="section-title">{{ .Title }}</h3>
<h2 class="section-title text-center">{{ .Title }}</h2>
</div>
</div>
<div class="row">
@ -34,11 +34,11 @@
<form action="{{ .RelPermalink }}" onkeyup="executeInlineSearch()">
<input id="search-query" placeholder="Search..." name="s" autocomplete="off" search autofocus/>
</form>
<div id="search-results"><h3 class="search-results-title">Matching pages</h3></div>
<div id="search-results"><h3 class="search-results-title mb-4">Matching pages</h3></div>
</div>
<script id="search-result-template" type="text/x-js-template">
<div class="search-results-summary" id="summary-${key}">
<h4><a class="search-item" href="${link}">${title}</a></h4>
<h4><a class="search-item mb-4" href="${link}">${title}</a></h4>
<p>${snippet} ... <a class="search-item-more" href="${link}">[more]</a></p>
${ isset tags }<p>${tags}</p>${ end }
${ isset categories }<p>Categories: ${categories}</p>${ end }
@ -51,11 +51,11 @@
<span class="section-divider"></span>
</div>
</div>
<div class="row">
<div class="row pb-4">
{{ range .Data.Pages }}
<div class="col-lg-2">&nbsp;</div>
<div class="col-lg-8">
<a href="{{ .Permalink }}">{{ .Title }}</a>
<a class="mb-4" href="{{ .Permalink }}">{{ .Title }}</a>
</div>
<div class="col-lg-2">&nbsp;</div>
{{ end }}

@ -10,37 +10,31 @@
<section id="page" class="section-bg">
<div class="container-fluid">
<div class="section-header">
<h3 class="section-title">{{ .Title }}</h3>
<h2 class="section-title text-center">{{ .Title }}</h2>
<p class="section-description"></p>
<span class="section-divider"></span>
</div>
<div class="row">
<div class="col-lg-2">&nbsp;</div>
<div class="col-lg-4">
<div class="col-lg-6 content wow fadeInTop">
<p>{{ .Content }}</p>
</div>
<div class="col-lg-2 details">
<ul>
{{ if .Param "vendor" }}
{{ if .Param "vendor" }}
<li>Vendor : {{ .Param "vendor" }}</li>
{{ end }}
{{ if .Param "criteria" }}
{{ end }}
{{ if .Param "criteria" }}
<li>Criteria Version : {{ .Param "criteria" }}</li>
{{ end }}
{{ end }}
</ul>
</div>
<div class="col-lg-4">
<h4>Tags</h4>
<ul id="tags">
{{ range .Params.tags }}
{{ range .Params.tags }}
<li>{{ . }}</li>
{{ end }}
{{ end }}
</ul>
</div>
<div class="col-lg-2">&nbsp;</div>
</div>
<div class="row">
<div class="col-lg-2">&nbsp;</div>
<div class="col-lg-8 content wow fadeInTop">
<p>{{ .Content }}</p>
</div>
<div class="col-lg-2">&nbsp;</div>
</div>
</div>
</section>

@ -9,7 +9,7 @@
<div class="section-header">
<div class="row">
<div class="col-lg-12 text-center">
<h3 class="section-title">{{ .Title }}</h3>
<h1 class="section-title text-center">{{ .Title }}</h1>
</div>
</div>
<div class="row">
@ -46,11 +46,11 @@
<span class="section-divider"></span>
</div>
</div>
<div class="row">
<div class="row pb-4 text-center">
{{ range .Data.Pages }}
<div class="col-lg-2">&nbsp;</div>
<div class="col-lg-8">
<a href="{{ .Permalink }}">{{ .Title }}</a>
<a class="mb-4" href="{{ .Permalink }}">{{ .Title }}</a>
</div>
<div class="col-lg-2">&nbsp;</div>
{{ end }}

@ -9,15 +9,16 @@
<section id="page" class="section-bg">
<div class="row">
<div class="section-header my-3 my-md5 pb-2 pb-md3 text-center">
<h1 class="section-title text-center">{{ .Title }}</h1>
<h2 class="section-title text-center">{{ .Title }}</h2>
<p class="section-description"></p>
</div>
<div class="row">
<div class="col-lg-2"></div>
<div class="col-lg-8">
<div class="col-lg-6">
{{ if $datafile.versions }}
{{ range last 1 $datafile.versions }}
<a href="{{ .download }}"><i class="far fa-file-pdf mr-2"></i>&nbsp;Download version {{.number }}</a>
<span class="changetime-wrapper"><span class="changetime">{{ .date }}</span></span>
{{ end }}
{{ end }}
</div>

Loading…
Cancel
Save