diff options
Diffstat (limited to 'src/index.html')
| -rw-r--r-- | src/index.html | 234 |
1 files changed, 137 insertions, 97 deletions
diff --git a/src/index.html b/src/index.html index deeb427..81071bf 100644 --- a/src/index.html +++ b/src/index.html @@ -1,115 +1,155 @@ <!DOCTYPE html> <html> + <head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <link rel="stylesheet" href="lib/bootstrap.css" /> + <link rel="stylesheet" href="styles/index.css" /> + <title>Start</title> + </head> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <!-- https://twbs-bootstrap.netlify.app/ --> - <link rel="stylesheet" href="lib/bootstrap.css"> - <link rel="stylesheet" href="styles/index.css"> - <title>Start</title> -</head> - -<body> - - <main class="container"> - <form id="search-form" action="http://localhost:8888/search" method="POST" class="mt-5" autocomplete="off"> - <input type="text" name="q" class="form-control form-control-lg w-75 mx-auto shadow-sm" id="search-input" - autofocus> - </form> - <div class="mx-auto mt-5"> - <div class="row"> - <ul class="nav justify-content-end"> - <li class="nav-item"> - <div class="dropdown"> - <span class="btn dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> - <img src="assets/icons/option.svg" width="32" height="32"> - </span> - <ul class="dropdown-menu"> - <li class="dropdown-item" id="open-new-card-modal-button" type="button">Legg til kort - </li> - <li class="dropdown-item" id="open-import-pins-modal-button" type="button">Importer fra - Pinboard</li> - <li> - <hr class="dropdown-divider"> - </li> - <li class="dropdown-item" id="open-options-modal-button" type="button">Innstillinger - </li> - </ul> - </div> - </li> - </ul> - </div> - <div class="row py-5" id="cards"> + <body> + <main class="container"> + <form + id="search-form" + action="http://localhost:8888/search" + method="POST" + class="mt-5" + autocomplete="off" + > + <input + type="text" + name="q" + class="form-control form-control-lg w-75 mx-auto shadow-sm" + id="search-input" + autofocus + /> + </form> + <div class="mx-auto mt-5"> + <div class="row"> + <ul class="nav justify-content-end"> + <li class="nav-item"> + <div class="dropdown"> + <span + class="btn dropdown-toggle" + data-toggle="dropdown" + aria-expanded="false" + > + <img src="assets/icons/option.svg" width="32" height="32" /> + </span> + <ul class="dropdown-menu"> + <li + class="dropdown-item" + id="open-new-card-modal-button" + type="button" + > + Legg til kort + </li> + <li + class="dropdown-item" + id="open-import-pins-modal-button" + type="button" + > + Importer fra Pinboard + </li> + <li> + <hr class="dropdown-divider" /> + </li> + <li + class="dropdown-item" + id="open-options-modal-button" + type="button" + > + Innstillinger + </li> + </ul> + </div> + </li> + </ul> + </div> + <div class="row py-5" id="cards"></div> </div> - </div> - </main> + </main> - <input type="file" class="form-control" accept="application/json" id="file" style="display:none"> + <input + type="file" + class="form-control" + accept="application/json" + id="file" + style="display: none;" + /> - <!-- MODALS --> - <div class="modal" id="card-modal" tabindex="-1"> - <div class="modal-dialog modal-lg modal-dialog-scrollable"> - <div class="modal-content"> - <div class="modal-header"> - <h5 class="modal-title"></h5> - </div> - <div class="modal-body"> - <input type="text" class="form-control" placeholder="Tittel" id="card-name"> - <div id="card-links" class="d-flex flex-column mt-3"> + <!-- MODALS --> + <div class="modal" id="card-modal" tabindex="-1"> + <div class="modal-dialog modal-lg modal-dialog-scrollable"> + <div class="modal-content"> + <div class="modal-header"> + <h5 class="modal-title"></h5> + </div> + <div class="modal-body"> + <input + type="text" + class="form-control" + placeholder="Tittel" + id="card-name" + /> + <div id="card-links" class="d-flex flex-column mt-3"></div> + </div> + <div class="modal-footer"> + <button class="btn btn-primary" id="save-card-button">Lagre</button> </div> - </div> - <div class="modal-footer"> - <button class="btn btn-primary" id="save-card-button">Lagre</button> </div> </div> </div> - </div> - <!--Settings--> - <div class="modal" id="options-modal" tabindex="-1"> - <div class="modal-dialog modal-lg modal-dialog-scrollable"> - <div class="modal-content"> - <div class="modal-header"> - <h5 class="modal-title">Innstillinger</h5> - </div> - <div class="modal-body"> - <div class="mb-3"> - <ul class="nav nav-pills nav-fill"> - <li class="nav-item"> - <span class="nav-link active" type="button">Generelt</span> - </li> - <li class="nav-item"> - <span class="nav-link" type="button">Status</span> - </li> - </ul> + <!--Settings--> + <div class="modal" id="options-modal" tabindex="-1"> + <div class="modal-dialog modal-lg modal-dialog-scrollable"> + <div class="modal-content"> + <div class="modal-header"> + <h5 class="modal-title">Innstillinger</h5> </div> - <form action="#" onsubmit="return false" id="options-form"> + <div class="modal-body"> <div class="mb-3"> - <label for="couch-url" class="form-label">CouchDB url</label> - <input type="text" class="form-control" id="couch-url"> + <ul class="nav nav-pills nav-fill"> + <li class="nav-item"> + <span class="nav-link active" type="button">Generelt</span> + </li> + <li class="nav-item"> + <span class="nav-link" type="button">Status</span> + </li> + </ul> </div> - <div class="mb-3"> - <div class="form-check"> - <input class="form-check-input" type="checkbox" value="" id="open-cards-in-new-tab"> - <label class="form-check-label" for="open-cards-in-new-tab"> - Åpne lenker i en ny fane - </label> + <form action="#" onsubmit="return false" id="options-form"> + <div class="mb-3"> + <label for="couch-url" class="form-label">CouchDB url</label> + <input type="text" class="form-control" id="couch-url" /> </div> - </div> - </form> - </div> - <div class="modal-footer"> - <button class="btn btn-primary" id="save-options-button">Lagre</button> + <div class="mb-3"> + <div class="form-check"> + <input + class="form-check-input" + type="checkbox" + value="" + id="open-cards-in-new-tab" + /> + <label class="form-check-label" for="open-cards-in-new-tab"> + Åpne lenker i en ny fane + </label> + </div> + </div> + </form> + </div> + <div class="modal-footer"> + <button class="btn btn-primary" id="save-options-button">Lagre</button> + </div> </div> </div> </div> - </div> - - - <script src="lib/bootstrap.js"></script> - <script src="lib/pouchdb.js"></script> - <script src="lib/toaster.js"></script> - <script src="scripts/index.js"></script> -</body> -</html>
\ No newline at end of file + <script src="lib/bootstrap.js"></script> + <script src="lib/masonry.pkgd.min.js"></script> + <script src="lib/pouchdb.js"></script> + <script src="lib/toaster.js"></script> + <script src="scripts/index.js"></script> + </body> +</html> |