Goksel Eryigit geryit

## northbay.html
<!doctype html>
<html>
<head>
  <title>Northbay</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
</head>
<body>
<div id="widget"></div>
<script src="https://pym.nprapps.org/pym.v1.min.js"></script>
<style>#widget iframe{max-width: 30rem}</style>

## embed.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>title</title>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>
  <body>
    <div id="widget"></div>

## switcher.html
<div class="switcher">
    <input id="toggle1" type="checkbox" checked>
    <div>
        <label for="toggle1"></label>
        <b></b>
    </div>
</div>

## switcher.scss
.switcher {
  input {
    display: none;
    &:checked ~ div {
      background-color: green;
      b {
        float: right;
      }
    }
  }
	<!doctype html>
	<html>
	<head>
	<title>Northbay</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	</head>
	<body>
	<div id="widget"></div>
	<script src="https://pym.nprapps.org/pym.v1.min.js"></script>
	<style>#widget iframe{max-width: 30rem}</style>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>title</title>
	<link rel="stylesheet" href="style.css">
	<script src="script.js"></script>
	</head>
	<body>
	<div id="widget"></div>
	<div class="switcher">
	<input id="toggle1" type="checkbox" checked>
	<div>
	<label for="toggle1"></label>
	<b></b>
	</div>
	</div>
	.switcher {
	input {
	display: none;
	&:checked ~ div {
	background-color: green;
	b {
	float: right;
	}
	}
	}