Add image and video to config

Christian Mendoza

20.39.2017 5e8841e650fb3aeb23066d6877158b70d5bef316

Add image and video to config

 layouts/index.html

@@ -9,11 +9,20 @@

  <div class="fs-split">

    <!-- Image Side -->
    <!-- Image -->
    {{ if .Site.Params.split.image.enable }}
    
    <div class="split-image">

    </div>

    <!-- Video -->
    {{ else if .Site.Params.split.video.enable }}

      {{ partial "video" . }}

    {{ end }}

    <!-- Content Side -->
    <div class="split-content">
      <div class="split-content-vertically-center">

 layouts/partials/head.html

@@ -24,10 +24,11 @@
<link rel="stylesheet" href="assets/css/split.css" type="text/css" media="screen" />
<meta name="viewport" content="width=device-width,initial-scale=1" />

{{ if .Site.Params.background.image.enable }}
<!-- Image Styles -->
{{ if .Site.Params.split.image.enable }}
  <style type="text/css">
  {{ if .Site.Params.background.image.file }}
    .fs-split .split-image { background-image: url("{{ .Site.Params.background.image.file }}"); background-position: {{ if .Site.Params.background.image.position }}{{ .Site.Params.background.image.position }}{{ else }}center center{{ end }}; }
  {{ if .Site.Params.split.image.file }}
    .fs-split .split-image { background-image: url("{{ .Site.Params.split.image.file }}"); background-position: {{ if .Site.Params.split.image.position }}{{ .Site.Params.split.image.position }}{{ else }}center center{{ end }}; }
  {{ end }}
  </style>
{{ end }}

 layouts/partials/video.html

New file
@@ -0,0 +1,19 @@
<div class="split-image split-video">

  <!-- YouTube Video -->
  {{ if .Site.Params.split.video.youtubeId }}

    <div class="video-wrap">
      <div class="video-container">
        <iframe class="video-content" src="https://www.youtube.com/embed/{{ .Site.Params.split.video.youtubeId }}?rel=0&amp;controls=0&amp;showinfo=0&amp;loop=1&amp;playlist={{ .Site.Params.split.video.youtubeId }}&amp;autoplay=1{{ if .Site.Params.split.video.mute }}&amp;mute=1{{ end }}" frameborder="0" allowfullscreen></iframe>
      </div>
    </div>

  <!-- Self-Hosted Video -->
  {{ else if .Site.Params.split.video.file }}

    <video class="video" src="{{ .Site.Params.split.video.file }}" loop autoplay{{ if .Site.Params.split.video.mute }} muted{{ end }}></video>

  {{ end }}

</div>