diff options
| l--------- | public/albums | 1 | ||||
| -rw-r--r-- | public/index.html | 38 | ||||
| l--------- | public/settings | 1 | ||||
| l--------- | public/slideshow | 1 | ||||
| -rw-r--r-- | webpack.config.js | 2 |
5 files changed, 22 insertions, 21 deletions
diff --git a/public/albums b/public/albums new file mode 120000 index 0000000..27f8dec --- /dev/null +++ b/public/albums @@ -0,0 +1 @@ +../public
\ No newline at end of file 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> diff --git a/public/settings b/public/settings new file mode 120000 index 0000000..27f8dec --- /dev/null +++ b/public/settings @@ -0,0 +1 @@ +../public
\ No newline at end of file diff --git a/public/slideshow b/public/slideshow new file mode 120000 index 0000000..27f8dec --- /dev/null +++ b/public/slideshow @@ -0,0 +1 @@ +../public
\ No newline at end of file diff --git a/webpack.config.js b/webpack.config.js index 82f7d1d..529e222 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -15,7 +15,7 @@ module.exports = { test: /\.svg$/, loader: "svg-sprite-loader", options: { - symbolId: filePath => path.basename(filePath).replace(/_[0-9]+dp_.*/, ""), + symbolId: filePath => "sprite-" + path.basename(filePath).replace(/_[0-9]+dp_.*/, ""), }, }, ], |