Created
November 17, 2013 04:28
-
-
Save anonymous/7509226 to your computer and use it in GitHub Desktop.
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
| html { | |
| /* background: url('https://dl.dropbox.com/u/45570283/TinyWings/images/backgroundImage.jpeg') no-repeat center center fixed; */ | |
| -webkit-background-size: cover; | |
| -moz-background-size: cover; | |
| -o-background-size: cover; | |
| background-size: cover; | |
| } | |
| body { | |
| background-color: #EEE; | |
| font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; | |
| color: #494949; | |
| } | |
| h1,h2,h3,h4,h5,h6 { | |
| /* font-weight: normal; */ | |
| } | |
| a { | |
| color: #FC3C39; | |
| text-decoration:none; | |
| } | |
| a:hover { | |
| color: #949494; | |
| } | |
| #wrapper { | |
| width: 100%; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| #wrapper #header { | |
| margin-left: auto; | |
| margin-right: auto; | |
| text-align: center; | |
| } | |
| #wrapper #header table { | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| #wrapper #header table .right { | |
| max-width: 500px; | |
| min-width: 500px; | |
| max-height: 1080px; | |
| } | |
| #wrapper #header #iphone { | |
| background-image: url('https://dl.dropboxusercontent.com/u/45570283/MyPebbleFaces/images/iPhone5_2.png') !important; | |
| background-repeat: no-repeat; | |
| background-size:591px 1072px; | |
| margin-top: 40px; | |
| height: 1072px; | |
| width: 591px; | |
| padding-top: 188; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| #wrapper #header #iphone .fadein { | |
| position: relative; | |
| width: 480px; | |
| height: 320px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| #wrapper #header #iphone .fadein img { | |
| margin-left: 45.5px; | |
| left:0; | |
| top:0; | |
| position: absolute; | |
| } |
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
| <html> | |
| <header> | |
| <title>MyPebbleFaces iOS</title> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> | |
| </header> | |
| <body> | |
| <div id='wrapper'> | |
| <div id='header'> | |
| <table> | |
| <tr> | |
| <td> | |
| <div id='iphone'> | |
| <div class='fadein'> | |
| <img src='https://dl.dropboxusercontent.com/u/45570283/MyPebbleFaces/images/iPhone%204-Inch%20Screenshot%201.png' width='382' height='678'/> | |
| <img src='https://dl.dropboxusercontent.com/u/45570283/MyPebbleFaces/images/iPhone%204-Inch%20Screenshot%202.png' width='382' height='678'/> | |
| <img src='https://dl.dropboxusercontent.com/u/45570283/MyPebbleFaces/images/iPhone%204-Inch%20Screenshot%203.png' width='382' height='678'/> | |
| <img src='https://dl.dropboxusercontent.com/u/45570283/MyPebbleFaces/images/iPhone%204-Inch%20Screenshot%204.png' width='382' height='678'/> | |
| <img src='https://dl.dropboxusercontent.com/u/45570283/MyPebbleFaces/images/iPhone%204-Inch%20Screenshot%205.png' width='382' height='678'/> | |
| </div> | |
| </div> | |
| </td> | |
| <td class='right'> | |
| <h1>MyPebbleFaces iOS</h1> | |
| <hr /> | |
| <p> | |
| MyPebbleFaces is a companion app for the MyPebbleFaces website (<a href='http://mypebblefaces.com'>http://mypebblefaces.com</a>), allowing you to use almost every feature as on the desktop website (and more!). | |
| <br /> | |
| <br /> | |
| Unfortunately, the Official Pebble Application does not allow other applications to open .pbws in the app natively (using a URL scheme), so you can now download the watch face to the app, and install from there. | |
| <br /> | |
| <br /> | |
| Features: | |
| <ul> | |
| <li>Browse all faces!</li> | |
| <li>View all types of a watch face!</li> | |
| <li>Browse your favorite developer's faces!</li> | |
| <li>Preview the watch face on a "pebble"!</li> | |
| <li>Filters!</li> | |
| <li>Search!</li> | |
| <li>Build custom filters!</li> | |
| <li>Download faces for offline!</li> | |
| <li>Change faces offline!</li> | |
| <li>Install faces from app!</li> | |
| <li>Change number of apps to load!</li> | |
| <li>Favorites</li> | |
| <li>Hide Generated</li> | |
| <li>Updates</li> | |
| <li>Login/Logout</li> | |
| </ul> | |
| <br /> | |
| Over 35,000 downloads! The app has also been in the top 100 in 20 different stores! | |
| </p> | |
| </td> | |
| </tr> | |
| </table> | |
| </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
| $(function(){ | |
| $('.fadein img:gt(0)').hide(); | |
| setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 10000); | |
| }); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment