cailean
/
garden
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

lazy loading

master
Cailean Finn 5 months ago
parent
d5c3aaacbf
commit
67891735bb
2 changed files with 77 additions and 77 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 152
      public/gallery.html
  2. 2
      templates/gallery.html

152
public/gallery.html
View File

@ -34,157 +34,157 @@
<div id="image-gallery">
<div class="image-container"></div>
<img class="gallery-image" src="/images/aixbody.webp">
<img class="gallery-image" src="/images/aixbody.webp" loading="lazy">
<img class="gallery-image" src="/images/beep.png">
<img class="gallery-image" src="/images/beep.png" loading="lazy">
<img class="gallery-image" src="/images/data.png">
<img class="gallery-image" src="/images/data.png" loading="lazy">
<img class="gallery-image" src="/images/demo.jpg">
<img class="gallery-image" src="/images/demo.jpg" loading="lazy">
<img class="gallery-image" src="/images/dwelling.png">
<img class="gallery-image" src="/images/dwelling.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image.png">
<img class="gallery-image" src="/images/electronic-image.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror.png">
<img class="gallery-image" src="/images/latent-mirror.png" loading="lazy">
<img class="gallery-image" src="/images/moloch.png">
<img class="gallery-image" src="/images/moloch.png" loading="lazy">
<img class="gallery-image" src="/images/o-machine.png">
<img class="gallery-image" src="/images/o-machine.png" loading="lazy">
<img class="gallery-image" src="/images/undefined-panorama.png">
<img class="gallery-image" src="/images/undefined-panorama.png" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/beep_multiple_agents.png">
<img class="gallery-image" src="/images/beauty-and-the-beep/beep_multiple_agents.png" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/dev.png">
<img class="gallery-image" src="/images/beauty-and-the-beep/dev.png" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_1.png">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_1.png" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_2.jpg">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_2.jpg" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_3.jpg">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_3.jpg" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_4.jpg">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_4.jpg" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_5.jpg">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_5.jpg" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_6.jpg">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_6.jpg" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_7.jpg">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_7.jpg" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_8.jpg">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_8.jpg" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_9.jpg">
<img class="gallery-image" src="/images/beauty-and-the-beep/d_beep_9.jpg" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/depth_sensor.gif">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/depth_sensor.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/dm_scrambler.gif">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/dm_scrambler.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/dm_walker.gif">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/dm_walker.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_climbing.gif">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_climbing.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_crawling.gif">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_crawling.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_error.gif">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_error.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_walk.gif">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/intial_experimentation_walk.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-banana.gif">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-banana.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-getup.gif">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-getup.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-struggle.gif">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/mid-struggle.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/stairs.gif">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/stairs.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/treadmill_flip.gif">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/treadmill_flip.gif" loading="lazy">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/walking.gif">
<img class="gallery-image" src="/images/beauty-and-the-beep/gif/walking.gif" loading="lazy">
<img class="gallery-image" src="/images/data/d_data_1.webp">
<img class="gallery-image" src="/images/data/d_data_1.webp" loading="lazy">
<img class="gallery-image" src="/images/data/d_data_2.png">
<img class="gallery-image" src="/images/data/d_data_2.png" loading="lazy">
<img class="gallery-image" src="/images/data/d_data_5.png">
<img class="gallery-image" src="/images/data/d_data_5.png" loading="lazy">
<img class="gallery-image" src="/images/data/d_data_7.png">
<img class="gallery-image" src="/images/data/d_data_7.png" loading="lazy">
<img class="gallery-image" src="/images/data/d_tsne-data.gif">
<img class="gallery-image" src="/images/data/d_tsne-data.gif" loading="lazy">
<img class="gallery-image" src="/images/dwelling/dwelling-31.png">
<img class="gallery-image" src="/images/dwelling/dwelling-31.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/dwelling-32.png">
<img class="gallery-image" src="/images/dwelling/dwelling-32.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/dwelling-circle.png">
<img class="gallery-image" src="/images/dwelling/dwelling-circle.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/dwelling-dancer.png">
<img class="gallery-image" src="/images/dwelling/dwelling-dancer.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_dwelling_10.JPEG">
<img class="gallery-image" src="/images/dwelling/d_dwelling_10.JPEG" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_dwelling_4.png">
<img class="gallery-image" src="/images/dwelling/d_dwelling_4.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_dwelling_6.png">
<img class="gallery-image" src="/images/dwelling/d_dwelling_6.png" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_dwelling_8.JPEG">
<img class="gallery-image" src="/images/dwelling/d_dwelling_8.JPEG" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_dwelling_9.JPEG">
<img class="gallery-image" src="/images/dwelling/d_dwelling_9.JPEG" loading="lazy">
<img class="gallery-image" src="/images/dwelling/d_monocular.png">
<img class="gallery-image" src="/images/dwelling/d_monocular.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_1.png">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_1.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_2.png">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_2.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_3.png">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_3.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_4.JPG">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_4.JPG" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_6.png">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_6.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_7.png">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_7.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_8.png">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_8.png" loading="lazy">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_9.png">
<img class="gallery-image" src="/images/electronic-image/d_electronic-image_9.png" loading="lazy">
<img class="gallery-image" src="/images/favicon/favicon-cf-192x192.png">
<img class="gallery-image" src="/images/favicon/favicon-cf-192x192.png" loading="lazy">
<img class="gallery-image" src="/images/favicon/favicon-cf-32x32.png">
<img class="gallery-image" src="/images/favicon/favicon-cf-32x32.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_01.png">
<img class="gallery-image" src="/images/latent-mirror/d_latent_01.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_02_small.png">
<img class="gallery-image" src="/images/latent-mirror/d_latent_02_small.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_03.png">
<img class="gallery-image" src="/images/latent-mirror/d_latent_03.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_4.png">
<img class="gallery-image" src="/images/latent-mirror/d_latent_4.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_5.png">
<img class="gallery-image" src="/images/latent-mirror/d_latent_5.png" loading="lazy">
<img class="gallery-image" src="/images/latent-mirror/d_latent_6.png">
<img class="gallery-image" src="/images/latent-mirror/d_latent_6.png" loading="lazy">
<img class="gallery-image" src="/images/moloch/moloch_1.jpg">
<img class="gallery-image" src="/images/moloch/moloch_1.jpg" loading="lazy">
<img class="gallery-image" src="/images/moloch/moloch_2.png">
<img class="gallery-image" src="/images/moloch/moloch_2.png" loading="lazy">
<img class="gallery-image" src="/images/moloch/moloch_3.png">
<img class="gallery-image" src="/images/moloch/moloch_3.png" loading="lazy">
<img class="gallery-image" src="/images/moloch/moloch_4.png">
<img class="gallery-image" src="/images/moloch/moloch_4.png" loading="lazy">
<img class="gallery-image" src="/images/undefined-panorama/d_undefined_2.png">
<img class="gallery-image" src="/images/undefined-panorama/d_undefined_2.png" loading="lazy">
<img class="gallery-image" src="/images/undefined-panorama/d_undefined_4.png">
<img class="gallery-image" src="/images/undefined-panorama/d_undefined_4.png" loading="lazy">
<img class="gallery-image" src="/images/undefined-panorama/d_undefined_5.png">
<img class="gallery-image" src="/images/undefined-panorama/d_undefined_5.png" loading="lazy">
<img class="gallery-image" src="/images/website/checker.png">
<img class="gallery-image" src="/images/website/checker.png" loading="lazy">
<img class="gallery-image" src="/images/website/lakitu.gif">
<img class="gallery-image" src="/images/website/lakitu.gif" loading="lazy">
<img class="gallery-image" src="/images/website/mario-sleep-up.gif">
<img class="gallery-image" src="/images/website/mario-sleep-up.gif" loading="lazy">
<img class="gallery-image" src="/images/website/skybox.png">
<img class="gallery-image" src="/images/website/skybox.png" loading="lazy">
<div class="image-container"></div>
</div>

2
templates/gallery.html
View File

@ -5,7 +5,7 @@
<div id="image-gallery">
<div class="image-container"></div>
{% for image in images %}
<img class="gallery-image" src="{{ image }}">
<img class="gallery-image" src="{{ image }}" loading="lazy">
{% endfor %}
<div class="image-container"></div>
</div>

Write Preview
Loading…
Cancel
Save