sample.html


<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Derek Sivers</title>
<meta name="description" content="Derek Sivers: Writer, entrepreneur, avid student of life. I make useful things, and share what I learn.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="alternate" type="application/atom+xml" title="Derek Sivers" href="/en.atom">
<style>
body{max-width:40em;margin:0 auto;padding:5px;font-family:Georgia, serif;font-size:20px;line-height:30px;color:#000}small,.small,footer{font-size:0.8em;color:#666}h1,h2,h3,small,.small,footer{font-family:Tahoma, Verdana, sans-serif;font-weight:normal}h1,h2,h3,label{line-height:1em}h1{font-size:2em}h1,h2,h3,cite{color:#800}h2,h3{margin-top:2em}a{text-decoration:none;color:#20b;overflow-wrap:break-word;word-wrap:break-word}a:visited{color:#606}a:hover{text-decoration:underline}dt{font-weight:bold;margin-top:2em}li,dd{margin-bottom:1em}figure{margin:0}blockquote{margin:0}pre{color:#fff;background-color:#333;padding:0.25em;line-height:1}code{font-size:0.8em}img,iframe{max-width:100%;display:block}img{height:auto}input[type="text"],input[type="password"],input[type="email"],select,textarea{padding:0.5em 0.6em;display:block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:99%}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,select:focus,textarea:focus{outline:0;border-color:#129FEA}input[type="submit"]{padding:5px;font-size:1em;background:#800;color:#fff;font-weight:bold}form.inlineform input{display:inline}select{height:2.25em;border:1px solid #ccc;background-color:#fff}label{margin:0.5em 0 0.2em}section{margin-bottom:4em}section#masthead{margin-bottom:1em}@media screen and (max-width: 400px){section#masthead h1{font-size:2em}}@media screen and (min-width: 400px){section#masthead h1{font-size:3em}}section#masthead h1{margin:0;font-family:Georgia, serif;font-weight:normal}section#masthead h1 a{text-decoration:underline;color:#800}body#home div#content h2 small{margin-left:2em}body#home div#content ul{padding-left:0}body#home div#content ul li{list-style-type:none}body#home div#content section#photos img{display:inline}div.blogparent{font-size:1.2em;font-weight:bold;margin:1em 0 -0.5em 0}body#oneblog div#content article header h1{margin-bottom:0}div#comments ol{padding-left:1em}div#comments li{margin-bottom:2em}div#comments li p{overflow-wrap:break-word;word-wrap:break-word}div#comments span.response{display:block;margin-left:1em;padding:4px;background-color:#ffc;border:1px solid #000;font-family:sans-serif;font-size:14px}body#onebook figure img,body#booklist figure img{float:left;margin-right:2em}body#booklist div.abook{margin:0 0 8em 0}div.presentation_summary{margin-bottom:6em}@media screen and (max-width: 400px){div.presentation_summary img{display:block}}@media screen and (min-width: 400px){div.presentation_summary img{float:right}}
</style>
<meta property="og:title" content="Derek Sivers">
<meta property="og:type" content="article">
<meta property="og:url" content="https://sivers.org/">
<meta property="og:image" content="https://sivers.org/images/DerekSivers-20141119-400.jpg">
<meta property="og:description" content="Writer, entrepreneur, avid student of life. I make useful things, and share what I learn.">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@sivers">
<meta name="twitter:creator" content="@sivers">
<meta name="twitter:title" content="Derek Sivers">
<meta name="twitter:description" content="Writer, entrepreneur, avid student of life. I make useful things, and share what I learn.">
<meta name="twitter:image" content="https://sivers.org/images/DerekSivers-20141119-400.jpg">
</head>
<body id="home">
<section id="masthead">
<h1><a href="/" title="Derek Sivers">Derek Sivers</a></h1>
</section>
<div id="content">

<section id="aboutme">
<p>
    Yes, my site is plain on purpose.
    You’ll see this is a common theme for me: wanting no more than I need.
</p><p>
</p>
<h2>
    Me in 10 seconds
</h2>
<p>
    I’ve been a <a href="/music">musician</a>, <a href="http://artificialrecords.com/">producer</a>, <a href="http://professionalpests.com/">circus performer</a>, <a href="/a">entrepreneur</a>, <a href="/presentations">TED speaker</a>, and <a href="/we14">book publisher</a>.
</p><p>
    I started <a href="https://www.cdbaby.com/">CDBaby</a> and <a href="https://www.hostbaby.com/">HostBaby</a> long ago.
    My <a href="/a">short audio/book about it</a> tells you everything I learned while starting, growing, and selling the business.
</p><p>
    <a href="http://typelogic.com/intj.html">INTJ</a>,
    minimalist,
    <a href="/soso">solitary socialite</a>,
    and a very <a href="/slow">slow thinker</a>.
    I love finding a <a href="/counter">different point of view</a>.
</p><p>
    California native.
    I now <a href="/local">live</a> in <a href="/here">New Zealand</a> and <a href="/singapore">Singapore</a>.
</p>
<h2>
    Me in 10 minutes?
</h2>
<p>
    See <a href="/about">my “about” page</a>.
</p>
<h2>
    What am I doing now?
</h2>
<p>
    See <a href="/now">my “now” page</a>.
</p>
<h2>
    Contact me?
</h2>
<p>
    See <a href="/contact">why you should</a>, though read my <a href="/faq">frequently asked questions</a>, first.
</p>
</section>

<section id="mybooks">
<h2>Books</h2>
<dl>
    <dt><a href="/a">Anything You Want</a> <span class="small">(2011)</a></dt>
    <dd>40 lessons for a new kind of entrepreneur: my tales of starting, building, and selling CD Baby</dd>
    <dt><a href="/m">Your Music and People</a> <span class="small">(2018)</a></dt>
    <dd>a philosophy for musicians (and normal people) of getting your work to the world by being creative, considerate, resourceful, descriptive, focused, and connected</dd>
    <dt><a href="/n">Hell Yeah or No</a> <span class="small">(2018)</a></dt>
    <dd>a collection of thoughts around re-defining yourself, changing focus, and saying yes to less</dd>
    <dt><a href="/h">How to Live</a> <span class="small">(2018)</a></dt>
    <dd>radically different approaches to life, in succinct directives</dd>
</dl>
</section>

<section id="newestarticles">
<h2>Newest Articles <small><a href="/blog">see all</a></small></h2>
<ul>
    <li><a href="/unlearning">Unlearning</a></li>
    <li><a href="/openbsd">OpenBSD 6.3 : why and how</a></li>
    <li><a href="/bfaq">about my book notes</a></li>
    <li><a href="/mfg">Moving for good</a></li>
    <li><a href="/facebook">Why I’m not on Facebook</a></li>
    <li><a href="/details">Detailed dreams blind you to new means.</a></li>
</ul>
</section>

<section id="popularposts">
<h2>Popular Articles <small><a href="/blog">see all</a></small></h2>
<ul>
    <li><a href="/ff">Leadership Lessons from Dancing Guy</a></li>
    <li><a href="/hellyeah">No yes. Either HELL YEAH or no.</a></li>
    <li><a href="/multiply">Ideas are just a multiplier of execution</a></li>
    <li><a href="/trust">Why I gave away my company to charity</a></li>
    <li><a href="/local">You don’t have to be local</a></li>
    <li><a href="/obvious">Obvious to you. Amazing to others.</a></li>
</ul>
</section>

<section id="list">
<h2>My private email list</h2>
<p>
If you want the announcements and opportunities that I never post publicly, get on my private email list, here:
</p>
<form action="/list" method="post">
<label for="name">Your Name</label>
<input type="text" name="name" id="name" value="">
<label for="email">Your Email (kept private! never shared.)</label>
<input type="email" name="email" id="email" value="">
<input type="hidden" name="listype" value="all">
<br>
<input type="submit" name="submit" value="sign up">
</form>
</section>

<section id="companies">
<h2>Projects <small><a href="/projects">see all projects</a></small></h2>
<dl>
    <dt><a href="/book">Book Notes</a></dt>
    <dd>detailed notes from the last 250+ books I’ve read</dd>
    <dt><a href="https://nownownow.com/">Now Now Now</a></dt>
    <dd>a collection of sites that have a “what I’m doing now” page</dd>
    <dt><a href="https://musicthoughts.com/">MusicThoughts</a></dt>
    <dd>inspiring quotes about music, translated into Español, Français, Deutsch, Italiano, Português, Русский, العربية, 日本語, and 中文</dd>
</dl>
</section>

<section id="videos">
<h2>Videos</h2>
<dl>
    <dt><a href="https://www.ted.com/speakers/derek_sivers">TED (ted.com)</a></dt>
    <dd>3 short talks from the TED Conference.</dd>
    <dt><a href="/anything">Anything You Want</a></dt>
    <dd>7 short animations from my book “Anything You Want”.</dd>
    <dt><a href="/wds">Uncommon Sense</a></dt>
    <dd>Entrepreneur lessons learned from starting, building, and selling CD Baby.</dd>
    <dt><a href="/presentations">Conference Presentations</a></dt>
    <dd>Talks from other conferences, all subjects.</dd>
</dl>
</section>

<section id="interviews">
<h2>Interviews</h2>
<p>Through 2015, I got personal and poured my heart into <a href="/i">40 hours of interviews</a>.</p>
<p>Each one has an MP3 you can download, or a transcript if you prefer to read.</p>
</section>

<section id="photos">
<h2>Photos <small>(click for big)</small></h2>
<a href="/images/DerekSivers-20141119-1450.jpg"><img src="/images/DerekSivers-20141119-100.jpg" alt="Derek Sivers" title="© 2014 Derek Sivers"/></a>
<a href="/images/DerekSivers-20141209a-1853.jpg"><img src="/images/DerekSivers-20141209a-100.jpg" alt="Derek Sivers" title="© 2014 Pat Shepherd - patshepherd.co.nz" /></a>
<a href="/images/DerekSivers-20141209b-2333.jpg"><img src="/images/DerekSivers-20141209b-100.jpg" alt="Derek Sivers" title="© 2014 Pat Shepherd - patshepherd.co.nz" /></a>
<a href="/images/DerekSivers-20141209c-1556.jpg"><img src="/images/DerekSivers-20141209c-100.jpg" alt="Derek Sivers" title="© 2014 Pat Shepherd - patshepherd.co.nz" /></a>
</section>

<section id="tweets">
<h2>Tweets <small><a href="/tweets">see all tweets</a></small></h2>
<dl id="tweetlist">
    <dt class="small">June 18</dt>
    <dd>Imagining a band: John Bonham, Jaco Pastorius, Bill Evans, Michael Hedges, and Björk, produced by Brian Eno.</dd>
    <dt class="small">June 7</dt>
    <dd>Unlearning : <a href="https://sivers.org/unlearning">https://sivers.org/unlearning</a></dd>
    <dt class="small">April 17</dt>
    <dd>New books added to my book notes collection, plus a search box. Total of 250 books now. See new FAQ: <a href="https://sivers.org/bfaq">https://sivers.org/bfaq</a></dd>
    <dt class="small">March 21</dt>
    <dd>Why I deleted Facebook : <a href="https://sivers.org/facebook">https://sivers.org/facebook</a></dd>
    <dt class="small">March 6</dt>
    <dd>My writing process : <a href="https://sivers.org/7">https://sivers.org/7</a></dd>
    <dt class="small">March 1</dt>
    <dd>(for musicians) — Be an extreme character: <a href="https://sivers.org/evers">https://sivers.org/evers</a></dd>
</dl>
<p>
    (<a  href="https://micro.blog/sivers">micro.blog/sivers</a> is a nice mirror of my posts.)
</p>
</section>

<section id="search">
<h2>Search</h2>
<form action="https://duckduckgo.com/" method="get">
    <label for="q">Search sivers.org for anything:</label>
    <input type="text" name="q" value="">
    <input type="hidden" name="sites" value="sivers.org">
    <input type="hidden" name="ia" value="web">
    <input type="submit" value="search">
</form>
</section>


</div>
</body>
</html>