-
-
Save Slackwise/8a288f712e144bf1d1eb34318a96b8ae to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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