hugo-academic/layouts/partials/widget_page.html

{{ partial "header.html" . }}
{{ partial "navbar.html" . }}

<!-- Flag for jQuery -->
<span id="homepage" class="d-none"></span>

{{ $section := "" }}
{{ if .IsHome }}
  {{ $section = "home" }}
{{ else }}
  {{ $section = .Section }}
{{ end }}

<!-- Widgets -->
{{ range $index, $st := where (where .Data.Pages "Section" $section) ".Params.active" "!=" false }}
  {{/* Begin widget styling */}}
  {{ $bg := $st.Params.design.background }}
  {{ $style := "" }}

  {{ if $bg.color }}
    {{ $style = printf "background-color: %s;" ($bg.color | default "transparent") }}
  {{ end }}

  {{ if and $bg.gradient_start $bg.gradient_end }}
    {{ $style = printf "%sbackground-image: linear-gradient(%s, %s);" $style $bg.gradient_start $bg.gradient_end }}
  {{ end }}

  {{ if $bg.image }}
    {{ $darken := "" }}
    {{ if $bg.image_darken }}
      {{ $darken = printf "linear-gradient(rgba(0, 0, 0, %s), rgba(0, 0, 0, %s))," (string $bg.image_darken) (string $bg.image_darken) }}
    {{ end }}
    {{/* See Hugo note on linking assets in styles: https://github.com/gohugoio/hugoThemes#common-permalink-issues */}}
    {{ $style = printf "%sbackground-image: %s url('%s');" $style $darken (printf "img/%s" $bg.image | absURL) }}
  {{ end }}

  {{ with $st.Params.advanced.css_custom }}
    {{ $style = print $style . }}
  {{ end }}

  {{ $params := dict "root" $ "page" $st }}
  {{ $widget := or $st.Params.widget "custom" }}
  {{ $widget_path := printf "widgets/%s.html" $widget }}
  {{ if in (slice "slider") $widget }}
    {{ partial $widget_path $params }}
  {{ else }}
  <section id="{{ $st.File.TranslationBaseName }}" class="home-section {{ printf "wg-%s" (replace $widget "_" "-") }} {{if $bg.text_color_light}}dark{{end}} {{if $bg.image}}parallax{{end}} {{ with $st.Params.advanced.css_class }}{{ . }}{{ end }}" {{with $style}}style="{{. | safeCSS}}"{{end}}>
    <div class="container">
      {{ partial $widget_path $params }}
    </div>
  </section>
  {{ end }}
{{ end }}

<!-- Page Footer -->
{{ partial "footer_container.html" . }}
{{ partial "footer.html" . }}