failed to syntax highlight

prism.css

@@ -0,0 +1,3 @@
+/* PrismJS 1.29.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}

static/styles.css

@@ -63,6 +63,7 @@ padding:1em;
 
 
 
+
 button {
   padding: 20px 20px;
   text-align: center;

templates/base.html

@@ -4,6 +4,10 @@
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"> </script>    
+<link rel="stylesheet"
+      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css">
+<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script>
+<script>hljs.highlightAll();</script>
 <link
       rel="stylesheet"
       href="../static/styles.css"

templates/results.html

@@ -37,6 +37,7 @@
 Υπάρχει δυνατότητα επεξεργασίας του επικολλημένου κειμένου. 
 
 Μπορείτε να στείλετε τις τροποποιήσεις που προτείνετε στο mailing list του WordMord https://we.lurk.org/mailman3/lists/wordmord.we.lurk.org/"></textarea>
+
 </td>
     <td class="prevent">
       <!--<iframe id="showmonster" src="{{url_for('static', filename='pdf/ΣΧΕΔΙΟ_ΜΕΤΑΛΛΑΓΜΕΝΟΥ_ΠΟΙΝΙΚΟΥ_ΚΩΔΙΚΑ_01.pdf')}}" height="750rem" width="800rem"></iframe>-->
@@ -51,9 +52,9 @@
 
 <script>
 window.addEventListener('DOMContentLoaded', (e) => {
-    let input = document.getElementById('empty_frame');
+    let input = document.getElementById("empty_frame");
     
-    // load default.txt into input box
+    // load default.txt into text area
     try {
         let fileToLoad = 'static/hocr/gynaikoktonia.hocr';
         let xmlhttp = new XMLHttpRequest();
@@ -65,7 +66,6 @@ window.addEventListener('DOMContentLoaded', (e) => {
     }
 });
 
-
   function decode() {
     var url = document.getElementById("my_field").value;
     var urlDecode = decodeURIComponent(url);