improve footer

.index.html

@@ -35,7 +35,7 @@
 <table id=leg><<legend>></table><!-- legend for the feedback colors -->
 </div>
 </div>
-<p id=about>المصدر البرمجي:&spc;<a href="https://github.com/noureddin/ihkam/">GitHub</a>. للتواصل:&spc;<a id=xyz>[email hidden]</a>. انظر أيضا&spc;<a href="https://www.noureddin.dev/recite/">تطبيق رسيت Recite</a> وكذلك&spc;<a href="https://www.noureddin.dev/">تطبيقاتي الأخرى</a>.</p>
+<p id=about><a href="https://github.com/noureddin/ihkam/">Code</a>&spc;│&spc;<a id=xyz>البريد</a>&spc;│&spc;<a href="https://www.noureddin.dev/recite/">تطبيق مراجعة القرآن الكريم (رسيت Recite)</a>&spc;│&spc;<a href="https://www.noureddin.dev/">التطبيقات الأخرى</a></p>
 </center>
 <audio id="player" controls preload></audio>
 <audio id="preloader" muted preload></audio>

.main.js

@@ -3,8 +3,8 @@
 function decode_contact () {
   let xyz = Qid('xyz')
   let mia_nomo = Q('body').innerHTML.match(/="https:\/\/github[.]com\/([a-z0-9]+)\//)[1]
-  xyz.innerHTML = mia_nomo + String.fromCharCode(1<<6) + 'pro' + (''+(!![]))[+![]] + 'moc.liamno'.split('').reverse().join('')
-  xyz.href = xyz.innerHTML.slice(16,20) + 'to' + String.fromCharCode('xyz'.charCodeAt(1<<1)^0O100) + xyz.innerHTML
+  const zyx = mia_nomo + String.fromCharCode(1<<6) + 'pro' + (''+(!![]))[+![]] + 'moc.liamno'.split('').reverse().join('')
+  xyz.href = zyx.slice(16,20) + 'to' + String.fromCharCode('xyz'.charCodeAt(1<<1)^0O100) + zyx
   // if you know a better way, please let me know!
 }
 

.style.css

@@ -76,26 +76,24 @@ center {
   font-family: serif;
 }
 #about {
-  font-size: 60%;
+  font-size: 80%;
   margin: 0;
   margin-top: 2em;
   padding: 0.5em 1em 0.5em 1em;
   box-sizing: border-box;
-  color: #888;
+  color: #444;
   border-top: 1px solid gray;
 }
 
-#xyz { font-family: monospace }
-
 a { text-decoration: none }
 a[href]:hover,
 a[href]:focus,
 a[href]:active { text-decoration: underline }
 
-#about a { color: #99f }
+#about a { color: #55f }
 #about a:hover,
-#about a:focus { color: #55f }
-#about a:active { color: #22f }
+#about a:focus { color: #33f }
+#about a:active { color: #11f }
 
 .mx { background-color: hsl(  0, 100%, 59%) }
 .m4 { background-color: hsl( 25, 100%, 55%) }
@@ -133,10 +131,11 @@ select, input, button { filter: invert(1) }
 .df { background-color: hsl(170, 100%, 20%) }
 .d1 { background-color: hsl(180, 100%, 27%) }
 .d0 { background-color: hsl(220, 100%, 29%) }
-#about a { color: #77a }
+#about { color: #ddd }
+#about a { color: #99f }
 #about a:hover,
-#about a:focus { color: #77d }
-#about a:active { color: #99f }
+#about a:focus { color: #9bf }
+#about a:active { color: #9df }
 .mh {
   box-shadow: 0 0 0.1em 0.1em #f44a,
         inset 0 0 0.4em 0.4em #f44a;