Move system link to footer and remove license language

 .admin {
   font-size: .75em; }
 
-.system {
-  font-family: fleurondingbats;
-  font-size: 4em;
-  line-height: .5;
-  margin: .25em 0;
-  text-align: center;
-  width: 1em; }
-.systemtext:after {
-  content: "y"; }
-.system a {
+.systemtext {
   color: #586e75;
-  display: block;
   opacity: 75%;
+  padding: .5em 0;
   text-decoration: none; }
-.system a span {
-  display: none; }
+.systemtext:hover {
+  opacity: 100%; }
+.systemtext:visited {
+  color: #586e75; }
 
 pre.asciinema-terminal {
   font-family: UbuntuMonoPowerline; }

     <!--input name=me type=text--> <button>Sign In</button>
     </form>
 
-<p class=system><a class=systemtext href=/system
-    title=system><span>System</span></a></p>
 </nav>
 
 <aside>

 </div>
 </aside>
 
-<footer>site content licensed <a
-href=http://creativecommons.org/licenses/by-nc-sa/4.0 target=_blank
+<footer>
+
+<p><a href=http://creativecommons.org/licenses/by-nc-sa/4.0 target=_blank
 rel="license noopener noreferrer" style=display:inline-block
 title="Attribution-NonCommercial-ShareAlike 4.0 International"><img
 class=cc src=/static/cc.svg> <img class=cc src=/static/by.svg> <img
-class=cc src=/static/nc.svg> <img class=cc src=/static/sa.svg></a> unless
-otherwise noted</footer>
+class=cc src=/static/nc.svg> <img class=cc src=/static/sa.svg></a><br>
+
+<small><a class=systemtext href=/system
+title="system details">powered by canopy</a></small></p>
+
+</footer>
 
 <script src=https://cdn.jsdelivr.net/npm/vosk-browser@0.0.5/dist/vosk.js></script>
 <script>