final email list items

remotes/1691121312378018446/archetype-theme-transition
Ryan Holder 3 years ago
parent 16f959d24e
commit d90a83aace

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


.changelogtimeline:before { .changelogtimeline:before {
@ -15,7 +16,7 @@
display: block; display: block;
width: 6px; width: 6px;
height: 100%; height: 100%;
margin-left: -3px; margin-left: -7px;
background: rgb(80,80,80); 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: -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))); 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; color: #fff;
background-color: #02123e; background-color: #02123e;
a {
color: white;
&:hover {
color: #2566f4;
}
}
} }

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


#workgroupsingle { #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, &__contact-btn,
&__login-btn { &__login-btn {
min-width: 80px; min-width: 80px;
margin-left: 1.5em;
white-space: nowrap; white-space: nowrap;
} }
&__login-btn {
margin-left: 1.5em;
}
} }




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


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


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


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

&.desktop-view { &.desktop-view {
@media screen and (max-width: $lg) { @media screen and (max-width: $lg) {
display: none; 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"> <footer class="footer">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-4">
<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="footer__info"> <div class="footer__info">
<h3 class="footer__info-title">OpenPOWER Foundation</h3> <h3 class="footer__info-title">OpenPOWER Foundation</h3>
<div class="footer__addr"> <div class="footer__addr">
@ -21,7 +13,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class=col-md-3> <div class=col-md-4>
<div class="footer__info"> <div class="footer__info">
<h3 class="footer__info-title">Governance</h3> <h3 class="footer__info-title">Governance</h3>
<div class="footer__addr"> <div class="footer__addr">
@ -32,7 +24,14 @@
</div> </div>
</div> </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> </div>
</div> </div>

@ -75,7 +75,7 @@
</div> </div>
<div class="header__login-btn login-button desktop-view"> <div class="header__login-btn login-button desktop-view">
<a class="d-block btn-outline-primary btn-sm btn" href="https://portal.openpower.foundation/"> <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> </a>
</div> </div>
</div> </div>

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

@ -10,13 +10,16 @@
<section id="page" class="section-bg"> <section id="page" class="section-bg">
<div class="container-fluid"> <div class="container-fluid">
<div class="section-header"> <div class="section-header">
<h3 class="section-title">{{ .Title }}</h3> <h2 class="section-title text-center">{{ .Title }}</h2>
<p class="section-description"></p> <p class="section-description"></p>
<span class="section-divider"></span> <span class="section-divider"></span>
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-2">&nbsp;</div> <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> <ul>
{{ if .Param "vendor" }} {{ if .Param "vendor" }}
<li>Vendor : {{ .Param "vendor" }}</li> <li>Vendor : {{ .Param "vendor" }}</li>
@ -25,22 +28,13 @@
<li>Criteria Version : {{ .Param "criteria" }}</li> <li>Criteria Version : {{ .Param "criteria" }}</li>
{{ end }} {{ end }}
</ul> </ul>
</div> <h4>Tags</h4>
<div class="col-lg-4">
<ul id="tags"> <ul id="tags">
{{ range .Params.tags }} {{ range .Params.tags }}
<li>{{ . }}</li> <li>{{ . }}</li>
{{ end }} {{ end }}
</ul> </ul>
</div> </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>
</div> </div>
</section> </section>

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

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

Loading…
Cancel
Save