Merge pull request #564 from creativecommons/structure-namespaces

alter namespaces, restructure code, amend plaint text markup to pull from `<template>` instead of raw JS

Author: possumbilities

src/index.html

@@ -99,7 +99,7 @@ <h1>Choose a License for Your Work</h1>
 
 
 
-    <form id="license-chooser">
+    <form id="chooser">
 
         <ol>
 
@@ -136,8 +136,8 @@ <h1>Choose a License for Your Work</h1>
             <!-- <legend>Choose a License</legend> -->
             <legend>Which license do you need?</legend>
 
-            <label for="license">License</label>
-            <select name="license" id="license">
+            <label for="tool">License</label>
+            <select name="tool" id="tool">
                 <option value="noselect" selected>&mdash;choose a license&mdash;</option>
                 <option value="cc-0">CC0 1.0</option>
                 <option value="cc-by">CC-BY 4.0</option>
@@ -309,10 +309,10 @@ <h1>Choose a License for Your Work</h1>
     <!-- <button>submit</button> -->
 
     <aside>
-        <div id="license-recommendation">
-            <h2>Recommended License</h2>
+        <div id="tool-recommendation">
+            <h2>Recommended</h2>
 
-            <article class="license">
+            <article class="tool">
 
                 <!-- <header>
                     <h3>CC-BY 4.0</h3>
@@ -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>
@@ -712,7 +712,7 @@ <h4>Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International</
 </template>
 
 <template id="plain-text" class="mark">
-    <p></p>
+    <p>{{title}} © {{year}} by {{creator}} is {{typeAsVerb}} {{toolShort}}. To view a copy of this {{type}}, visit {{toolURL}}</p>
 </template>
 
 </body>