-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy patha-post-with-code-blocks.html
134 lines (125 loc) · 9.78 KB
/
a-post-with-code-blocks.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<title>pandanistas</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8" />
<link href="/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="pandanistas Full Atom Feed" />
<link href="/feeds/{slug}.atom.xml" type="application/atom+xml" rel="alternate" title="pandanistas Categories Atom Feed" />
<!-- twitter card metadata -->
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="/images/pandanistas_logo_long.png">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="A post with code blocks">
<meta name="twitter:description" content="This a simple post that shows how code blocks will appear. Code blocks word wrap at smaller breakpoints. Syntax highlighting is supported via Pygments. Happy coding!">
<!-- OG Tags -->
<meta property="og:url" content="/a-post-with-code-blocks.html"/>
<meta property="og:title" content="pandanistas | A post with code blocks" />
<meta property="og:description" content="This a simple post that shows how code blocks will appear. Code blocks word wrap at smaller breakpoints. Syntax highlighting is supported via Pygments. Happy coding!" />
<!-- favicon -->
<!-- moment.js for date formatting -->
<script src="/theme/js/moment.js"></script>
<!-- css -->
<link rel="stylesheet" type="text/css" href="/theme/css/main.css" />
<script>
/*! grunt-grunticon Stylesheet Loader - v2.1.2 | https://github.com/filamentgroup/grunticon | (c) 2015 Scott Jehl, Filament Group, Inc. | MIT license. */
(function(e){function t(t,n,r,o){"use strict";function a(){for(var e,n=0;u.length>n;n++)u[n].href&&u[n].href.indexOf(t)>-1&&(e=!0);e?i.media=r||"all":setTimeout(a)}var i=e.document.createElement("link"),l=n||e.document.getElementsByTagName("script")[0],u=e.document.styleSheets;return i.rel="stylesheet",i.href=t,i.media="only x",i.onload=o||null,l.parentNode.insertBefore(i,l),a(),i}var n=function(r,o){"use strict";if(r&&3===r.length){var a=e.navigator,i=e.Image,l=!(!document.createElementNS||!document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect||!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")||e.opera&&-1===a.userAgent.indexOf("Chrome")||-1!==a.userAgent.indexOf("Series40")),u=new i;u.onerror=function(){n.method="png",n.href=r[2],t(r[2])},u.onload=function(){var e=1===u.width&&1===u.height,a=r[e&&l?0:e?1:2];n.method=e&&l?"svg":e?"datapng":"png",n.href=a,t(a,null,null,o)},u.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",document.documentElement.className+=" grunticon"}};n.loadCSS=t,e.grunticon=n})(this);(function(e,t){"use strict";var n=t.document,r="grunticon:",o=function(e){if(n.attachEvent?"complete"===n.readyState:"loading"!==n.readyState)e();else{var t=!1;n.addEventListener("readystatechange",function(){t||(t=!0,e())},!1)}},a=function(e){return t.document.querySelector('link[href$="'+e+'"]')},c=function(e){var t,n,o,a,c,i,u={};if(t=e.sheet,!t)return u;n=t.cssRules?t.cssRules:t.rules;for(var l=0;n.length>l;l++)o=n[l].cssText,a=r+n[l].selectorText,c=o.split(");")[0].match(/US\-ASCII\,([^"']+)/),c&&c[1]&&(i=decodeURIComponent(c[1]),u[a]=i);return u},i=function(e){var t,o,a;o="data-grunticon-embed";for(var c in e)if(a=c.slice(r.length),t=n.querySelectorAll(a+"["+o+"]"),t.length)for(var i=0;t.length>i;i++)t[i].innerHTML=e[c],t[i].style.backgroundImage="none",t[i].removeAttribute(o);return t},u=function(t){"svg"===e.method&&o(function(){i(c(a(e.href))),"function"==typeof t&&t()})};e.embedIcons=i,e.getCSS=a,e.getIcons=c,e.ready=o,e.svgLoadedCallback=u,e.embedSVG=u})(grunticon,this);
grunticon(["/theme/css/icons.data.svg.css", "/theme/css/icons.data.png.css", "/theme/css/icons.fallback.css"]);
</script>
<noscript><link href="/theme/css/icons.fallback.css" rel="stylesheet"></noscript>
<!-- menu toggle javascript -->
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", initMenu);
function initMenu(){
var menu = document.getElementById("menu");
var menulink = document.getElementById("menu-link");
menulink.addEventListener("click", function toggleMenu(){
window.event.preventDefault();
menulink.classList.toggle('active');
menu.classList.toggle('active');
});
};
</script>
<meta name="description" content="This a simple post that shows how code blocks will appear. Code blocks word wrap at smaller breakpoints. Syntax highlighting is supported via Pygments. Happy coding!" />
<meta name="tags" content="code" />
<meta name="tags" content="syntax" />
<meta name="tags" content="python" />
</head>
<body>
<div role="banner" id="masthead">
<header>
<a href="/"><img src="/images/pandanistas_logo_long.png" alt="McManus Logo"></a>
<a href="#menu" id="menu-link">more stuff</a>
<nav id="menu">
<ul>
<li><a href="/pages/about-us.html">about us</a></li>
<li><a href="/category/blog.html">blog</a></li>
<li><a href="/pages/code-of-conduct.html">code of conduct</a></li>
<li><a href="/pages/resources.html">resources</a></li>
<li><a href="/pages/contact-us.html">contact us</a></li>
</ul>
</nav>
</header>
</div>
<div class="page" role="main">
<div class="article" role="article">
<article>
<footer>
<a name="top"></a>
<p>
<time datetime=" 2018-08-21 00:00:00+02:00">
<script>document.write(moment('2018-08-21 00:00:00+02:00').format('LL'));</script>
</time>
</p>
</footer>
<header>
<h2>
A post with code blocks
</h2>
</header>
<div class="content">
<h2>Python Code block</h2>
<div class="highlight"><pre><span></span><span class="k">def</span> <span class="nf">my_handler</span><span class="p">(</span><span class="n">event</span><span class="p">,</span> <span class="n">context</span><span class="p">):</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">"Received event: "</span> <span class="o">+</span> <span class="n">json</span><span class="o">.</span><span class="n">dumps</span><span class="p">(</span><span class="n">event</span><span class="p">,</span> <span class="n">indent</span><span class="o">=</span><span class="mi">2</span><span class="p">))</span>
<span class="n">handle</span><span class="p">(</span><span class="n">event</span><span class="p">[</span><span class="s1">'message'</span><span class="p">])</span>
</pre></div>
<h2>JSON code block</h2>
<div class="highlight"><pre><span></span><span class="p">{</span>
<span class="nt">"update_id"</span><span class="p">:</span> <span class="mi">8888</span><span class="p">,</span>
<span class="nt">"message"</span><span class="p">:</span> <span class="p">{</span>
<span class="nt">"chat"</span><span class="p">:</span> <span class="p">{</span>
<span class="nt">"first_name"</span><span class="p">:</span> <span class="s2">"Matt"</span><span class="p">,</span>
<span class="nt">"id"</span><span class="p">:</span> <span class="err">put_your_id_here</span><span class="p">,</span>
<span class="nt">"last_name"</span><span class="p">:</span> <span class="s2">"McManus"</span><span class="p">,</span>
<span class="nt">"type"</span><span class="p">:</span> <span class="s2">"private"</span><span class="p">,</span>
<span class="nt">"rolename"</span><span class="p">:</span> <span class="s2">"mcman_s"</span>
<span class="p">},</span>
<span class="nt">"date"</span><span class="p">:</span> <span class="mi">1453851465</span><span class="p">,</span>
<span class="nt">"from"</span><span class="p">:</span> <span class="p">{</span>
<span class="nt">"first_name"</span><span class="p">:</span> <span class="s2">"Matt"</span><span class="p">,</span>
<span class="nt">"id"</span><span class="p">:</span> <span class="err">put_your_id_here</span><span class="p">,</span>
<span class="nt">"last_name"</span><span class="p">:</span> <span class="s2">"McManus"</span><span class="p">,</span>
<span class="nt">"rolename"</span><span class="p">:</span> <span class="s2">"mcman_s"</span>
<span class="p">},</span>
<span class="nt">"message_id"</span><span class="p">:</span> <span class="mi">2</span><span class="p">,</span>
<span class="nt">"text"</span><span class="p">:</span> <span class="s2">"/start"</span>
<span class="p">}</span>
<span class="p">}</span>
</pre></div>
</div>
<div class="back-to-top">
<a href="#top">back to top</a>
</div>
</article>
</div>
<!-- end article -->
<footer>
<div class="icons">
<a href="https://twitter.com/pandanistas" target="_blank"><div class="icon-twitter icon"></div></a>
<a href="https://github.com/pandanistas" target="_blank"><div class="icon-github icon"></div></a>
</div>
<p>© <script>document.write(moment().format('YYYY'));</script> pandanistas</p>
</footer>
</div>
</body>
</html>