heuripedes/nice blog layout

## nice blog layout
<!DOCTYPE html>
<html lang="en">

<head>
    <!-- https://www.jefftk.com/p/let-people-move-to-jobs -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <style>
        * {
            padding: 0;
            margin: 0;
        }

        body {
            padding: 10px;

        }

        .container {
            width: 50.875em;
            margin: 0 auto;
            display: grid;
            grid:
                "header header"auto "main side"auto / 34.375em 12.5em;
            gap: 0 4em;
        }

        .container>header {
            grid-area: header;
            border-bottom: 2px solid black;
            padding-bottom: 4px;
        }

        .container>header h1,
        .container>header nav {
            display: inline-block;
            font-size: unset;
            font-weight: unset;
        }

        .container>header ul {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .container>header li {
            list-style-type: none;
            margin-left: 0.5em;
        }

        .container>header li:before {
            content: "::";
            margin-right: 0.5em;
        }

        .container > main, .container > aside {
            padding: 10px 0;
        }

        .container>main {
            grid-area: main;
        }

        .container>aside {
            grid-area: side;
        }


        article header {
            display: grid;
            grid-template-columns: 3fr 1fr;
            align-items: start;
            margin-bottom: 1em;
        }

        article header aside {
            font-size: 90%;
        }

        article header time {
            display: block;
        }
        article header address {
            display: inline;
        }

        article h1 {
            font-size: 125%;
        }

        article h2 {
            font-size: 100%
        }

        article h3 {
            font-size: 80%;
        }


        blockquote, p {
            margin-bottom: 1em;
        }

        blockquote {
            padding: 0 2em;
        }
    </style>
</head>

<body>
    <div class="container">
        <header>
            <h1>Jeff Kaufman</h1>
            <nav>
                <ul>
                    <li><a href="">Posts</a></li>
                    <li><a href="">RSS</a></li>
                    <li><a href="">◂◂RSS</a></li>
                    <li><a href="">Contact</a></li>
                </ul>
            </nav>
        </header>

        <main class="main">
            <article>
                <header>
                    <h1>Let People Move to Jobs Let People Move to Jobs </h1>
                    <aside>
                        <time pubdate datetime="2019-10-21">October 21st, 2019</time>
                        By <address class="author">Jeff Kaufman</address>
                    </aside>
                </header>
                <p>
                    When I argue that we should bring rents down by building more housing, one kind of response I've
                    gotten is:
                </p>
                <blockquote>
                    Why are you trying to move more people into cities? There's lots of housing available in the US,
                    it's just not in the currently trendy cities. Instead of moving people we should be moving jobs. Why
                    couldn't Amazon have put their "second headquarters" in a deindustrializing city like Milwaukee
                    instead of splitting it between DC and NYC?
                </blockquote>
                <p>The idea makes sense: these cities were built out for industries that have moved on, and now they're
                    over-built for
                    current demand. They have lots of buildings available, both commercial and residential, along with a
                    lot of other
                    underutilized infrastructure.</p>

                <p>One way to look at it, then, is why aren't companies just moving there on their own? Company rent
                    would fall, they
                    could pay their employees less for the same standard of living or effectively give them all large
                    raises by holding
                    pay constant. Everyone would waste less time in traffic. The host city would be strongly supportive
                    instead of
                    somewhere between negative and neutral. What's keeping them put?</p>

                <p>A major factor is that current employees don't want to move. If Google announced it was moving
                    everything to
                    Pittsburgh, ~80% of the company would quit. People put down roots and get attached to areas,
                    generally more so than
                    to jobs.</p>

                <p>New companies, however, don't have employees they would need to move. Why do tech startups choose the
                    Bay when almost
                    anywhere else would be cheaper? I see two main answers: to be close to their investors and to be
                    able to hire from a
                    deep talent pool.</p>

                <p>And this gets us to the real problem with "let's distribute jobs across the country": industries
                    benefit enormously
                    from centralization. Being in the main city for your industry means, for a start: </p>
            </article>
        </main>

        <aside>fasdfa</aside>
    </div>


</body>

</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<!-- https://www.jefftk.com/p/let-people-move-to-jobs -->
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>

	<style>
	* {
	padding: 0;
	margin: 0;
	}

	body {
	padding: 10px;

	}

	.container {
	width: 50.875em;
	margin: 0 auto;
	display: grid;
	grid:
	"header header"auto "main side"auto / 34.375em 12.5em;
	gap: 0 4em;
	}

	.container>header {
	grid-area: header;
	border-bottom: 2px solid black;
	padding-bottom: 4px;
	}

	.container>header h1,
	.container>header nav {
	display: inline-block;
	font-size: unset;
	font-weight: unset;
	}

	.container>header ul {
	display: flex;
	align-items: center;
	justify-content: center;
	}

	.container>header li {
	list-style-type: none;
	margin-left: 0.5em;
	}

	.container>header li:before {
	content: "::";
	margin-right: 0.5em;
	}

	.container > main, .container > aside {
	padding: 10px 0;
	}

	.container>main {
	grid-area: main;
	}

	.container>aside {
	grid-area: side;
	}


	article header {
	display: grid;
	grid-template-columns: 3fr 1fr;
	align-items: start;
	margin-bottom: 1em;
	}

	article header aside {
	font-size: 90%;
	}

	article header time {
	display: block;
	}
	article header address {
	display: inline;
	}

	article h1 {
	font-size: 125%;
	}

	article h2 {
	font-size: 100%
	}

	article h3 {
	font-size: 80%;
	}


	blockquote, p {
	margin-bottom: 1em;
	}

	blockquote {
	padding: 0 2em;
	}
	</style>
	</head>

	<body>
	<div class="container">
	<header>
	<h1>Jeff Kaufman</h1>
	<nav>
	<ul>
	<li><a href="">Posts</a></li>
	<li><a href="">RSS</a></li>
	<li><a href="">◂◂RSS</a></li>
	<li><a href="">Contact</a></li>
	</ul>
	</nav>
	</header>

	<main class="main">
	<article>
	<header>
	<h1>Let People Move to Jobs Let People Move to Jobs </h1>
	<aside>
	<time pubdate datetime="2019-10-21">October 21st, 2019</time>
	By <address class="author">Jeff Kaufman</address>
	</aside>
	</header>
	<p>
	When I argue that we should bring rents down by building more housing, one kind of response I've
	gotten is:
	</p>
	<blockquote>
	Why are you trying to move more people into cities? There's lots of housing available in the US,
	it's just not in the currently trendy cities. Instead of moving people we should be moving jobs. Why
	couldn't Amazon have put their "second headquarters" in a deindustrializing city like Milwaukee
	instead of splitting it between DC and NYC?
	</blockquote>
	<p>The idea makes sense: these cities were built out for industries that have moved on, and now they're
	over-built for
	current demand. They have lots of buildings available, both commercial and residential, along with a
	lot of other
	underutilized infrastructure.</p>

	<p>One way to look at it, then, is why aren't companies just moving there on their own? Company rent
	would fall, they
	could pay their employees less for the same standard of living or effectively give them all large
	raises by holding
	pay constant. Everyone would waste less time in traffic. The host city would be strongly supportive
	instead of
	somewhere between negative and neutral. What's keeping them put?</p>

	<p>A major factor is that current employees don't want to move. If Google announced it was moving
	everything to
	Pittsburgh, ~80% of the company would quit. People put down roots and get attached to areas,
	generally more so than
	to jobs.</p>

	<p>New companies, however, don't have employees they would need to move. Why do tech startups choose the
	Bay when almost
	anywhere else would be cheaper? I see two main answers: to be close to their investors and to be
	able to hire from a
	deep talent pool.</p>

	<p>And this gets us to the real problem with "let's distribute jobs across the country": industries
	benefit enormously
	from centralization. Being in the main city for your industry means, for a start: </p>
	</article>
	</main>

	<aside>fasdfa</aside>
	</div>


	</body>

	</html>