choozmo
/
AI_Video_LP


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
							<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">

{{ partial "head.html" . }}

<body>

  <div id="all">

    {{ partial "navbar.html" . }}

    {{ partial "breadcrumbs.html" . }}

    <div id="content">
      <div class="container pt-5">
        <div class="row">
          <div class="col-md-9" id="blog-listing-medium">

            {{ $paginator := .Paginate (where .Data.Pages "Type" "blog") }}
            {{ range $paginator.Pages }}
            <section class="post">
              <div class="row">
                <div class="col-md-4">
                  <div class="image">
                    <a href="{{ .Permalink }}">
                      {{ if .Params.banner }}
                      <img src="{{ .Params.banner | relURL }}" class="img-responsive" alt="">
                      {{ else }}
                      <div class="img-placeholder" role="img" aria-label="Cover image unavailable">
                        <span class="placeholder-text">No cover image</span>
                      </div>
                      <!-- <div class="img-placeholder"></div> -->
                      <!-- <img src="{{ "img/placeholder.png" | relURL }}" class="img-responsive" alt=""> -->
                      {{ end }}
                    </a>
                  </div>
                </div>
                <div class="col-md-8">
                  <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
                  <div class="clearfix">
                    <p class="author-category">
                      {{ if isset .Params "author" }}
                      {{ i18n "authorBy" }} <a href="#">{{ .Params.author }}</a>
                      {{ end }}
                      {{ if isset .Params "categories" }}
                      {{ if gt (len .Params.categories) 0 }}
                      in <a href="{{ "categories/" | relURL }}{{ index .Params.categories 0 | urlize | lower }}">{{
                        index .Params.categories 0 }}</a>
                      {{ end }}
                      {{ end }}

                    </p>
                    {{ if isset .Params "date" }}
                    <p class="date-comments">
                      <a href="{{ .Permalink }}"><i class="far fa-calendar"></i> {{ .Date.Format
                        .Site.Params.date_format }}</a>
                    </p>
                    {{ end }}
                  </div>
                  <!-- <p class="intro">{{ .Summary }}</p> -->

                  {{ $maxSummaryLength := 200 }} <!-- 設定顯示的最大字數 -->

                  <!-- 判斷是否需要省略 Summary -->
                  {{ if gt (len .Summary) $maxSummaryLength }}
                  <!-- 若 Summary 超過顯示的最大字數則省略 -->
                  <p class="intro">{{ substr .Summary 0 $maxSummaryLength }}...</p>
                  {{ else }}
                  <!-- 未超過則直接顯示 -->
                  <p class="intro">{{ .Summary }}</p>
                  {{ end }}
                  <p class="read-more"><a href="{{ .Permalink }}" class="btn btn-template-main">{{ i18n
                      "continueReading" }}</a>
                  </p>
                </div>
              </div>
            </section>
            {{ end }}

            <ul class="pager">
              {{ if .Paginator.HasPrev }}
              <li class="previous"><a href="{{ .Paginator.Prev.URL | relURL }}">&larr; {{ i18n "newer" }}</a></li>
              {{ else }}
              <li class="previous disabled"><a href="#">&larr; {{ i18n "newer" }}</a></li>
              {{ end }}

              {{ if .Paginator.HasNext }}
              <li class="next"><a href="{{ .Paginator.Next.URL | relURL }}">{{ i18n "older" }} &rarr;</a></li>
              {{ else }}
              <li class="next disabled"><a href="#">{{ i18n "older" }} &rarr;</a></li>
              {{ end }}
            </ul>
          </div>

          <div class="col-md-3">
            {{ partial "sidebar.html" . }}
          </div>

        </div>
      </div>
    </div>

    {{ partial "LP_components/Footer.html" . }}

  </div>

  {{ partial "scripts.html" . }}

  <script>
    document.addEventListener("DOMContentLoaded", () => {
      const placeholders = document.querySelectorAll(".img-placeholder");
      const colors = ["#F6C90E", "#FF6B6B", "#4ECDC4", "#1A535C", "#FF9F1C", "#6C5CE7", "#00B894"];

      placeholders.forEach(el => {
        const randomColor = colors[Math.floor(Math.random() * colors.length)];
        el.style.backgroundColor = randomColor;
      });
    });
  </script>
</body>

</html>