diff options
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 28 |
1 files changed, 16 insertions, 12 deletions
diff --git a/public/index.html b/public/index.html index 20f210b..df128f2 100644 --- a/public/index.html +++ b/public/index.html @@ -16,13 +16,10 @@ <!-- <button id="hide"><svg alt="Don't Show This Image"><use href="#skip_next"></use></svg></button> --> </div> </div> - <div id="slideshow-carousel"> - <div class="carousel-cell"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/tulip.jpg" /></div> - <div class="carousel-cell"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/grapes.jpg" /></div> - <div class="carousel-cell"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/raspberries.jpg"/></div> - <div class="carousel-cell"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/wolf.jpg" /></div> - <div class="carousel-cell"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/shore.jpg" /></div> - </div> + <div id="slideshow-carousel"></div> + <template id="carousel-cell-template"> + <div class="carousel-cell"><img src="" /></div> + </template> <div id="slideshow-bottom-controls"> <button id="prevSlide"><svg alt="Previous Slide"><use href="#sprite-skip_previous"></use></svg></button> <button id="playPause"><svg alt="Pause"><use href="#sprite-pause"></use></svg></button> @@ -30,15 +27,22 @@ </div> </div> <div id="albums" style="display:none"> + <input id="album-search" placeholder="Search your albums" /> <div id="albums-container"></div> <template id="album-template"> <div class="album"> - <img class="album-thumb" /> - <span class="album-name font-bold"></span> - <div class="album-info"> - <span><span class="album-assets-count"></span> items</span> - <span class="album-shared">• Shared</span> + <svg class="album-selector p24" alt="Select Album"><use href="#sprite-check_circle"></use></svg> + <img class="album-thumb hover:invert" /> + <div class="album-desc-grid"> + <div> + <span class="album-name font-bold"></span> + <div class="album-info"> + <span><span class="album-assets-count"></span> items</span> + <span class="album-shared">• Shared</span> + </div> + </div> </div> + <svg class="album-open p24" alt="View album in Immich"><use href="#sprite-open_in_new"></use></svg> </div> </template> </div> |