Fix meta

Author: jgthms

_includes/collections/base.html

@@ -395,19 +395,21 @@ <h2 class="element-name">
       <div id="meta-example-1" class="example">
         <p class="example-label">
           <strong>Example:</strong>
-          <a class="example-clipboard" data-tooltip="Click to copy code" data-clipboard-target="#">Copy</a>
+          <a class="example-clipboard" data-tooltip="Click to copy code" data-clipboard-target="#meta-example-1-code">Copy</a>
         </p>
         <article class="example-preview">
-          <div id="" class="example-code">{% highlight html %}{% endhighlight %}</div>
+          <div id="meta-example-1-code" class="example-code">{% highlight html %}<!-- Refresh the page every 5 seconds -->
+<meta http-equiv="refresh" content="5">{% endhighlight %}</div>
         </article>
       </div>
       <div id="meta-example-2" class="example">
         <p class="example-label">
           <strong>Example:</strong>
-          <a class="example-clipboard" data-tooltip="Click to copy code" data-clipboard-target="#">Copy</a>
+          <a class="example-clipboard" data-tooltip="Click to copy code" data-clipboard-target="#meta-example-2-code">Copy</a>
         </p>
         <article class="example-preview">
-          <div id="" class="example-code">{% highlight html %}{% endhighlight %}</div>
+          <div id="meta-example-2-code" class="example-code">{% highlight html %}<!-- Redirect instantly to http://cssreference.io -->
+<meta http-equiv="refresh" content="0; url=http://cssreference.io">{% endhighlight %}</div>
         </article>
       </div>
 

element/meta/index.html

@@ -43,19 +43,21 @@ <h2 class="element-name">
       <div id="meta-example-1" class="example">
         <p class="example-label">
           <strong>Example:</strong>
-          <a class="example-clipboard" data-tooltip="Click to copy code" data-clipboard-target="#">Copy</a>
+          <a class="example-clipboard" data-tooltip="Click to copy code" data-clipboard-target="#meta-example-1-code">Copy</a>
         </p>
         <article class="example-preview">
-          <div id="" class="example-code">{% highlight html %}{% endhighlight %}</div>
+          <div id="meta-example-1-code" class="example-code">{% highlight html %}<!-- Refresh the page every 5 seconds -->
+<meta http-equiv="refresh" content="5">{% endhighlight %}</div>
         </article>
       </div>
       <div id="meta-example-2" class="example">
         <p class="example-label">
           <strong>Example:</strong>
-          <a class="example-clipboard" data-tooltip="Click to copy code" data-clipboard-target="#">Copy</a>
+          <a class="example-clipboard" data-tooltip="Click to copy code" data-clipboard-target="#meta-example-2-code">Copy</a>
         </p>
         <article class="example-preview">
-          <div id="" class="example-code">{% highlight html %}{% endhighlight %}</div>
+          <div id="meta-example-2-code" class="example-code">{% highlight html %}<!-- Redirect instantly to http://cssreference.io -->
+<meta http-equiv="refresh" content="0; url=http://cssreference.io">{% endhighlight %}</div>
         </article>
       </div>