landonreed · August 7, 2023 19:10
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
 <head>
  <title>🚌🚆 Chelsey Regional Transit 🚍🚇</title>
  <style>
    body {
      margin: 0;
      padding: 0;
    }

    .header {
      text-align: center;
      padding: 20px;
      background-color: #1f618d;
      color: #fff;
    }

    .sidebar {
      background-color: #f8f8f8;
      width: 200px;
      height: 100vh;
      float: left;
    }

    .sidebar ul {
      list-style-type: none;
      padding: 0;
    }

    .sidebar li {
      padding: 10px;
    }

    .sidebar a {
      text-decoration: none;
      color: #333;
      display: block;
    }

    .sidebar a:hover {
      background-color: #ddd;
    }

    .content {
      margin-left: 200px;
      padding: 10px;
    }

    .iframe-container {
      width: 100%;
      height: calc(100vh - 20px); /* Adjust the height as needed */
    }

    .fullscreen-iframe {
      width: 100%;
      height: 100%;
      border: none;
      box-shadow: none;
    }
  </style>
 </head>
 <body>
 <div class="header">
  <h1>🚌🚆 Chelsey Regional Transit 🚍🚇</h1>
  <h2>Route info</h2>
 </div>

 <div class="sidebar">
  <ul>
    <li><a href="#fare">Fare information</a></li>
    <li><a href="#accessibility">Accessibility information</a></li>
    <li><a href="#gm">Meet Karen McCarr, our GM</a></li>
    <li><a href="#history">History</a></li>
  </ul>
 </div>

 <div class="content">
  <div class="iframe-container">
    <iframe class="fullscreen-iframe" src="https://platform.remix.com/latest/remix_internal_us"></iframe>
  </div>
 </div>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>🚌🚆 Chelsey Regional Transit 🚍🚇</title>
	<style>
	body {
	margin: 0;
	padding: 0;
	}

	.header {
	text-align: center;
	padding: 20px;
	background-color: #1f618d;
	color: #fff;
	}

	.sidebar {
	background-color: #f8f8f8;
	width: 200px;
	height: 100vh;
	float: left;
	}

	.sidebar ul {
	list-style-type: none;
	padding: 0;
	}

	.sidebar li {
	padding: 10px;
	}

	.sidebar a {
	text-decoration: none;
	color: #333;
	display: block;
	}

	.sidebar a:hover {
	background-color: #ddd;
	}

	.content {
	margin-left: 200px;
	padding: 10px;
	}

	.iframe-container {
	width: 100%;
	height: calc(100vh - 20px); /* Adjust the height as needed */
	}

	.fullscreen-iframe {
	width: 100%;
	height: 100%;
	border: none;
	box-shadow: none;
	}
	</style>
	</head>
	<body>
	<div class="header">
	<h1>🚌🚆 Chelsey Regional Transit 🚍🚇</h1>
	<h2>Route info</h2>
	</div>

	<div class="sidebar">
	<ul>
	<li><a href="#fare">Fare information</a></li>
	<li><a href="#accessibility">Accessibility information</a></li>
	<li><a href="#gm">Meet Karen McCarr, our GM</a></li>
	<li><a href="#history">History</a></li>
	</ul>
	</div>

	<div class="content">
	<div class="iframe-container">
	<iframe class="fullscreen-iframe" src="https://platform.remix.com/latest/remix_internal_us"></iframe>
	</div>
	</div>
	</body>
	</html>