diff options
| author | Tim Keller <tjk@tjkeller.xyz> | 2025-05-05 20:39:25 -0500 |
|---|---|---|
| committer | Tim Keller <tjk@tjkeller.xyz> | 2025-05-05 20:39:25 -0500 |
| commit | 832ee186bd8477eff88560d4fddf643ec608d4b6 (patch) | |
| tree | 2ae69d31e5dbda6b0ae0d29a048f1bfa252e85c3 /public/index.html | |
| parent | e943375d74ce8d48b8ad40b1a5d05437ca4f5c7f (diff) | |
| download | immich-frame-832ee186bd8477eff88560d4fddf643ec608d4b6.tar.xz immich-frame-832ee186bd8477eff88560d4fddf643ec608d4b6.zip | |
add symlinks for nav, prefix sprite ids with sprite-, add albums template
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 38 |
1 files changed, 18 insertions, 20 deletions
diff --git a/public/index.html b/public/index.html index 4ea10e9..ca02d57 100644 --- a/public/index.html +++ b/public/index.html @@ -1,12 +1,6 @@ <!DOCTYPE HTML> <html> <head> - <!-- - <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css"> - <link rel="stylesheet" href="/style.css"> - <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script> - <script src="index.js" defer type="module"></script> ---> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <script src="/main.js" defer></script> @@ -14,17 +8,12 @@ <body> <header></header> <main> - <!-- <div id="slideshow" style="display:none"> - --> - <div id="slideshow"> <div id="slideshow-top-controls"> <div id="slideshow-share"> - <button id="share"><svg alt="Share"><use xlink:href="#share"></use></svg></button> - <button id="download"><svg alt="Download"><use xlink:href="#download"></use></svg></button> - <!-- - <button id="hide"><svg alt="Don't Show This Image"><use xlink:href="#skip_next"></use></svg></button> - --> + <button id="share"><svg alt="Share"><use xlink:href="#sprite-share"></use></svg></button> + <button id="download"><svg alt="Download"><use xlink:href="#sprite-download"></use></svg></button> + <!-- <button id="hide"><svg alt="Don't Show This Image"><use xlink:href="#skip_next"></use></svg></button> --> </div> </div> <div id="slideshow-carousel"> @@ -35,12 +24,21 @@ <div class="carousel-cell"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/shore.jpg" /></div> </div> <div id="slideshow-bottom-controls"> - <button id="prevSlide"><svg alt="Previous Slide"><use xlink:href="#skip_previous"></use></svg></button> - <button id="playPause"><svg alt="Pause"><use xlink:href="#pause"></use></svg></button> - <button id="nextSlide"><svg alt="Next Slide"><use xlink:href="#skip_next"></use></svg></button> + <button id="prevSlide"><svg alt="Previous Slide"><use xlink:href="#sprite-skip_previous"></use></svg></button> + <button id="playPause"><svg alt="Pause"><use xlink:href="#sprite-pause"></use></svg></button> + <button id="nextSlide"><svg alt="Next Slide"><use xlink:href="#sprite-skip_next"></use></svg></button> </div> </div> <div id="albums" style="display:none"> + <div id="albums-container"></div> + <template id="album-template"> + <img class="album-thumb" /> + <span class="album-name"></span> + <div> + <span><span class="album-assets-count"></span> items</span> + <span class="album-shared">· Shared</span> + </div> + </template> </div> <div id="settings" style="display:none"> </div> @@ -48,9 +46,9 @@ <footer> <div id="bottom-container"> <div id="menu"> - <a href="/slideshow"><svg alt="Slideshow"><use xlink:href="#slideshow"></use></svg></a> - <a href="/albums"> <svg alt="Album Picker"><use xlink:href="#photo_album"></use></svg></a> - <a href="/settings"> <svg alt="Settings"><use xlink:href="#settings"></use></svg></a> + <a href="/slideshow"><svg alt="Slideshow"><use xlink:href="#sprite-slideshow"></use></svg></a> + <a href="/albums"> <svg alt="Album Picker"><use xlink:href="#sprite-photo_album"></use></svg></a> + <a href="/settings"> <svg alt="Settings"><use xlink:href="#sprite-settings"></use></svg></a> </div> </div> </footer> |