mirror of https://github.com/lxndrblz/anatole.git

alexanderdavide
11.15.2022 171490b4d5e758a39384942397f0c7677537c479
refactor: add post-wrapper to fix overflow
1 files modified
154 ■■■■ changed files
layouts/portfolio/list.html 154 ●●●● patch | view | raw | blame | history
layouts/portfolio/list.html
@@ -1,102 +1,102 @@
{{ define "main" }}
  <div class="post-wrapper">
    {{ range $index, $elemen:= .Site.Data.portfolio.portfolioitems }}
      <div
        class="post {{ with .Site.Params.doNotLoadAnimations }}
          .
  {{ range $index, $elemen:= .Site.Data.portfolio.portfolioitems }}
    <div
      class="post {{ with .Site.Params.doNotLoadAnimations }}
        .
        {{ else }}
          animated fadeInDown
      {{ else }}
        animated fadeInDown
        {{ end }}"
      >
        <div class="post-content">
          <div class="post-title">
            <h2>{{ .title }}</h2>
          </div>
      {{ end }}"
    >
      <div class="post-content">
        <div class="post-title">
          <h2>{{ .title }}</h2>
        </div>
          {{ range $i, $p := .portfolioitem }}
            <div class="portfolio">
              {{ if .image }}
                <div
                  class="portfolio__image-wrapper {{ if (modBool $i 2) }}
                    portfolio__image-wrapper--right
        {{ range $i, $p := .portfolioitem }}
          <div class="portfolio">
            {{ if .image }}
                  {{ else }}
                    portfolio__image-wrapper--left
                  {{ end }}"
                >
                  <a href="{{ .link | safeURL }}" target="_blank" rel="noopener">
                    <img class="portfolio__image" src="{{ .image | relURL }}" alt="{{ .name | markdownify }}" />
                  </a>
                </div>
              {{ end }}
              <div
                class="portfolio__image-wrapper {{ if (modBool $i 2) }}
                  portfolio__image-wrapper--right
                class="portfolio__description {{ if (modBool $i 2) }}
                  portfolio__description--left
                {{ else }}
                  portfolio__image-wrapper--left
                  portfolio__description--right
                {{ end }}"
              >
                <a href="{{ .link | safeURL }}" target="_blank" rel="noopener">
                  <img class="portfolio__image" src="{{ .image | relURL }}" alt="{{ .name | markdownify }}" />
                </a>
              </div>
            {{ end }}
            <div
              class="portfolio__description {{ if (modBool $i 2) }}
                portfolio__description--left
              {{ else }}
                portfolio__description--right
              {{ end }}"
            >
              <h2>{{ .name | markdownify }}</h2>
              <div class="info">
                {{ if .status }}
                  <em class="fas fa-flag-checkered"></em>
                  <span>{{ .status }}</span>
                {{ end }}
                {{ if .venue }}
                  <em class="fas fa-map-marker-alt"></em>
                  <span>{{ .venue }}</span>
                {{ end }}
                {{ if .start }}
                  <span>Start:</span>
                  <span>{{ .start }}</span>
                {{ end }}
                {{ if .end }}
                  <span>End:</span>
                  <span>{{ .end }}</span>
                {{ end }}
              </div>
              {{ if .authors }}
                <h2>{{ .name | markdownify }}</h2>
                <div class="info">
                  {{ range .authors }}
                    <span>{{ . }}</span>
                  {{ if .status }}
                    <em class="fas fa-flag-checkered"></em>
                    <span>{{ .status }}</span>
                  {{ end }}
                  {{ if .venue }}
                    <em class="fas fa-map-marker-alt"></em>
                    <span>{{ .venue }}</span>
                  {{ end }}
                  {{ if .start }}
                    <span>Start:</span>
                    <span>{{ .start }}</span>
                  {{ end }}
                  {{ if .end }}
                    <span>End:</span>
                    <span>{{ .end }}</span>
                  {{ end }}
                </div>
                {{ if .authors }}
                  <div class="info">
                    {{ range .authors }}
                      <span>{{ . }}</span>
              {{ end }}
              <p>{{ .description | markdownify }}</p>
              {{ if .link }}
                <div class="portfolio__button-wrapper">
                  <a class="portfolio__button" href="{{ .link | safeURL }}" target="_blank" rel="noopener"
                    >Visit Site</a
                  >
                </div>
              {{ end }}
              <div class="seperator">
                {{ range .tags }}
                  <p class="tag">{{ . }}</p>
                    {{ end }}
                  </div>
                {{ end }}
                <p>{{ .description | markdownify }}</p>
                {{ if .link }}
                  <div class="portfolio__button-wrapper">
                    <a class="portfolio__button" href="{{ .link | safeURL }}" target="_blank" rel="noopener"
                      >Visit Site</a
                    >
                  </div>
                {{ end }}
                <div class="seperator">
                  {{ range .tags }}
                    <p class="tag">{{ . }}</p>
                  {{ end }}
                </div>
              </div>
            </div>
          </div>
        {{ end }}
          {{ end }}
        </div>
      </div>
    </div>
  {{ end }}
    {{ end }}
  </div>
{{ end }}