Last active
February 28, 2018 15:08
-
-
Save werebus/805880c0e5e1fbc1c337854bf5fc2191 to your computer and use it in GitHub Desktop.
Masstraveler.com decom splash
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
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="x-ua-compatible" content="ie=edge"> | |
| <title>Masstraveler</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <div id="content"> | |
| <p id='decom-notice'>Thank you for your interest. Unfortunately, continued funding for | |
| the travel information and cameras provided by masstraveler.com is unavailable, and we | |
| are beginning the process of shutting down the site. Some of our traffic monitoring | |
| equipment and webcams may be transferred to other organizations; we will post more | |
| details here when they become available.</p> | |
| </div> | |
| <footer>©2018 <a href="https://www.umass.edu/">University of Massachusetts Amherst</a> | |
| · <a href="https://www.umass.edu/site-policies">Site Policies</a> · | |
| <a href="mailto:[email protected]">Site Contact</a></footer> | |
| </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
| * { | |
| box-sizing: inherit; | |
| } | |
| html { | |
| box-sizing: border-box; | |
| font-family: -apple-system, system-ui, BlinkMacSystemFont, | |
| "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; | |
| height: 100%; | |
| } | |
| body { | |
| background: #63666a; | |
| margin: 0; | |
| display: flex; | |
| flex-direction: column; | |
| height: 100%; | |
| } | |
| #content { | |
| flex: 1 0 auto; | |
| } | |
| #decom-notice { | |
| background: white; | |
| color: #333; | |
| width: 90vw; | |
| margin: 1rem auto; | |
| padding: 2rem; | |
| } | |
| @media only screen and (min-device-width: 768px) { | |
| #decom-notice { | |
| width: 60vw; | |
| margin: 10rem auto 0; | |
| } | |
| } | |
| footer { | |
| flex-shrink: 0; | |
| background: black; | |
| color: white; | |
| height: 5rem; | |
| text-align: center; | |
| padding: 1rem; | |
| } | |
| footer a { | |
| color: #881c1c; | |
| text-decoration: none; | |
| } | |
| footer a:hover { | |
| text-decoration: underline; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment