miczyg
/
openpower.foundation
forked from website/openpower.foundation
2
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update theme

Browse Source 
Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>
archetype-theme-transition
Toshaan Bharvani 3 years ago
parent 4a4de3c3b7
commit 79cd0e21c1
9 changed files with 236 additions and 116 deletions
Show Stats Download Patch File Download Diff File

86
themes/openpowerfoundation/assets/css/style.css
Unescape Escape View File

@ -35,7 +35,7 @@ h1, h2, h3, h4, h5, h6 {
.back-to-top { .back-to-top {
position: fixed; position: fixed;
display: none; display: none;
background: #ffffff; background: #007aad;
color: #fff; color: #fff;
padding: 2px 20px 8px 20px; padding: 2px 20px 8px 20px;
font-size: 16px; font-size: 16px;
@ -591,7 +591,12 @@ body.mobile-nav-active #mobile-nav-toggle {
} }


#list { #list {
font-size: 32px; font-size: 18px;
}

#list h1, h2, h3 {
font-size: 24px;
text-decoration: underline;
} }
#list ul { #list ul {
list-style: none; list-style: none;
@ -607,6 +612,9 @@ body.mobile-nav-active #mobile-nav-toggle {
#list ul li a:hover { #list ul li a:hover {
background: #333333; background: #333333;
} }
#list table, tb, td {
border: 1px solid #000000;
}


#about { #about {
padding: 60px 0; padding: 60px 0;
@ -659,6 +667,57 @@ body.mobile-nav-active #mobile-nav-toggle {
padding-bottom: 10px; padding-bottom: 10px;
} }


#page {
padding: 60px 0;
}
#page .page-img {
height: 510px;
overflow: hidden;
}
#page .page-img img {
margin-left: -15px;
max-width: 100%;
}
@media (max-width: 768px) {
#page .page-img {
height: auto;
}
#page .page-img img {
margin-left: 0;
padding-bottom: 30px;
}
}
#page .content .h2 {
color: #333;
font-weight: 300;
font-size: 24px;
}
#page .content h3 {
color: #777;
font-weight: 300;
font-size: 18px;
line-height: 26px;
font-style: italic;
}
#page .content p {
line-height: 26px;
}
#page .content p:last-child {
margin-bottom: 0;
}
#page .content i {
font-size: 20px;
padding-right: 4px;
color: #1dc8cd;
}
#page .content ul {
list-style: none;
padding: 0;
}
#page .content ul li {
padding-bottom: 10px;
}

#features { #features {
background: #ffffff; background: #ffffff;
padding: 60px 0 0 0; padding: 60px 0 0 0;
@ -771,8 +830,9 @@ 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-size: cover; background-image: url(../img/call-to-action-bg.jpg);
background-repeat: repeat-x;
padding: 40px 0; padding: 40px 0;
} }
#call-to-action .cta-title { #call-to-action .cta-title {
@ -781,6 +841,7 @@ body.mobile-nav-active #mobile-nav-toggle {
font-weight: 700; font-weight: 700;
} }
#call-to-action .cta-text { #call-to-action .cta-text {
font-size: 24px;
color: #ffffff; color: #ffffff;
} }
@media (min-width: 769px) { @media (min-width: 769px) {
@ -801,22 +862,25 @@ body.mobile-nav-active #mobile-nav-toggle {
transition: background 0.5s; transition: background 0.5s;
margin: 10px; margin: 10px;
border: 2px solid #ffffff; border: 2px solid #ffffff;
color: #ffffff; color: #000000;
background: #ffffff;
} }
#call-to-action .cta-btn:hover { #call-to-action .cta-btn:hover {
background: #ff8800; color: #ffffff;
border: 2px solid #ff8800; background: #007aad;
border: 2px solid #007aad;
} }


#more-features { #more-features {
padding: 60px 0 60px 0; padding: 60px 0 60px 0;
} }
#more-features .box { #more-features .box {
padding: 40px; padding: 20px 20px 20px 20px;
margin-bottom: 30px; margin-bottom: 20px;
box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15); box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
background: #fff; background: #fff;
transition: 0.4s; transition: 0.4s;
border-radius: 25px;
} }
#more-features .icon { #more-features .icon {
float: left; float: left;
@ -837,7 +901,7 @@ body.mobile-nav-active #mobile-nav-toggle {
} }
*/ */
#more-features h4 { #more-features h4 {
margin-left: 100px; margin-left: 10px;
font-weight: 700; font-weight: 700;
margin-bottom: 15px; margin-bottom: 15px;
font-size: 18px; font-size: 18px;
@ -847,7 +911,7 @@ body.mobile-nav-active #mobile-nav-toggle {
} }
#more-features p { #more-features p {
font-size: 14px; font-size: 14px;
margin-left: 100px; margin-left: 30px;
margin-bottom: 0; margin-bottom: 0;
line-height: 24px; line-height: 24px;
} }

5
themes/openpowerfoundation/layouts/_default/list.html
Unescape Escape View File

@ -51,5 +51,8 @@


</main> </main>


{{ partial "footer.html" . }} {{ if .Param "calltoaction" }}
{{ partial "calltoaction.html" . }}
{{ end }}


{{ partial "footer.html" . }}

78
themes/openpowerfoundation/layouts/_default/single.html
Unescape Escape View File

@ -3,51 +3,49 @@
{{ partial "navbar.html" . }} {{ partial "navbar.html" . }}


<main id="main"> <main id="main">

<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> <h3 class="section-title">{{ .Title }}</h3>
<span class="section-divider"></span> <span class="section-divider"></span>
<p class="section-description"></p> <p class="section-description"></p>
</div> </div>
<div class="row"> <div class="row">
{{ if .Param "image" }} {{ if .Param "image" }}
<div class="col-lg-6 text-right content wow fadeInLeft"> <div class="col-lg-6 text-right content wow fadeInLeft">
<p> <p>
{{ $imagefilename := .Param "image.file" }} {{ $imagefilename := .Param "image.file" }}
{{ $imagesize := .Param "image.size" }} {{ $imagesize := .Param "image.size" }}
{{ $imagelocation := printf "%s/%s" "img" $imagefilename }} {{ $imagelocation := printf "%s/%s" "img" $imagefilename }}
{{ $imageresource := resources.Get $imagelocation }} {{ $imageresource := resources.Get $imagelocation }}
{{ if $imageresource }} {{ if $imageresource }}
{{ $imagefile := $imageresource }} {{ $imagefile := $imageresource }}
{{ if $imagesize }} {{ if $imagesize }}
{{ $imagefile = $imageresource.Resize $imagesize }} {{ $imagefile = $imageresource.Resize $imagesize }}
{{ else }} {{ else }}
{{ $imagefile = $imageresource.Resize "750x750" }} {{ $imagefile = $imageresource.Resize "750x750" }}
{{ end }}
<figure>
<img src="{{ $imagefile.RelPermalink }}">
</figure>
{{ end }} {{ end }}
</p> <figure>
</div> <img src="{{ $imagefile.RelPermalink }}">
<div class="col-lg-6 content wow fadeInRight"> </figure>
{{ else }} {{ end }}
<div class="col-lg-2">&nbsp;</div> </p>
<div class="col-lg-8 content wow fadeInTop">
{{ end }}
<p>{{ .Content }}</p>
{{ if .Param "image" }}
</div>
{{ else }}
</div>
<div class="col-lg-2">&nbsp;</div>
{{ end }}
</div> </div>
<div class="col-lg-6 content wow fadeInRight">
{{ else }}
<div class="col-lg-2">&nbsp;</div>
<div class="col-lg-8 content wow fadeInTop">
{{ end }}
<p>{{ .Content }}</p>
{{ if .Param "image" }}
</div>
{{ else }}
</div>
<div class="col-lg-2">&nbsp;</div>
{{ end }}
</div> </div>
</div>
</section> </section>

</main> </main>


{{ partial "footer.html" . }} {{ partial "footer.html" . }}

13
themes/openpowerfoundation/layouts/events/list.html
Unescape Escape View File

@ -43,4 +43,17 @@


</main> </main>



<script>
var today = new Date();
var date = today.getFullYear()+'-'+today.getMonth()+'-'+today.getDate();
</script>








{{ partial "footer.html" . }} {{ partial "footer.html" . }}

1
themes/openpowerfoundation/layouts/groups/list.html
Unescape Escape View File

@ -20,6 +20,7 @@
<div class="col-lg-2">&nbsp;</div> <div class="col-lg-2">&nbsp;</div>
</div> </div>
{{ end }} {{ end }}
<div class="row">&nbsp;</div>
<div class="row"> <div class="row">
{{ range (.Data.Pages.ByParam "wgtype").Reverse }} {{ range (.Data.Pages.ByParam "wgtype").Reverse }}
{{ $color := "transparent" }} {{ $color := "transparent" }}

131
themes/openpowerfoundation/layouts/groups/single.html
Unescape Escape View File

@ -10,57 +10,89 @@
<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> <h3 class="section-title">{{ .Title }}</h3>
<span class="section-divider"></span>
</div> </div>
</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-4">
Workgroup Details :
<ul> <ul>
{{ if .Param "chair" }} <li>Workgroup Details :
{{ $chairfile := printf "%s/%s" "persons" (.Param "chair") }} <ul>
{{ with $.Site.GetPage $chairfile }} {{ if .Param "chair" }}
<li>Chair : <a href="{{ .Permalink }}">{{ .Title }}</a> {{ $chairfile := printf "%s/%s" "persons" (.Param "chair") }}
{{ if .Param "member" }} {{ with $.Site.GetPage $chairfile }}
{{ $memberfile := printf "%s/%s" "members" (.Param "member") }} <li>Chair : <a href="{{ .Permalink }}">{{ .Title }}</a>
{{ with $.Site.GetPage $memberfile }} {{ if .Param "member" }}
(<a href="{{ .Permalink }}">{{ .Title }}</a>) {{ $memberfile := printf "%s/%s" "members" (.Param "member") }}
{{ with $.Site.GetPage $memberfile }}
(<a href="{{ .Permalink }}">{{ .Title }}</a>)
{{ end }}
{{ end }} {{ end }}
</li>
{{ end }} {{ end }}
</li>
{{ end }} {{ end }}
{{ end }} {{ if .Param "wgtype" }}
{{ if .Param "wgtype" }} {{ $data := index $.Site.Data }}
{{ $data := index $.Site.Data }} {{ $wgtype := .Param "wgtype" }}
{{ $wgtype := .Param "wgtype" }} {{ range $data.workgroups }}
{{ range $data.workgroups }} {{ if eq $wgtype .id }}
{{ if eq $wgtype .id }} <li>Type : {{ .name }}</li>
<li>Type : {{ .name }}</li> {{ end }}
{{ end }} {{ end }}
{{ end }} {{ end }}
{{ end }} {{ if .Param "participation" }}
{{ if .Param "participation" }} <li>
<li> Participation : {{ .Param "participation" }}
Participation : {{ .Param "participation" }} {{ if eq (.Param "participation") "Public" }}
{{ if eq (.Param "participation") "Public" }} <i class="fa fa-universal-access" aria-hidden="true"></i>
<i class="fa fa-universal-access" aria-hidden="true"></i> {{ end }}
{{ end }} {{ if eq (.Param "participation") "Members" }}
<i class="users icon" aria-hidden="true"></i>
{{ end }}
{{ if eq (.Param "participation") "Limited" }}
<i class="fas fa-user-lock" aria-hidden="true"></i>
{{ end }}
</li>
{{ end }}
</ul>
</li> </li>
{{ end }} <li>Workgroup Resources :
{{ if .Param "git" }} <ul>
<li>Git <i class="git icon"></i> : <a href="{{ .Param "git" }}">{{ .Param "git" }}</a></li> {{ if .Param "discussion" }}
{{ end }} <li>Discussion <i class="bullhorn icon" aria-hidden="true"></i> : <a href="{{ .Param "discussion" }}">{{ .Param "discussion" }}</a></li>
{{ if .Param "discussion" }} {{ end }}
<li>Discussion <i class="bullhorn icon" aria-hidden="true"></i> : <a href="{{ .Param "discussion" }}">{{ .Param "discussion" }}</a></li> {{ if .Param "calendar" }}
{{ end }} <li>Webcal <i class="calendar alternative icon" aria-hidden="true"></i> :<ul>
{{ if .Param "chat" }} <li><a href="{{ .Param "calendar.web" }}">{{ .Param "calendar.web" }}</a></li>
<li>Chat <i class="comments icon" aria-hidden="true"></i> : <a href="{{ .Param "chat" }}">{{ .Param "chat" }}</a></li> <li><a href="{{ .Param "calendar.ics" }}">{{ .Param "calendar.ics" }}</a></li>
{{ end }} </ul></li>
</ul> {{ end }}
</div> {{ if .Param "git" }}
<div class="col-lg-4"> <li>Git <i class="git icon"></i> :<ul>
<li><a href="{{ .Param "git" }}">{{ .Param "git" }}</a></li>
</ul></li>
{{ end }}
{{ if .Param "chat" }}
<li>Chat <i class="comments icon" aria-hidden="true"></i><ul>
<li><a href="{{ .Param "chat.mattermost" }}">{{ .Param "chat.mattermost" }}</a></li>
{{ if .Param "chat.slack" }}
<li><a href="{{ .Param "chat.slack" }}">{{ .Param "chat.slack" }}</a></li>
{{ end }}
{{ if .Param "chat.irc" }}
<li>{{ .Param "chat.irc" }}</li>
{{ end }}
</ul></li>
{{ end }}
{{ if .Param "files" }}
<li>Files <i class="folder open icon"></i> : <a href="{{ .Param "files" }}">{{ .Param "files" }}</a></li>
{{ end }}
{{ if .Param "kanban" }}
<li>Kanban <i class="tasks icon"></i> : <a href="{{ .Param "kanban" }}">{{ .Param "kanban" }}</a></li>
{{ end }}
</ul>
{{ if .Param "members" }} {{ if .Param "members" }}
Active Voting Work Group Members :<br> <li>Active Voting Work Group Members :
<ul> <ul>
{{ range $member := .Param "members" }} {{ range $member := .Param "members" }}
{{ $memberfile := printf "%s/%s" "members" $member }} {{ $memberfile := printf "%s/%s" "members" $member }}
@ -71,7 +103,7 @@
{{ $imagename := .Param "image" }} {{ $imagename := .Param "image" }}
{{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }} {{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }} {{ $imageresource := resources.Get $imagelocation }}
{{ $image := $imageresource.Fit "50x50" }} {{ $image := $imageresource.Fit "75x75" }}
<img src="{{ $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}"> <img src="{{ $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
{{ else }} {{ else }}
{{ .Title }} {{ .Title }}
@ -81,22 +113,19 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
</ul> </ul>
</li>
{{ end }} {{ end }}
</ul>
</div>
<div class="col-lg-4">
{{ if .Content }}
{{ .Content }}
{{ else }}
&nbsp;
{{ end }}
</div> </div>
<div class="col-lg-2">&nbsp;</div> <div class="col-lg-2">&nbsp;</div>
</div> </div>
<div class="row">
<span class="section-divider"></span>
</div>
</div>
<div class="row">
{{ if .Content }}
<div class="col-lg-2">&nbsp;</div>
<div class="col-lg-8">
{{ .Content }}
</div>
<div class="col-lg-2">&nbsp;</div>
{{ end }}
</div> </div>
</div> </div>
</section> </section>

2
themes/openpowerfoundation/layouts/partials/footer.html
Unescape Escape View File

@ -60,6 +60,8 @@
<script src="{{ "lib/superfish/superfish.min.js" | absURL }}"></script> <script src="{{ "lib/superfish/superfish.min.js" | absURL }}"></script>
<script src="{{ "lib/magnific-popup/magnific-popup.min.js" | absURL }}"></script> <script src="{{ "lib/magnific-popup/magnific-popup.min.js" | absURL }}"></script>
<script src="{{ "lib/slick/slick.min.js" | absURL }}"></script> <script src="{{ "lib/slick/slick.min.js" | absURL }}"></script>
<script src="https://registration.openpower.foundation/widget/v1.en.js" type="text/javascript" async></script>
<script src="https://cfp.openpower.foundation/summit2021/schedule/widget/v2.en.js" type="text/javascript" async></script>


<script src="{{ "js/preload.js" | absURL }}"></script> <script src="{{ "js/preload.js" | absURL }}"></script>



23
themes/openpowerfoundation/layouts/partials/intro.html
Unescape Escape View File

@ -20,6 +20,29 @@
<div id="feed-blog-content"></div> <div id="feed-blog-content"></div>
</div> </div>
</div> </div>
<div class="row">
<div class="col-lg-12 text-center"><h1>Supporters of OpenPOWER</h1></div>
{{ range $.Site.Pages }}
{{ $level := .Param "level" }}
{{ if eq $level "platinum" }}
<div class="col-lg-3">
<div class="box">
<a href="{{ .Permalink }}">
{{ if .Param "image" }}
{{ $imagename := .Param "image" }}
{{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }}
{{ $image := $imageresource.Fit "200x200" }}
<img src="{{ $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
{{ else }}
{{ .Title }}
{{ end }}
</a>
</div>
</div>
{{ end }}
{{ end }}
</div>
</div> </div>
</section> </section>



13
themes/openpowerfoundation/layouts/shortcodes/pretix.html
Unescape Escape View File

@ -1,13 +0,0 @@
{{ $eventorganizer := .Get "organizer" }}
{{ $eventcode := .Get "event" }}

<div class="pretix-widget-compat" event="https://registration.gsebelux.eu/{{ $eventorganizer }}/{{ $eventcode }}/"></div>
<noscript>
<div class="pretix-widget">
<div class="pretix-widget-info-message">
JavaScript is disabled in your browser. To access our ticket shop without JavaScript,
please <a target="_blank" rel="noopener" href="https://registration.gsebelux.eu/{{ $eventorganizer }}/{{ $eventcode }}/">click here</a>.
</div>
</div>
</noscript>

Write Preview
Loading…
Cancel
Save