werebus/favicon.ico

## favicon.ico

      
    Raw
  

              favicon.ico
            
          
            View raw
        
    
## index.html
<!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>&copy;2018 <a href="https://www.umass.edu/">University of Massachusetts Amherst</a>
    &middot; <a href="https://www.umass.edu/site-policies">Site Policies</a> &middot;
    <a href="mailto:transit-it@admin.umass.edu">Site Contact</a></footer>
  </body>
</html>

## style.css
* {
  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;
}
	<!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:transit-it@admin.umass.edu">Site Contact</a></footer>
	</body>
	</html>
	* {
	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;
	}