-
-
Notifications
You must be signed in to change notification settings - Fork 67
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
27 changed files
with
2,709 additions
and
1,977 deletions.
There are no files selected for viewing
This file contains 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
This file contains 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
This file contains 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
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains 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
This file contains 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
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| # IFRAME example | ||
|
|
||
| It may be useful for some installations to have a section with information or instructions so that users can read and better understand what it is about. | ||
|
|
||
| Here is an example of a web page that embeds an Rdio Scanner instance in an `<iframe ...>` with responsive content. | ||
|
|
||
| You can use these files as a starter kit and update them as you wish. | ||
|
|
||
| > Remember to replace the `<iframe src="http://localhost:3000">` value with the address of your Rdio Scanner instance. |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| html { | ||
| min-height: 100%; | ||
| } | ||
|
|
||
| body { | ||
| font-family: 'Roboto', sans-serif; | ||
| margin: 0; | ||
| } | ||
|
|
||
| body, | ||
| .outer-container { | ||
| min-height: inherit; | ||
| } | ||
|
|
||
| .outer-container { | ||
| background-color: #1e1e1e; | ||
| color: #fafafa; | ||
| } | ||
|
|
||
| .outer-container, | ||
| .inner-container { | ||
| align-items: center; | ||
| display: flex; | ||
| flex-direction: row; | ||
| height: inherit; | ||
| justify-content: center; | ||
| } | ||
|
|
||
| .inner-container { | ||
| flex-wrap: wrap; | ||
| } | ||
|
|
||
| .inner-container>div { | ||
| box-sizing: border-box; | ||
| max-width: 720px; | ||
| min-height: calc(608px + 1rem); | ||
| min-width: 410px; | ||
| padding: 1rem; | ||
| } | ||
|
|
||
| .inner-container iframe { | ||
| border: none; | ||
| } |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,53 @@ | ||
| <html> | ||
|
|
||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
| <title>Rdio Scanner</title> | ||
| <link rel="stylesheet" href="index.css"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="outer-container"> | ||
| <div class="inner-container"> | ||
| <div> | ||
| <!-- CHANGE THE SRC ADDRESS BELOW TO YOUR RDIO SCANNER INSTANCE --> | ||
| <iframe src="http://localhost:3000" width="410" height="608"></iframe> | ||
| </div> | ||
| <div> | ||
| <h1>Instructions</h1> | ||
| <p>Phasellus finibus porta leo quis semper. Vivamus nec ornare lectus. Maecenas sit amet convallis | ||
| libero. Fusce finibus est nec iaculis facilisis. Praesent non urna neque. Donec aliquet suscipit | ||
| tellus id luctus. Fusce eget semper nisi. Duis vel ultrices risus. Nulla et ex nec nisi sodales | ||
| rutrum quis nec diam. Nullam sit amet faucibus arcu. Vestibulum aliquam facilisis auctor. Nunc id | ||
| massa sit amet risus malesuada maximus.</p> | ||
| <p>Donec euismod commodo massa in mattis. Curabitur sed gravida nulla, nec hendrerit lorem. In eget arcu | ||
| et nisi sagittis facilisis vitae ac purus. Aliquam porttitor blandit venenatis. Aliquam a nisl elit. | ||
| Aenean sed diam sagittis, sagittis massa sed, tempus est. Morbi dapibus diam ligula, ut posuere | ||
| justo luctus sit amet. Quisque consequat tincidunt vulputate. Fusce tristique bibendum risus, id | ||
| bibendum urna cursus sed. Donec commodo in tellus ac consequat.</p> | ||
| <p>Proin a massa quis ipsum dapibus scelerisque. Duis semper gravida nunc, vitae interdum risus molestie | ||
| molestie. Vivamus suscipit urna quis lectus pulvinar, non pulvinar sapien porttitor. Nunc purus | ||
| libero, tincidunt ut egestas et, porta nec sapien. Nunc eleifend porttitor finibus. Mauris tempor | ||
| massa id ex mattis, in vehicula nisi auctor. Morbi porttitor, arcu ac tincidunt lobortis, mauris | ||
| neque rutrum purus, non congue lorem dolor vitae mi. Quisque in turpis est. Mauris varius elit urna, | ||
| ut luctus eros dignissim in. Proin nec velit quis orci tempor rutrum. Vestibulum pharetra ipsum | ||
| turpis, at fermentum sem commodo ut.</p> | ||
| <p>Proin venenatis, nunc at hendrerit sagittis, velit nunc cursus nibh, quis interdum est augue in nibh. | ||
| Nullam ultricies lacus ac arcu mollis, eu porttitor velit malesuada. Sed ut aliquam ex. Praesent | ||
| faucibus lectus id porttitor sodales. Mauris ornare id dui ut ornare. Nunc volutpat euismod | ||
| pellentesque. Mauris nulla enim, facilisis non lorem quis, ultrices pretium est. In laoreet leo quis | ||
| viverra finibus. Curabitur quis lorem iaculis, imperdiet leo vitae, molestie turpis. Vestibulum | ||
| rutrum risus nec erat posuere rhoncus interdum a nulla. Mauris vitae commodo enim. Donec nec mi sed | ||
| ipsum maximus vehicula tristique non erat. Proin pulvinar, sem vitae semper volutpat, metus enim | ||
| pulvinar neque, eget suscipit arcu tortor scelerisque nisi. Etiam risus est, dictum eget pretium | ||
| vitae, consectetur id purus.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </body> | ||
|
|
||
| </html> |
This file contains 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
This file contains 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
Oops, something went wrong.