alter markup namespaces to better handle tool vs license vs mark

Author: possumbilities

src/index.html

@@ -476,10 +476,10 @@ <h2>Support Our Work</h2>
 <script src="scripts.js"></script>
 
 
-<template id="cc-0" class="license">
+<template id="cc-0" class="tool mark">
     <header>
         <h3>CC0 1.0</h3>
-        <span class="license-icons">
+        <span class="tool-icons">
             <svg>
                 <use href="vocabulary/svg/cc/icons/cc-icons.svg#cc-logo"></use>
             </svg>
@@ -502,10 +502,10 @@ <h4>CC0 1.0 Universal</h4>
     <a href="https://creativecommons.org/publicdomain/zero/1.0/?ref=chooser-v2">See the License Deed</a>
 </template>
 
-<template id="cc-by" class="license">
+<template id="cc-by" class="tool license">
     <header>
         <h3>CC-BY 4.0</h3>
-        <span class="license-icons">
+        <span class="tool-icons">
             <svg>
                 <use href="vocabulary/svg/cc/icons/cc-icons.svg#cc-logo"></use>
             </svg>
@@ -528,10 +528,10 @@ <h4>Creative Commons Attribution 4.0 International</h4>
     <a href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v2">See the License Deed</a>
 </template>
 
-<template id="cc-by-sa" class="license">
+<template id="cc-by-sa" class="tool license">
     <header>
         <h3>CC BY-SA 4.0</h3>
-        <span class="license-icons">
+        <span class="tool-icons">
             <svg>
                 <use href="vocabulary/svg/cc/icons/cc-icons.svg#cc-logo"></use>
             </svg>
@@ -560,10 +560,10 @@ <h4>Creative Commons Attribution-ShareAlike 4.0 International</h4>
     <a href="https://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v2">See the License Deed</a>
 </template>
 
-<template id="cc-by-nd" class="license">
+<template id="cc-by-nd" class="tool license">
     <header>
         <h3>CC BY-ND 4.0</h3>
-        <span class="license-icons">
+        <span class="tool-icons">
             <svg>
                 <use href="vocabulary/svg/cc/icons/cc-icons.svg#cc-logo"></use>
             </svg>
@@ -592,10 +592,10 @@ <h4>Creative Commons Attribution-NoDerivatives 4.0 International</h4>
     <a href="https://creativecommons.org/licenses/by-nd/4.0/?ref=chooser-v2">See the License Deed</a>
 </template>
 
-<template id="cc-by-nc" class="license">
+<template id="cc-by-nc" class="tool license">
     <header>
         <h3>CC BY-NC 4.0</h3>
-        <span class="license-icons">
+        <span class="tool-icons">
             <svg>
                 <use href="vocabulary/svg/cc/icons/cc-icons.svg#cc-logo"></use>
             </svg>
@@ -629,10 +629,10 @@ <h4>Creative Commons Attribution-NonCommercial 4.0 International</h4>
     <a href="https://creativecommons.org/licenses/by-nc/4.0/?ref=chooser-v2">See the License Deed</a>
 </template>
 
-<template id="cc-by-nc-sa" class="license">
+<template id="cc-by-nc-sa" class="tool license">
     <header>
         <h3>CC BY-NC-SA 4.0</h3>
-        <span class="license-icons">
+        <span class="tool-icons">
             <svg>
                 <use href="vocabulary/svg/cc/icons/cc-icons.svg#cc-logo"></use>
             </svg>
@@ -670,10 +670,10 @@ <h4>Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International</h4>
     <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v2">See the License Deed</a>
 </template>
 
-<template id="cc-by-nc-nd" class="license">
+<template id="cc-by-nc-nd" class="tool license">
     <header>
         <h3>CC BY-NC-ND 4.0</h3>
-        <span class="license-icons">
+        <span class="tool-icons">
             <svg>
                 <use href="vocabulary/svg/cc/icons/cc-icons.svg#cc-logo"></use>
             </svg>