Back

Version 6

2/28/2024
/** @jsxImportSource https://esm.sh/react */
import { renderToString } from "npm:react-dom/server";

const Home = (
<>
<meta charSet="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ"
crossOrigin="anonymous"
/>
<title>Steve Krouse</title>
<style
dangerouslySetInnerHTML={{
__html:
"\n #page {\n padding: 50px;\n margin-right: auto;\n margin-left: auto;\n width: 100%;\n }\n .date {\n display: none;\n }\n \n li {\n padding-bottom: 10px;\n }\n\n @media (min-width: 768px) { \n #page {\n width: 55em;\n }\n .date {\n display: inline;\n }\n li {\n padding: 2px;\n }\n }\n \n #title {\n color: #d86502;\n }\n \n #welcome {\n margin-top: 20px;\n margin-bottom: 20px;\n max-width: 600px;\n }\n \n .date {\n color: #aaa;\n font-size: 90%;\n font-family: monospace;\n }\n \n #footer {\n color: #666;\n font-size: 90%;\n }\n "
}}
/>
<div id="page" className="container-fluid">
<div id="title">
<h3>Steve Krouse</h3>
</div>
<div id="welcome">
<p>👋 Hi, I'm Steve. I live in Prospect Heights, Brooklyn.</p>
<p>
I am passionate about the future of computing, education &amp; media.
</p>
<p>
I spend most of my time these days working on{" "}
<a href="https://val.town">Val Town</a>, a social website to write &amp;
deploy code.