diff options
| author | dan <[email protected]> | 2023-06-19 16:13:58 -0400 |
|---|---|---|
| committer | dan <[email protected]> | 2023-06-19 16:13:58 -0400 |
| commit | c3a9bc8c852b0a14348f50eddbcfdea0e1f6004c (patch) | |
| tree | 52b05645e9d5f2324e9eab7a84dc18612ebf6bc6 | |
| parent | d95a6479d824d507cadb0e7a09d814d21b09f319 (diff) | |
| download | photo-album-gen-c3a9bc8c852b0a14348f50eddbcfdea0e1f6004c.tar.gz photo-album-gen-c3a9bc8c852b0a14348f50eddbcfdea0e1f6004c.tar.bz2 photo-album-gen-c3a9bc8c852b0a14348f50eddbcfdea0e1f6004c.zip | |
| -rw-r--r-- | index.html | 21 | ||||
| -rw-r--r-- | style.css | 12 |
2 files changed, 28 insertions, 5 deletions
@@ -6,14 +6,25 @@ </head> <body> <script type="text/javascript" src="demo.js"></script> - <label for="image">Add Images to Album</label> - <input type="file" id="image" multiple accept="image" name="image" onchange="addimages()"/> - <button onclick="download()">Download Photo Album</button> - <button onclick="reset()">Reset</button> + <h3><em>Create Album</em></h3> + <div class="steps"> + <span class="step"> + 1.) + <label for="image">Add Images to Album:</label> + <input type="file" id="image" multiple accept="image" name="image" onchange="addimages()"/> + </span> + <span class="step"> + 2.) + <button onclick="download()">Download Photo Album</button> + </span> + <span class="step"> + 3.) + <button onclick="reset()">Reset</button> + </span> + </div> <hr/> <h3><em>Album Preview</em></h3> <div id="preview"></div> - </div> <dialog id="modal"></dialog> </body> </html> @@ -0,0 +1,12 @@ +.steps { + margin-bottom: 1em; +} +.step { + border: solid thin; + padding: 0.7em; + border-radius: 1em; + margin: 0.14em; + display: inline-block; + box-sizing: border-box; +} + |