diff options
author | Durand D'souza <durand1@gmail.com> | 2016-09-21 11:45:50 +0300 |
---|---|---|
committer | Durand D'souza <durand1@gmail.com> | 2016-09-21 11:45:50 +0300 |
commit | ee7613360c4bea0614efc381a2d72cde527767d7 (patch) | |
tree | 21562317261877e3014e7eeb1e66a7a1255d4345 | |
parent | 58bbb4bd113dfe81f604c9a83afb5aac79ee058c (diff) |
Fixed https links in content
-rw-r--r-- | index.html | 34 | ||||
-rw-r--r-- | index.xml | 34 | ||||
-rw-r--r-- | posts/a-post-with-images/index.html | 34 | ||||
-rw-r--r-- | posts/index.html | 34 | ||||
-rw-r--r-- | posts/index.xml | 34 | ||||
-rw-r--r-- | tags/images/index.html | 34 | ||||
-rw-r--r-- | tags/images/index.xml | 34 | ||||
-rw-r--r-- | tags/sample-post/index.html | 34 | ||||
-rw-r--r-- | tags/sample-post/index.xml | 34 | ||||
-rw-r--r-- | tags/test/index.html | 34 | ||||
-rw-r--r-- | tags/test/index.xml | 34 |
11 files changed, 187 insertions, 187 deletions
@@ -217,8 +217,8 @@ <h3 id="one-up:5767805156fe261c5b7762b9219a6127">One Up</h3> <figure> - <a href="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> - <figcaption><a href="http://www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> + <a href="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> + <figcaption><a href="//www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> </figure> <h3 id="two-up:5767805156fe261c5b7762b9219a6127">Two Up</h3> @@ -234,10 +234,10 @@ <p>And you’ll get something that looks like this:</p> <figure class="half"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <img src="http://placehold.it/600x300.jpg" alt=""> - <img src="http://placehold.it/600x300.jpg" alt=""> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <img src="//placehold.it/600x300.jpg" alt=""> + <img src="//placehold.it/600x300.jpg" alt=""> <figcaption>Two images.</figcaption> </figure> @@ -245,9 +245,9 @@ <p>Apply the <code>third</code> class like so to display three images side by side that share the same caption.</p> <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2"><</span><span style="color: #f92672">figure</span> <span style="color: #a6e22e">class</span><span style="color: #f92672">=</span><span style="color: #e6db74">"third"</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> <span style="color: #f8f8f2"><</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">></span>Caption describing these three images.<span style="color: #f8f8f2"></</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">></span> <span style="color: #f8f8f2"></</span><span style="color: #f92672">figure</span><span style="color: #f8f8f2">></span> </pre></div> @@ -255,12 +255,12 @@ <p>And you’ll get something that looks like this:</p> <figure class="third"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> <figcaption>Three images.</figcaption> </figure> @@ -274,7 +274,7 @@ and fill the block with any number of links to images. You can mix relative and <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">{% </span><span style="color: #f92672">raw</span><span style="color: #f8f8f2"> %}</span>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption="Test images" cols=3 %}<span style="color: #f8f8f2">{% </span><span style="color: #f92672">endraw</span><span style="color: #f8f8f2"> %}</span> </pre></div> @@ -292,7 +292,7 @@ Available values: [1..3].</li> <p>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - <a href="http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png">http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png</a> + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=“Test images” cols=3 %}</p> @@ -75,8 +75,8 @@ <h3 id="one-up:5767805156fe261c5b7762b9219a6127">One Up</h3> <figure> - <a href="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> - <figcaption><a href="http://www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> + <a href="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> + <figcaption><a href="//www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> </figure> <h3 id="two-up:5767805156fe261c5b7762b9219a6127">Two Up</h3> @@ -92,10 +92,10 @@ <p>And you&rsquo;ll get something that looks like this:</p> <figure class="half"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <img src="http://placehold.it/600x300.jpg" alt=""> - <img src="http://placehold.it/600x300.jpg" alt=""> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <img src="//placehold.it/600x300.jpg" alt=""> + <img src="//placehold.it/600x300.jpg" alt=""> <figcaption>Two images.</figcaption> </figure> @@ -103,9 +103,9 @@ <p>Apply the <code>third</code> class like so to display three images side by side that share the same caption.</p> <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">figure</span> <span style="color: #a6e22e">class</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;third&quot;</span><span style="color: #f8f8f2">&gt;</span> - <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> - <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> - <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> + <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> + <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> + <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">&gt;</span>Caption describing these three images.<span style="color: #f8f8f2">&lt;/</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">&gt;</span> <span style="color: #f8f8f2">&lt;/</span><span style="color: #f92672">figure</span><span style="color: #f8f8f2">&gt;</span> </pre></div> @@ -113,12 +113,12 @@ <p>And you&rsquo;ll get something that looks like this:</p> <figure class="third"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> <figcaption>Three images.</figcaption> </figure> @@ -132,7 +132,7 @@ and fill the block with any number of links to images. You can mix relative and <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">{% </span><span style="color: #f92672">raw</span><span style="color: #f8f8f2"> %}</span>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=&quot;Test images&quot; cols=3 %}<span style="color: #f8f8f2">{% </span><span style="color: #f92672">endraw</span><span style="color: #f8f8f2"> %}</span> </pre></div> @@ -150,7 +150,7 @@ Available values: [1..3].</li> <p>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - <a href="http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png">http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png</a> + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=&ldquo;Test images&rdquo; cols=3 %}</p> </description> diff --git a/posts/a-post-with-images/index.html b/posts/a-post-with-images/index.html index 2e3b24f..230ea93 100644 --- a/posts/a-post-with-images/index.html +++ b/posts/a-post-with-images/index.html @@ -144,8 +144,8 @@ <h3 id="one-up:5767805156fe261c5b7762b9219a6127">One Up</h3> <figure> - <a href="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> - <figcaption><a href="http://www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> + <a href="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> + <figcaption><a href="//www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> </figure> <h3 id="two-up:5767805156fe261c5b7762b9219a6127">Two Up</h3> @@ -161,10 +161,10 @@ <p>And you’ll get something that looks like this:</p> <figure class="half"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <img src="http://placehold.it/600x300.jpg" alt=""> - <img src="http://placehold.it/600x300.jpg" alt=""> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <img src="//placehold.it/600x300.jpg" alt=""> + <img src="//placehold.it/600x300.jpg" alt=""> <figcaption>Two images.</figcaption> </figure> @@ -172,9 +172,9 @@ <p>Apply the <code>third</code> class like so to display three images side by side that share the same caption.</p> <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2"><</span><span style="color: #f92672">figure</span> <span style="color: #a6e22e">class</span><span style="color: #f92672">=</span><span style="color: #e6db74">"third"</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> <span style="color: #f8f8f2"><</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">></span>Caption describing these three images.<span style="color: #f8f8f2"></</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">></span> <span style="color: #f8f8f2"></</span><span style="color: #f92672">figure</span><span style="color: #f8f8f2">></span> </pre></div> @@ -182,12 +182,12 @@ <p>And you’ll get something that looks like this:</p> <figure class="third"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> <figcaption>Three images.</figcaption> </figure> @@ -201,7 +201,7 @@ and fill the block with any number of links to images. You can mix relative and <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">{% </span><span style="color: #f92672">raw</span><span style="color: #f8f8f2"> %}</span>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption="Test images" cols=3 %}<span style="color: #f8f8f2">{% </span><span style="color: #f92672">endraw</span><span style="color: #f8f8f2"> %}</span> </pre></div> @@ -219,7 +219,7 @@ Available values: [1..3].</li> <p>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - <a href="http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png">http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png</a> + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=“Test images” cols=3 %}</p> diff --git a/posts/index.html b/posts/index.html index 25ab48e..ed072c8 100644 --- a/posts/index.html +++ b/posts/index.html @@ -220,8 +220,8 @@ <h3 id="one-up:5767805156fe261c5b7762b9219a6127">One Up</h3> <figure> - <a href="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> - <figcaption><a href="http://www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> + <a href="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> + <figcaption><a href="//www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> </figure> <h3 id="two-up:5767805156fe261c5b7762b9219a6127">Two Up</h3> @@ -237,10 +237,10 @@ <p>And you’ll get something that looks like this:</p> <figure class="half"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <img src="http://placehold.it/600x300.jpg" alt=""> - <img src="http://placehold.it/600x300.jpg" alt=""> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <img src="//placehold.it/600x300.jpg" alt=""> + <img src="//placehold.it/600x300.jpg" alt=""> <figcaption>Two images.</figcaption> </figure> @@ -248,9 +248,9 @@ <p>Apply the <code>third</code> class like so to display three images side by side that share the same caption.</p> <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2"><</span><span style="color: #f92672">figure</span> <span style="color: #a6e22e">class</span><span style="color: #f92672">=</span><span style="color: #e6db74">"third"</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> <span style="color: #f8f8f2"><</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">></span>Caption describing these three images.<span style="color: #f8f8f2"></</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">></span> <span style="color: #f8f8f2"></</span><span style="color: #f92672">figure</span><span style="color: #f8f8f2">></span> </pre></div> @@ -258,12 +258,12 @@ <p>And you’ll get something that looks like this:</p> <figure class="third"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> <figcaption>Three images.</figcaption> </figure> @@ -277,7 +277,7 @@ and fill the block with any number of links to images. You can mix relative and <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">{% </span><span style="color: #f92672">raw</span><span style="color: #f8f8f2"> %}</span>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption="Test images" cols=3 %}<span style="color: #f8f8f2">{% </span><span style="color: #f92672">endraw</span><span style="color: #f8f8f2"> %}</span> </pre></div> @@ -295,7 +295,7 @@ Available values: [1..3].</li> <p>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - <a href="http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png">http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png</a> + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=“Test images” cols=3 %}</p> diff --git a/posts/index.xml b/posts/index.xml index 90c624c..bec23d5 100644 --- a/posts/index.xml +++ b/posts/index.xml @@ -75,8 +75,8 @@ <h3 id="one-up:5767805156fe261c5b7762b9219a6127">One Up</h3> <figure> - <a href="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> - <figcaption><a href="http://www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> + <a href="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> + <figcaption><a href="//www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> </figure> <h3 id="two-up:5767805156fe261c5b7762b9219a6127">Two Up</h3> @@ -92,10 +92,10 @@ <p>And you&rsquo;ll get something that looks like this:</p> <figure class="half"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <img src="http://placehold.it/600x300.jpg" alt=""> - <img src="http://placehold.it/600x300.jpg" alt=""> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <img src="//placehold.it/600x300.jpg" alt=""> + <img src="//placehold.it/600x300.jpg" alt=""> <figcaption>Two images.</figcaption> </figure> @@ -103,9 +103,9 @@ <p>Apply the <code>third</code> class like so to display three images side by side that share the same caption.</p> <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">figure</span> <span style="color: #a6e22e">class</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;third&quot;</span><span style="color: #f8f8f2">&gt;</span> - <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> - <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> - <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> + <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> + <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> + <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">&gt;</span>Caption describing these three images.<span style="color: #f8f8f2">&lt;/</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">&gt;</span> <span style="color: #f8f8f2">&lt;/</span><span style="color: #f92672">figure</span><span style="color: #f8f8f2">&gt;</span> </pre></div> @@ -113,12 +113,12 @@ <p>And you&rsquo;ll get something that looks like this:</p> <figure class="third"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> <figcaption>Three images.</figcaption> </figure> @@ -132,7 +132,7 @@ and fill the block with any number of links to images. You can mix relative and <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">{% </span><span style="color: #f92672">raw</span><span style="color: #f8f8f2"> %}</span>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=&quot;Test images&quot; cols=3 %}<span style="color: #f8f8f2">{% </span><span style="color: #f92672">endraw</span><span style="color: #f8f8f2"> %}</span> </pre></div> @@ -150,7 +150,7 @@ Available values: [1..3].</li> <p>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - <a href="http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png">http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png</a> + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=&ldquo;Test images&rdquo; cols=3 %}</p> </description> diff --git a/tags/images/index.html b/tags/images/index.html index b8fa87f..750830b 100644 --- a/tags/images/index.html +++ b/tags/images/index.html @@ -149,8 +149,8 @@ <h3 id="one-up:5767805156fe261c5b7762b9219a6127">One Up</h3> <figure> - <a href="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> - <figcaption><a href="http://www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> + <a href="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> + <figcaption><a href="//www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> </figure> <h3 id="two-up:5767805156fe261c5b7762b9219a6127">Two Up</h3> @@ -166,10 +166,10 @@ <p>And you’ll get something that looks like this:</p> <figure class="half"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <img src="http://placehold.it/600x300.jpg" alt=""> - <img src="http://placehold.it/600x300.jpg" alt=""> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <img src="//placehold.it/600x300.jpg" alt=""> + <img src="//placehold.it/600x300.jpg" alt=""> <figcaption>Two images.</figcaption> </figure> @@ -177,9 +177,9 @@ <p>Apply the <code>third</code> class like so to display three images side by side that share the same caption.</p> <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2"><</span><span style="color: #f92672">figure</span> <span style="color: #a6e22e">class</span><span style="color: #f92672">=</span><span style="color: #e6db74">"third"</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> <span style="color: #f8f8f2"><</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">></span>Caption describing these three images.<span style="color: #f8f8f2"></</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">></span> <span style="color: #f8f8f2"></</span><span style="color: #f92672">figure</span><span style="color: #f8f8f2">></span> </pre></div> @@ -187,12 +187,12 @@ <p>And you’ll get something that looks like this:</p> <figure class="third"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> <figcaption>Three images.</figcaption> </figure> @@ -206,7 +206,7 @@ and fill the block with any number of links to images. You can mix relative and <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">{% </span><span style="color: #f92672">raw</span><span style="color: #f8f8f2"> %}</span>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption="Test images" cols=3 %}<span style="color: #f8f8f2">{% </span><span style="color: #f92672">endraw</span><span style="color: #f8f8f2"> %}</span> </pre></div> @@ -224,7 +224,7 @@ Available values: [1..3].</li> <p>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - <a href="http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png">http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png</a> + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=“Test images” cols=3 %}</p> diff --git a/tags/images/index.xml b/tags/images/index.xml index cef641f..fe7d663 100644 --- a/tags/images/index.xml +++ b/tags/images/index.xml @@ -23,8 +23,8 @@ <h3 id="one-up:5767805156fe261c5b7762b9219a6127">One Up</h3> <figure> - <a href="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> - <figcaption><a href="http://www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> + <a href="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> + <figcaption><a href="//www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> </figure> <h3 id="two-up:5767805156fe261c5b7762b9219a6127">Two Up</h3> @@ -40,10 +40,10 @@ <p>And you&rsquo;ll get something that looks like this:</p> <figure class="half"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <img src="http://placehold.it/600x300.jpg" alt=""> - <img src="http://placehold.it/600x300.jpg" alt=""> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <img src="//placehold.it/600x300.jpg" alt=""> + <img src="//placehold.it/600x300.jpg" alt=""> <figcaption>Two images.</figcaption> </figure> @@ -51,9 +51,9 @@ <p>Apply the <code>third</code> class like so to display three images side by side that share the same caption.</p> <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">figure</span> <span style="color: #a6e22e">class</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;third&quot;</span><span style="color: #f8f8f2">&gt;</span> - <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> - <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> - <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> + <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> + <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> + <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">&gt;</span>Caption describing these three images.<span style="color: #f8f8f2">&lt;/</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">&gt;</span> <span style="color: #f8f8f2">&lt;/</span><span style="color: #f92672">figure</span><span style="color: #f8f8f2">&gt;</span> </pre></div> @@ -61,12 +61,12 @@ <p>And you&rsquo;ll get something that looks like this:</p> <figure class="third"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> <figcaption>Three images.</figcaption> </figure> @@ -80,7 +80,7 @@ and fill the block with any number of links to images. You can mix relative and <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">{% </span><span style="color: #f92672">raw</span><span style="color: #f8f8f2"> %}</span>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=&quot;Test images&quot; cols=3 %}<span style="color: #f8f8f2">{% </span><span style="color: #f92672">endraw</span><span style="color: #f8f8f2"> %}</span> </pre></div> @@ -98,7 +98,7 @@ Available values: [1..3].</li> <p>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - <a href="http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png">http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png</a> + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=&ldquo;Test images&rdquo; cols=3 %}</p> </description> diff --git a/tags/sample-post/index.html b/tags/sample-post/index.html index c7a8a4a..7ad0728 100644 --- a/tags/sample-post/index.html +++ b/tags/sample-post/index.html @@ -214,8 +214,8 @@ <h3 id="one-up:5767805156fe261c5b7762b9219a6127">One Up</h3> <figure> - <a href="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> - <figcaption><a href="http://www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> + <a href="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> + <figcaption><a href="//www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> </figure> <h3 id="two-up:5767805156fe261c5b7762b9219a6127">Two Up</h3> @@ -231,10 +231,10 @@ <p>And you’ll get something that looks like this:</p> <figure class="half"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <img src="http://placehold.it/600x300.jpg" alt=""> - <img src="http://placehold.it/600x300.jpg" alt=""> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <img src="//placehold.it/600x300.jpg" alt=""> + <img src="//placehold.it/600x300.jpg" alt=""> <figcaption>Two images.</figcaption> </figure> @@ -242,9 +242,9 @@ <p>Apply the <code>third</code> class like so to display three images side by side that share the same caption.</p> <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2"><</span><span style="color: #f92672">figure</span> <span style="color: #a6e22e">class</span><span style="color: #f92672">=</span><span style="color: #e6db74">"third"</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> <span style="color: #f8f8f2"><</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">></span>Caption describing these three images.<span style="color: #f8f8f2"></</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">></span> <span style="color: #f8f8f2"></</span><span style="color: #f92672">figure</span><span style="color: #f8f8f2">></span> </pre></div> @@ -252,12 +252,12 @@ <p>And you’ll get something that looks like this:</p> <figure class="third"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> <figcaption>Three images.</figcaption> </figure> @@ -271,7 +271,7 @@ and fill the block with any number of links to images. You can mix relative and <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">{% </span><span style="color: #f92672">raw</span><span style="color: #f8f8f2"> %}</span>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption="Test images" cols=3 %}<span style="color: #f8f8f2">{% </span><span style="color: #f92672">endraw</span><span style="color: #f8f8f2"> %}</span> </pre></div> @@ -289,7 +289,7 @@ Available values: [1..3].</li> <p>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - <a href="http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png">http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png</a> + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=“Test images” cols=3 %}</p> diff --git a/tags/sample-post/index.xml b/tags/sample-post/index.xml index e3179dc..420b2e6 100644 --- a/tags/sample-post/index.xml +++ b/tags/sample-post/index.xml @@ -75,8 +75,8 @@ <h3 id="one-up:5767805156fe261c5b7762b9219a6127">One Up</h3> <figure> - <a href="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> - <figcaption><a href="http://www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> + <a href="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> + <figcaption><a href="//www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> </figure> <h3 id="two-up:5767805156fe261c5b7762b9219a6127">Two Up</h3> @@ -92,10 +92,10 @@ <p>And you&rsquo;ll get something that looks like this:</p> <figure class="half"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <img src="http://placehold.it/600x300.jpg" alt=""> - <img src="http://placehold.it/600x300.jpg" alt=""> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <img src="//placehold.it/600x300.jpg" alt=""> + <img src="//placehold.it/600x300.jpg" alt=""> <figcaption>Two images.</figcaption> </figure> @@ -103,9 +103,9 @@ <p>Apply the <code>third</code> class like so to display three images side by side that share the same caption.</p> <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">figure</span> <span style="color: #a6e22e">class</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;third&quot;</span><span style="color: #f8f8f2">&gt;</span> - <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> - <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> - <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> + <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> + <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> + <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">&gt;</span>Caption describing these three images.<span style="color: #f8f8f2">&lt;/</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">&gt;</span> <span style="color: #f8f8f2">&lt;/</span><span style="color: #f92672">figure</span><span style="color: #f8f8f2">&gt;</span> </pre></div> @@ -113,12 +113,12 @@ <p>And you&rsquo;ll get something that looks like this:</p> <figure class="third"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> <figcaption>Three images.</figcaption> </figure> @@ -132,7 +132,7 @@ and fill the block with any number of links to images. You can mix relative and <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">{% </span><span style="color: #f92672">raw</span><span style="color: #f8f8f2"> %}</span>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=&quot;Test images&quot; cols=3 %}<span style="color: #f8f8f2">{% </span><span style="color: #f92672">endraw</span><span style="color: #f8f8f2"> %}</span> </pre></div> @@ -150,7 +150,7 @@ Available values: [1..3].</li> <p>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - <a href="http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png">http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png</a> + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=&ldquo;Test images&rdquo; cols=3 %}</p> </description> diff --git a/tags/test/index.html b/tags/test/index.html index 04deccc..6976f26 100644 --- a/tags/test/index.html +++ b/tags/test/index.html @@ -149,8 +149,8 @@ <h3 id="one-up:5767805156fe261c5b7762b9219a6127">One Up</h3> <figure> - <a href="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> - <figcaption><a href="http://www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> + <a href="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> + <figcaption><a href="//www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> </figure> <h3 id="two-up:5767805156fe261c5b7762b9219a6127">Two Up</h3> @@ -166,10 +166,10 @@ <p>And you’ll get something that looks like this:</p> <figure class="half"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <img src="http://placehold.it/600x300.jpg" alt=""> - <img src="http://placehold.it/600x300.jpg" alt=""> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <img src="//placehold.it/600x300.jpg" alt=""> + <img src="//placehold.it/600x300.jpg" alt=""> <figcaption>Two images.</figcaption> </figure> @@ -177,9 +177,9 @@ <p>Apply the <code>third</code> class like so to display three images side by side that share the same caption.</p> <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2"><</span><span style="color: #f92672">figure</span> <span style="color: #a6e22e">class</span><span style="color: #f92672">=</span><span style="color: #e6db74">"third"</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> - <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"http://placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> + <span style="color: #f8f8f2"><</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/1200x600.jpg"</span><span style="color: #f8f8f2">><</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">"//placehold.it/600x300.jpg"</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">""</span><span style="color: #f8f8f2">></</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">></span> <span style="color: #f8f8f2"><</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">></span>Caption describing these three images.<span style="color: #f8f8f2"></</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">></span> <span style="color: #f8f8f2"></</span><span style="color: #f92672">figure</span><span style="color: #f8f8f2">></span> </pre></div> @@ -187,12 +187,12 @@ <p>And you’ll get something that looks like this:</p> <figure class="third"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> <figcaption>Three images.</figcaption> </figure> @@ -206,7 +206,7 @@ and fill the block with any number of links to images. You can mix relative and <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">{% </span><span style="color: #f92672">raw</span><span style="color: #f8f8f2"> %}</span>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption="Test images" cols=3 %}<span style="color: #f8f8f2">{% </span><span style="color: #f92672">endraw</span><span style="color: #f8f8f2"> %}</span> </pre></div> @@ -224,7 +224,7 @@ Available values: [1..3].</li> <p>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - <a href="http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png">http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png</a> + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=“Test images” cols=3 %}</p> diff --git a/tags/test/index.xml b/tags/test/index.xml index da63a4a..82f644d 100644 --- a/tags/test/index.xml +++ b/tags/test/index.xml @@ -23,8 +23,8 @@ <h3 id="one-up:5767805156fe261c5b7762b9219a6127">One Up</h3> <figure> - <a href="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> - <figcaption><a href="http://www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> + <a href="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="//farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg" alt=""></a> + <figcaption><a href="//www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption> </figure> <h3 id="two-up:5767805156fe261c5b7762b9219a6127">Two Up</h3> @@ -40,10 +40,10 @@ <p>And you&rsquo;ll get something that looks like this:</p> <figure class="half"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <img src="http://placehold.it/600x300.jpg" alt=""> - <img src="http://placehold.it/600x300.jpg" alt=""> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <img src="//placehold.it/600x300.jpg" alt=""> + <img src="//placehold.it/600x300.jpg" alt=""> <figcaption>Two images.</figcaption> </figure> @@ -51,9 +51,9 @@ <p>Apply the <code>third</code> class like so to display three images side by side that share the same caption.</p> <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">figure</span> <span style="color: #a6e22e">class</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;third&quot;</span><span style="color: #f8f8f2">&gt;</span> - <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> - <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> - <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;http://placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> + <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> + <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> + <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">a</span> <span style="color: #a6e22e">href</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/1200x600.jpg&quot;</span><span style="color: #f8f8f2">&gt;&lt;</span><span style="color: #f92672">img</span> <span style="color: #a6e22e">src</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;//placehold.it/600x300.jpg&quot;</span> <span style="color: #a6e22e">alt</span><span style="color: #f92672">=</span><span style="color: #e6db74">&quot;&quot;</span><span style="color: #f8f8f2">&gt;&lt;/</span><span style="color: #f92672">a</span><span style="color: #f8f8f2">&gt;</span> <span style="color: #f8f8f2">&lt;</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">&gt;</span>Caption describing these three images.<span style="color: #f8f8f2">&lt;/</span><span style="color: #f92672">figcaption</span><span style="color: #f8f8f2">&gt;</span> <span style="color: #f8f8f2">&lt;/</span><span style="color: #f92672">figure</span><span style="color: #f8f8f2">&gt;</span> </pre></div> @@ -61,12 +61,12 @@ <p>And you&rsquo;ll get something that looks like this:</p> <figure class="third"> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> - <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> + <a href="//placehold.it/1200x600.jpg"><img src="//placehold.it/600x300.jpg" alt=""></a> <figcaption>Three images.</figcaption> </figure> @@ -80,7 +80,7 @@ and fill the block with any number of links to images. You can mix relative and <div class="highlight" style="background: #272822"><pre style="line-height: 125%"><span style="color: #f8f8f2">{% </span><span style="color: #f92672">raw</span><span style="color: #f8f8f2"> %}</span>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=&quot;Test images&quot; cols=3 %}<span style="color: #f8f8f2">{% </span><span style="color: #f92672">endraw</span><span style="color: #f8f8f2"> %}</span> </pre></div> @@ -98,7 +98,7 @@ Available values: [1..3].</li> <p>{% capture images %} /images/abstract-10.jpg /images/abstract-11.jpg - <a href="http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png">http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png</a> + //upload.wikimedia.org/wikipedia/en/2/24/Lenna.png {% endcapture %} {% include gallery images=images caption=&ldquo;Test images&rdquo; cols=3 %}</p> </description> |