feat: added project info

Alexander Bilz

25.25.2021 684adbde01a5816fcea7353d9c2a63005e022025

feat: added project info

 assets/css/style.css

@@ -1010,7 +1010,7 @@
  }

  .box {
    padding: 64px;
    padding: 48px;
    box-shadow: 0 0 48px var(--border-color);
    background-color: #fff;
    border-radius: 0.5em;

 exampleSite/data/portfolio.yml

@@ -9,10 +9,14 @@
        tags:
          - Tag 1
          - Tag 2
        status: 'Finished'
        start: '2020'
        end: '2021'
      - name: Project 2
        image: '/images/portfolio/code.jpg'
        link: https://gohugo.io/
        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.'
        status: 'On Hold'
        tags:
          - Tag 1
          - Tag 2

 layouts/portfolio/list.html

@@ -40,16 +40,35 @@
              {{ end }}"
            >
              <h2>{{ .name | markdownify }}</h2>
              <div class="info">
                {{ if .status }}
                  <em class="fas fa-flag-checkered"></em>
                  <span>{{ .status }}</span>

                {{ end }}
                {{ if .start }}
                  <span>Start:</span>
                  <span>{{ .start }}</span>

                {{ end }}
                {{ if .end }}
                  <span>End:</span>
                  <span>{{ .end }}</span>

                {{ end }}
              </div>

              <p>{{ .description | markdownify }}</p>

              <div class="cta">
                <a class="btn" href="{{ .link | safeURL }}" target="_blank">Visit Site</a>
              </div>
              <div class="seperator">
                {{ range .tags }}
                  <p class="tag">{{ . }}</p>

                {{ end }}
              </div>
              <p>{{ .description | markdownify }}</p>
              <div class="cta">
                <a class="btn" href="{{ .link | safeURL }}" target="_blank">Visit Site</a>
              </div>
            </div>
          </div>