scudo005.github.io/photos.html at main · scudo005/scudo005.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
---
layout: default
title: My photos
---
You can see some of my photos below. I also have a
<a href="https://www.flickr.com/photos/202226920@N03" target="_blank">Flickr</a>
page!
<br><br>
All shots here are done on two cameras:
<ul>
  <li>Canon EOS 1100D, with an EF-S 18-55mm lens</li>
  <li>Xiaomi Redmi Note 10S (my phone)</li>
</ul>
You can click on the imgs to see them full screen.
<br><br>
<div class="window">
  <div class="title-bar">
    <div class="title-bar-text">My pics</div>
    <div class="title-bar-controls">
      <button aria-label="Close"></button>
    </div>
  </div>
  <div class="window-body">
    <div class="sunken-panel pics">
      <table>
        <thead style="text-align: center;">
          <tr>
            <th>Preview</th>
            <th>Description</th>
            <th>Camera used</th>
            <th>Flickr link</th>
          </tr>
        </thead>
        <tbody>
          {% for photo in site.data.photos.photos %}
          <tr>
            <td>
              <a href="{{ photo.hires_url }}"><img src="{{ photo.preview_url }}" class="embed-photo"></a>
            </td>
            <td>
              {{ photo.description }}
            </td>
            <td>
              {{ photo.camera_used }}
            </td>
            <td>
              {% if photo.is_on_flickr == 'yes' %}
              <a href="{{ photo.flickr_url }}">Link</a>
              {% endif %}
                            {% if photo.is_on_flickr == 'no' %}
                            Not available
                            {% endif %}
            </td>
            {% endfor %}
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div><br>