lazy init asset paths, store asset alt and prep svg for embedding

templates/components/additional-data/index.html

@@ -1,9 +1,9 @@
-<. let data = if let Some(data) = data { .>
+<. if let Some(data) = data { .>
 <. 	if !data.is_empty() { .>
- 		<div id='additional-data'
+      <div id='additional-data'
 <. 		for (k, v) in data.iter() { .>
- 		data-<.= k .>=<.= v .>
+          data-<.= k .>=<.= v .>
 <. 		} .>
- 		></div>
-	<. 	} .>
+      ></div>
+  <. } .>
 <. }; .>

templates/components/footers.html

@@ -10,7 +10,7 @@
 
   <link
     rel="stylesheet"
-    media="screen and (max-width: 1200px)"
+    media="screen and (max-width: 1250px)"
     type="text/css"
     href="<.= &*crate::MOBILE_CSS .>" 
   />

templates/components/svg.html

@@ -0,0 +1,4 @@
+<svg>
+  <title><=. ALT.></title>
+  <use xlink:href="<=. PATH .>#icon"></use>
+</svg>

templates/panel/help-banner/index.html

@@ -3,9 +3,9 @@
     Add sitekey
   </li>
   <li class="help-text__instructions">
-    Add client-side code snippets in places that you want to protext
+    Add client-side code snippets to protect pages
   </li>
   <li class="help-text__instructions">
-    Add servers-side verification logic
+    Add server-side verification logic
   </li>
 </ol>

templates/panel/navbar/index.html

@@ -2,7 +2,7 @@
 	<input type="checkbox" class="nav-toggle" id="nav-toggle" >
   <div class="secondary-menu__heading">
 	  <a  class="novisit" href="/">
-    <img class="secondary-menu__logo" src="<.= crate::FILES.get("./static/cache/img/icon-trans.png").unwrap() .>" alt="Logo" />
+		  <img class="secondary-menu__logo" src="<.= crate::MCAPTCHA_TRANS_ICON.0 .>" alt="<.= crate::MCAPTCHA_TRANS_ICON.1 .>" />
     </a>
     <a href="/" class="secondary-menu__brand-name">
       mCaptcha
@@ -14,12 +14,9 @@
     </label>
   </div>
   <ul class="secondary-menu__list">
-    <!--
-          <li class="secondary-menu__section-partition"></li>
-          -->
     <li class="secondary-menu__item">
         <a class="secondary-menu__item-link" href="<.= crate::PAGES.home .>">
-        <img class="secondary-menu__icon" src="<.= crate::FILES.get("./static/cache/img/svg/home.svg").unwrap() .>" alt="" />
+        <img class="secondary-menu__icon" src="<.= crate::HOME.0 .>" alt="<.= crate::HOME.1 .>" />
         <div class="secondary-menu__item-name">
           Overview
         </div>
@@ -27,7 +24,7 @@
     </li>
     <li class="secondary-menu__item">
         <a class="secondary-menu__item-link" href="<.= crate::PAGES.panel.sitekey.list .>">
-        <img class="secondary-menu__icon" src="<.= crate::FILES.get("./static/cache/img/svg/key.svg").unwrap() .>" alt="" />
+        <img class="secondary-menu__icon" src="<.= crate::KEY.0 .>" alt="<.= crate::KEY.1 .>" />
         <div class="secondary-menu__item-name">
           Site Keys
         </div>
@@ -36,7 +33,7 @@
 
     <li class="secondary-menu__item">
       <a class="secondary-menu__item-link" href="<.= crate::PAGES.panel.settings.home .>">
-        <img class="secondary-menu__icon" src="<.= crate::FILES.get("./static/cache/img/svg/settings.svg").unwrap() .>" alt="" />
+        <img class="secondary-menu__icon" src="<.= crate::SETTINGS_ICON.0 .>" alt="<.= crate::SETTINGS_ICON.1 .>" />
         <div class="secondary-menu__item-name">
           Settings
         </div>
@@ -44,7 +41,7 @@
     </li>
     <li class="secondary-menu__item">
       <a class="secondary-menu__item-link" href="">
-        <img class="secondary-menu__icon" src="<.= crate::FILES.get("./static/cache/img/svg/credit-card.svg").unwrap() .>" alt="" />
+        <img class="secondary-menu__icon" src="<.= crate::CREDIT_CARD.0 .>" alt="<.= crate::CREDIT_CARD.1 .>" />
         <div class="secondary-menu__item-name">
           Billing
         </div>
@@ -52,7 +49,7 @@
     </li>
     <li class="secondary-menu__item">
       <a class="secondary-menu__item-link" href="">
-        <img class="secondary-menu__icon" src="<.= crate::FILES.get("./static/cache/img/svg/help-circle.svg").unwrap() .>" alt="" />
+		  <img class="secondary-menu__icon" src="<.= crate::HELP_CIRCLE.0 .>" alt="<.= crate::HELP_CIRCLE.1 .>" />
         <div class="secondary-menu__item-name">
           Help
         </div>
@@ -62,10 +59,9 @@
       <a class="secondary-menu__item-link" href="">
         <img
           class="secondary-menu__icon"
-		  src="<.= crate::FILES.get("./static/cache/img/svg/message-square.svg").unwrap() .>"
-          alt=""
+		  src="<.= crate::MESSAGE.0 .>"
+		  alt="<.= crate::MESSAGE.1 .>"
         />
-
         <div class="secondary-menu__item-name">
           Support
         </div>
@@ -73,7 +69,7 @@
     </li>
     <li class="secondary-menu__item">
         <a class="secondary-menu__item-link" href="<.= crate::DOCS.home .>">
-        <img class="secondary-menu__icon" src="<.= crate::FILES.get("./static/cache/img/svg/file-text.svg").unwrap() .>" alt="" />
+        <img class="secondary-menu__icon" src="<.= crate::DOCS_ICON.0 .>" alt="<.= crate::DOCS_ICON.1 .>" />
         <div class="secondary-menu__item-name">
           API Docs
         </div>
@@ -82,7 +78,7 @@
     <li class="secondary-menu__item">
         <a class="secondary-menu__item-link" href="<.= crate::SETTINGS.source_code .>">
         <img class="secondary-menu__icon" 
-		src="<.= crate::FILES.get("./static/cache/img/svg/github.svg").unwrap() .>" alt="GitHub Icon" />
+			 src="<.= crate::GITHUB.0 .>" alt="<.= crate::GITHUB.1 .>" />
         <div class="secondary-menu__item-name">
           Source Code
         </div>