Created
February 13, 2020 10:30
-
-
Save Oceantidote/ad9faa62621ef54da48bafd6c4e607a2 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>OMDb API</title> | |
| <link rel="stylesheet" | |
| href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="stylesheet" href="node_modules/select2/dist/css/select2.css"> | |
| </head> | |
| <body> | |
| <div class="container text-center"> | |
| <select class="select2" name="country"> | |
| <option value="AL">Alabama</option> | |
| <option value="WY">Wyoming</option> | |
| <option value="CA">California</option> | |
| <option value="HB">Hubei</option> | |
| <option value="WA">Washington</option> | |
| </select> | |
| <textarea class="form-control" id="editor" rows="8"></textarea> | |
| <div id="preview"></div> | |
| <form class="form-inline" id="search-form"> | |
| <input type="text" class="form-control" placeholder="Find movie" id="search-input"> | |
| <input type="submit" class="btn btn-primary"> | |
| </form> | |
| <ul id="results" class="list-inline"></ul> | |
| </div> | |
| <script src="main.js"></script> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #results li { | |
| cursor: grab; | |
| } | |
| #results li:active { | |
| cursor: grabbing; | |
| } | |
| #results li.ghost { | |
| filter: grayscale(1); | |
| opacity: 0.5; | |
| } | |
| #preview, #editor { | |
| margin: 20px auto; | |
| max-width: 600px; | |
| } | |
| #preview { | |
| min-height: 100px; | |
| border: 1px solid #ddd; | |
| border-radius: 4px; | |
| padding: 6px 12px; | |
| text-align: left; | |
| } | |
| #preview img { | |
| max-width: 100%; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const path = require('path'); | |
| module.exports = { | |
| entry: "./src/index.js", | |
| mode: "development", | |
| output: { | |
| path: path.resolve(__dirname, "dist"), | |
| filename: "main.js" | |
| }, | |
| devtool: "sourcemap" | |
| }; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment