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

update theme 

Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>
archetype-theme-transition
Toshaan Bharvani 2 years ago
parent
4a4de3c3b7
commit
79cd0e21c1
9 changed files with 236 additions and 116 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 86
      themes/openpowerfoundation/assets/css/style.css
  2. 5
      themes/openpowerfoundation/layouts/_default/list.html
  3. 78
      themes/openpowerfoundation/layouts/_default/single.html
  4. 13
      themes/openpowerfoundation/layouts/events/list.html
  5. 1
      themes/openpowerfoundation/layouts/groups/list.html
  6. 131
      themes/openpowerfoundation/layouts/groups/single.html
  7. 2
      themes/openpowerfoundation/layouts/partials/footer.html
  8. 23
      themes/openpowerfoundation/layouts/partials/intro.html
  9. 13
      themes/openpowerfoundation/layouts/shortcodes/pretix.html

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

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

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

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

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

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

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

@ -51,5 +51,8 @@ @@ -51,5 +51,8 @@

</main>

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

{{ partial "footer.html" . }}

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

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

<main id="main">

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

</main>

{{ partial "footer.html" . }}

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

@ -43,4 +43,17 @@ @@ -43,4 +43,17 @@

</main>


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








{{ partial "footer.html" . }}

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

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

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

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

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

@ -60,6 +60,8 @@ @@ -60,6 +60,8 @@
<script src="{{ "lib/superfish/superfish.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="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>


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

@ -20,6 +20,29 @@ @@ -20,6 +20,29 @@
<div id="feed-blog-content"></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>
</section>


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

@ -1,13 +0,0 @@ @@ -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