add: Sample Posts

_config.yml

@@ -3,7 +3,7 @@ name: ""
 title: ""
 description: ""
 meta_description: ""
-url: 
+url: https://chriskyfung.github.io
 logo: 'assets/images/logo-plainSVG.svg'
 favicon: 'assets/images/favicon.png'
 paginate: 12
@@ -57,7 +57,8 @@ jekyll-archives:
 
 # Jekyll ExtLinks
 extlinks:
- attributes: {rel: noopener noreferrer, target: _blank}
+ attributes: {rel: noopener noreferrer}
+ rel_exclude: ['chriskyfung.github.com', 'localhost']
 
 # Other
 markdown: kramdown

_posts/2017-11-27-media.md

@@ -0,0 +1,48 @@
+---
+layout: post
+title: Media
+date: 2017-11-27 04:00:00
+tags: media test
+amp:
+ youtube: true
+---
+
+### Image
+
+{% include picture.html source="assets" img="shiva.jpg" width="656" height="400" layout="responsive" alt="" class="mb3" %}
+
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+
+<hr />
+
+### Image With Heading
+
+{% include picture.html source="assets" img="shiva.jpg" width="656" height="400" layout="responsive" alt="" class="mb3" caption="<h1>Shiva</h1>" %}
+
+<hr/>
+
+### Image With Caption
+
+{% include picture.html source="assets" img="shiva.jpg" width="656" height="400" layout="responsive" alt="" class="mb3" caption='Duis nec dolor et quam vulputate sagittis. Nam arcu ex, suscipit nec cursus a, volutpat sit amet felis. <span class="ampstart-image-credit block bold">Taken by <a href="#" role="author">Parvati</a></span>' %}
+
+<hr/>
+
+### Video
+
+Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+{% include youtube.html id="5UrQ9D-epG8" %}
+
+<hr />
+
+### Audio
+
+Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+<amp-audio width="auto"
+ height="50"
+ src="https://ia801402.us.archive.org/16/items/EDIS-SRP-0197-06/EDIS-SRP-0197-06.mp3">
+ <div fallback>
+ <p>Your browser doesn’t support HTML5 audio</p>
+ </div>
+</amp-audio>

_posts/2017-11-28-code.md

@@ -0,0 +1,40 @@
+---
+layout: post
+title: Code
+date: 2017-11-28 04:00:00
+tags: code
+css:
+ syntax: true
+---
+
+<p>Code can be presented inline, like <code>&lt;?php bloginfo('stylesheet_url'); ?&gt;</code>, or within a <code>``` ```</code> block.</p>
+
+<p>More information about code highlighting in jekyll can be found <a href="https://jekyllrb.com/docs/templates/#code-snippet-highlighting">in Jekyll documentation</a>.</p>
+
+<p>These area a couple of examples showing the resulting highlighted code:</p>
+
+```css
+// css code sample
+#container {
+ float: left;
+ margin: 0 -240px 0 0;
+ width: 100%;
+}
+```
+
+
+```javascript
+// javascript code sample
+$.ajax({
+ type: 'POST',
+ url: 'backend.php',
+ data: "q="+myform.serialize(),
+ success: function(data){
+ // on success use return data here
+ },
+ error: function(xhr, type, exception) {
+ // if ajax fails display error alert
+ alert("ajax error response type "+type);
+ }
+});
+```

_posts/2017-11-29-sample.md

@@ -0,0 +1,15 @@
+---
+layout: post
+image: 
+ path: /assets/images/tree.jpg
+title: Sample
+date: 2017-11-29 04:00:00
+tags: test
+---
+
+<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>