Skip to content

Instantly share code, notes, and snippets.

@tomhodgins

tomhodgins/slackwise-blog.html

Created February 24, 2019 17:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save tomhodgins/44d3e3957d57564a36bc4816ff201f34 to your computer and use it in GitHub Desktop.
Save tomhodgins/44d3e3957d57564a36bc4816ff201f34 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
slackwise-blog.html
<!DOCTYPE html>
<meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1">
<title>Slackwise</title>
<meta name=author content="Adam 'Slackwise' Flanczewski">
<meta name=description content="Slackwise's Blog">
<meta name=keywords content="keywords,here">
<link rel=stylesheet href="https://fonts.googleapis.com/css?family=Press+Start+2P|Roboto|Roboto+Condensed|Roboto+Mono">
<link rel=stylesheet href="prism-vs.css">
<link rel=stylesheet href="screen.css">
<script defer src="//cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/prism.js"></script>
<script defer src="//cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/components/prism-clojure.min.js"></script>
<script defer src="//cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/components/prism-csharp.min.js"></script>
<script defer src="//cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/components/prism-css.min.js"></script>
<script defer src="//cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/components/prism-javascript.min.js"></script>
<script defer src="//cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/components/prism-json.min.js"></script>
<script defer src="//cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/components/prism-jsx.min.js"></script>
<script defer src="//cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/components/prism-ruby.min.js"></script>
<script defer src="//cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/components/prism-sql.min.js"></script>
<script defer src="//cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/components/prism-yaml.min.js"></script>
<style>
* {
box-sizing: border-box; /* sets the box-sizing to a sane default */
text-rendering: optimizeLegibility; /* these properties normalize font rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-kerning: auto;
}
html {
-webkit-text-size-adjust: 100%; /* keep portrait & landscape at same zoom level */
font-size: 14pt; /* default sizes for narrowest width */
line-height: 1.4;
font-family: sans-serif;
}
body {
max-width: 8.5in; /* 100% wide, but no wider than 8.5in */
}
/* nicer quotes */
q:before {content: '\201c'}
q:after {content: '\201d'}
q q:before {content: '\2018'}
q q:after {content: '\2019'}
/* heading defaults */
h1, h2, h3, h4, h5, h6 {
margin: 1em 0 .5em 0;
line-height: 1.2; /* a little tighter than body text */
font-weight: 600; /* might need to update this to your desired heading weight */
letter-spacing: -.03em; /* tighten up horizontal space, if it works with font */
word-break: break-word; /* let them break, rather than popping out of frame */
}
@media (min-width: 600px) {
h1 { font-size: 3rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.35rem; }
h5 { font-size: 1.2rem; }
h6 { font-size: 1.1rem; }
}
</style>
<div id=page>
<header>
<div id=logotype>Slackwise</div>
<nav>
<a href="/">index</a>
<a href="/">about</a>
<a href="/">contact</a>
</nav>
</header>
<main>
<article>
<hgroup class=article-title>
<h1>Short Summary Article Title</h1>
<h2>A longer description of the article and what it is about. Maybe two sentences even.</h2>
</hgroup>
<p>Is it my imagination, or have tempers become a little frayed on the ship lately? Yes, absolutely, I do
indeed concur, wholeheartedly! Sure. You'd be surprised how far a hug goes with Geordi, or Worf. When has
justice ever been as simple as a rule book? Mr. Worf, you do remember how to fire phasers? Now, how the hell
do we defeat an enemy that knows us better than we know ourselves? Fate. It protects fools, little children,
and ships named "Enterprise." <a href="https://google.com">A long link to Google.</a> A lot of things can
change in twelve years, Admiral. Well, I'll say <code class="language-javascript">this</code> for
him - he's sure of himself. Why don't we just give everybody a promotion and call it a night - 'Commander'?
The game's not big enough unless it scares you a little. What? We're not at all alike! I'm afraid I still
don't understand, sir. Talk about going nowhere fast.</p>
<h3>A Subsection</h3>
<p>I am your worst nightmare! Travel time to the nearest
starbase? Shields up! Rrrrred alert! and attack the Romulans. And blowing into maximum warp speed, you
appeared for an instant to be in two places at once. This is not about revenge. This is about justice. Your
head is not an artifact! What's a knock-out like you doing in a computer-generated gin joint like this?
Maybe if we felt any human loss as keenly as we feel one of those close to us, human history would be far
less bloody. We know you're dealing in stolen ore. But I wanna talk about the assassination attempt on
Lieutenant Worf. How long can two people talk about nothing? Besides, you look good in a dress. Commander
William Riker of the Starship Enterprise. Earl Grey tea, watercress sandwiches... and Bularian canapés? Are
you up for promotion? Our neural pathways have become accustomed to your sensory input patterns. In all
trust, there is the possibility for betrayal. The Federation's gone; the Borg is everywhere! They were just
sucked into space.</p>
<h3>Some Code</h3>
<pre><code class="language-javascript">const cat = {
get status() {
delete this.status;
this.status = Math.random() >= 0.5 ? 'Alive' : 'Dead';
return this.status;
}
};
cat.status;
cat.status;
cat.status;
cat.status;
cat.status;</code></pre>
<h3>Pre Text</h3>
<pre>
_ _ _
| | | | | |
| | __ _ _ __ ___ | |__ __| | __ _
| |/ _` | '_ ` _ \| '_ \ / _` |/ _` |
| | (_| | | | | | | |_) | (_| | (_| |
|_|\__,_|_| |_| |_|_.__/ \__,_|\__,_|
</pre>
</article>
</main>
<footer>© 2019 Adam Flanczewski</footer>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment