100 lines
4.1 KiB
HTML
100 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Colin McMillen</title>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- import the webpage's stylesheet -->
|
|
<link href="https://fonts.googleapis.com/css?family=Fira+Mono:500,700|Press+Start+2P" rel="stylesheet">
|
|
<link rel="stylesheet" href="/style.css">
|
|
|
|
<!-- to demonstrate syntax highlighting -->
|
|
<link rel="stylesheet" href="/pygments-monokai.css">
|
|
|
|
<!-- and favicon -->
|
|
<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
|
|
|
|
<!-- and Java the scripts. -->
|
|
<script src="/script.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>
|
|
<a href="/">Colin McMillen <FamiColin></a>
|
|
</h1>
|
|
</header>
|
|
<article class="content">
|
|
<h2>
|
|
Heading 2 Post Title
|
|
</h2>
|
|
<p>
|
|
Published March 1, 2019
|
|
</p>
|
|
<hr>
|
|
<p>
|
|
Woomy ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Woomy ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
|
|
</p>
|
|
<blockquote>
|
|
<p>
|
|
Blockquote with accent background goes here.
|
|
</p>
|
|
</blockquote>
|
|
<p>
|
|
<a class="btn">link</a>
|
|
</p>
|
|
<h2>
|
|
Heading 2
|
|
</h2>
|
|
<p>
|
|
Woomy ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Woomy ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
|
|
</p>
|
|
<h3>
|
|
Heading 3
|
|
</h3>
|
|
<div class="highlight-python"><div class="highlight"><pre><span></span><span class="kn">from</span> <span class="nn">pygments</span> <span class="kn">import</span> <span class="n">highlight</span>
|
|
<span class="kn">from</span> <span class="nn">pygments.lexers</span> <span class="kn">import</span> <span class="n">get_lexer_by_name</span>
|
|
<span class="kn">from</span> <span class="nn">pygments.formatters</span> <span class="kn">import</span> <span class="n">HtmlFormatter</span>
|
|
|
|
<span class="n">lexer</span> <span class="o">=</span> <span class="n">get_lexer_by_name</span><span class="p">(</span><span class="s2">"python"</span><span class="p">,</span> <span class="n">stripall</span><span class="o">=</span><span class="bp">True</span><span class="p">)</span>
|
|
<span class="n">formatter</span> <span class="o">=</span> <span class="n">HtmlFormatter</span><span class="p">(</span><span class="n">linenos</span><span class="o">=</span><span class="bp">True</span><span class="p">,</span> <span class="n">cssclass</span><span class="o">=</span><span class="s2">"source"</span><span class="p">)</span>
|
|
<span class="n">result</span> <span class="o">=</span> <span class="n">highlight</span><span class="p">(</span><span class="n">code</span><span class="p">,</span> <span class="n">lexer</span><span class="p">,</span> <span class="n">formatter</span><span class="p">)</span>
|
|
</pre></div>
|
|
</div>
|
|
<p>
|
|
Woomy ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Woomy ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
|
|
</p>
|
|
</article>
|
|
|
|
<article class="box box-red box-layout-sidebar">
|
|
<h2 class="box-header">
|
|
ABOUT COLIN
|
|
</h2>
|
|
<div class="box-content">
|
|
<p>
|
|
Software engineer. Ex-Google;
|
|
now who knows he/him — #TechWontBuildIt
|
|
</p>
|
|
</div>
|
|
<div class="box-footer">
|
|
<a href="#" class="btn">@mcmillen <span class="arrow"></span></a><a href="#" class="btn">@famicolin <span class="arrow"></span></a><a href="#" class="btn">EMAIL ME <span class="arrow"></span></a>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<footer>
|
|
<div class="content">
|
|
<p>
|
|
(c) 2019 Colin McMillen<br>
|
|
[but if you want to use anything, just ask!]
|
|
</p>
|
|
<p>
|
|
Designed by <a href="https://melody.dev">Melody</a>!<br>
|
|
If you want a well-designed site of your own, I heartily recommend working with them!
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|