3 min
Man-page css theme

man-page css theme

http://protocol.club/

#humor


html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

body {
  margin: 0;
  font-size: 1.2em;
  font-family: monospace;
  color: #EEE;
  background-color: #333;
}

article {
  position: absolute;
  display: block;
  max-width: 45em;
  padding-bottom: 3em;
}

.aspirational {
  padding: 0 1em;
  text-align: right;
  margin-top: 0;
  background: #444;
  line-height: 400%;
  text-transform: uppercase;
}

h1, h2, h3, h4, h5 {
  font-size: 1em;
  font-family: monospace;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

h1 {
  font-weight: bold;
  text-align: center;
}

h2, h3, h4, h5 {
  margin-top: 2em;
}

article > * {
  padding-left: 1em;
  padding-right: 1em;
}

article > p {
  padding-left: 3em;
}

a {
  color: yellowgreen;
}

a[href^='#'] {
  color: #0D0;
  text-decoration: none;
}

@media print {
  a:link, a:visited {
    color: inherit;
    text-decoration: none;
  }

  .aspirational {
    display: none;
  }
}

@media screen {
  article {
    margin-top: 0.8em;
  }

  article:before {
    content: '';

    margin-top: -0.8em;
    position: absolute;
    background-color: #05F;
    height: 0.4em;
    width: 100%;
  }
}


.abstract .rfc:before      { content: 'Request for Comments: '; }
.abstract .category:before { content: 'Category: '; }

.abstract {
  margin-bottom: 3em;
}

.abstract p {
  margin: 0;
}

  .abstract p:before {
    display: inline-block;
    min-width: 22ch;
  }

.abstract .author:before           { content: 'Author: '; }
.abstract .publication-date:before { content: 'Publication Date: '; }

@media (min-width: 45em) {
  body {
    margin: 0 0.4em;
  }

  .abstract p:before {
    display: inline;
  }

  .abstract .author:before,
  .abstract .publication-date:before {
    content: '';
  }

  .abstract .title,
  .abstract .author,
  .abstract .category,
  .abstract .published {
    display: inline-block;
    width: 49%;
  }

  .abstract .author,
  .abstract .published {
    text-align: right;
  }
}





***********************


<!doctype html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="robots" content="index,follow">
  <meta name="author" content="Mike English">

  <meta property="og:description" content="A website exploring learning opportunities provided by implmentation of standarized protocols. A place for curious minds to explore and experiment, to educate and be educated about protocols and implementations old and new alike.">

  <link rel="icon" href="/images/protocolclub.png" type="image/png">
  <link rel="shortcut icon" href="/images/protocolclub.png" type="image/png">
  <title>protocol.club</title>

  <link rel="stylesheet" href="./site.css">

</head>

<body>
<article itemscope itemtype="http://schema.org/BlogPosting">

<p class="aspirational">Aspirational</p>

<div class="abstract">
  <p class="title">Protocol.Club</p>
  <p class="author"><a href="~/englishm">M. English</a></p>
  <p class="rfc">protocol.club</p>
  <p class="category">Aspirational</p>
  <p class="publication-date"><time itemprop="published" datetime="2014-08">October 2014</time></p>
</div>

<h1>Protocol.Club</h1>

<h2>Abstract</h2>

<p>This website explores the fundamental and unique learning 
opportunities provided by the implementation of standardized 
protocols. It is a place for curious minds to explore and experiment,
to educate and be educated about protocols and implementations old 
and new alike.</p>

<p>This document captures the author's basic requirements and offers
guidance regarding the use and purpose of this website.  Additional
guidance may be provided at any time. This document reflects the
experimental nature of that guidance and prepares it for future
inclusion in more formal protocol.club Guide.</p>

<h2>Status of This Website</h2>

<p>This website is now <a href="https://goo.gl/forms/5jQSioCScs">accepting new members</a>; it exists for educational
and entertainment purposes as outlined above.</p>

<p>This website is a member of the wider tildeverse and has been
inspired in part by Paul Ford's original <a href="http://tilde.club">tilde.club</a>.</p>

<p>While federated with the <a href="http://tilde.club/~pfhawkins/othertildes.html">rest of the tildeverse</a> via NNTP (et
cetera), protocol.club has a stronger focus on its particular
mission and has several differences from other tilde boxes, namely:
we have a <a href="https://goo.gl/QO0BVD">Code of Conduct</a>, and we have some resources available
locally to aid development of protocol implementations and new
draft protocols. We also serve pages over HTTPS.</p>

<p>Information about the current status of this website, any errata,
and how to provide feedback on it may be obtained at
<a href="https://protocol.club/">https://protocol.club</a>.</p>

<h2>General Notice</h2>

<p>This website is subject to change at any time. It may be unreliable,
insecure, non-conformant, or non-existent. Please be patient, don't
expect too much, and help to keep things fun for everyone.</p>

</article>
</body>
</html>
From JR's : articles
595 words - 5183 chars - 3 min read
created on Jun 13, 2016 at 02:43:20 pm
updated on Jun 13, 2016 at 02:46:09 pm - #
source - versions