refactor(site): footer content and structure

site/src/components/my-footer.html

@@ -1,9 +1,4 @@
 <footer style="text-align: right; font-style: italic; padding: 0.5em 1em">
-  <p>
-    <small
-      >Built with
-      <a href="https://github.com/ayoayco/McFly">McFly</a>, the no-framework framework</small
-    ><br />
+
     <slot />
-  </p>
 </footer>

site/src/pages/index.html

@@ -33,7 +33,7 @@
         provides zero-dependency, ~600 Bytes (minified & gzipped), JS base class
         for creating reactive custom elements easily.
       </p>
-      <call-to-action></call-to-action>
+      <call-to-action />
       <p>
         When you extend the WebComponent class for your component, you only have
         to define the template and properties. Any change in any property value
@@ -61,6 +61,10 @@ customElements.define(&quot;my-counter&quot;, Counter);
       </code-block>
     </main>
     <my-footer>
+      <!-- <p>View page <a href="https://github.com/ayoayco/web-component-base/blob/main/site/src/pages/index.html">source code</a></p> -->
+      <small>This site is built with
+        <a href="https://github.com/ayoayco/McFly">McFly</a>, the no-framework framework
+      </small><br />
       <small>
         A project by <a href="{{ author.url }}">{{ author.name }}</a>
       </small>