use no cdn for script

templates/html/index.html.j2

@@ -13,6 +13,7 @@
         href="{{template_content['NDD']}}/feed/">
     <link href="/style.css" rel="stylesheet">
     <script src="main_script.js"></script>
+    <script src="highlight.js"></script>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{{template_content['TITLE']}}</title>
@@ -25,11 +26,6 @@
     <meta name="description" content="{{template_content['PAGE_TITLE']}}">
     <meta name="reply-to" content="{{template_content['EMAIL']}}">
     <link rel="icon" type="{{template_content['SITE_ICON_TYPE']}}" href="{{template_content['SITE_ICON']}}">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
-
-<!-- and it's easy to individually load additional languages -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/go.min.js"></script>
 
 <script>hljs.highlightAll();</script>
 </head>

templates/js/highlight-go.js

@@ -0,0 +1,30 @@
+/*! `go` grammar compiled for Highlight.js 11.9.0 */
+(() => {
+  var e = (() => {
+    "use strict"; return e => {
+      const n = {
+        keyword: ["break", "case", "chan", "const", "continue", "default", "defer", "else", "fallthrough", "for", "func", "go", "goto", "if", "import", "interface", "map", "package", "range", "return", "select", "struct", "switch", "type", "var"],
+        type: ["bool", "byte", "complex64", "complex128", "error", "float32", "float64", "int8", "int16", "int32", "int64", "string", "uint8", "uint16", "uint32", "uint64", "int", "uint", "uintptr", "rune"],
+        literal: ["true", "false", "iota", "nil"],
+        built_in: ["append", "cap", "close", "complex", "copy", "imag", "len", "make", "new", "panic", "print", "println", "real", "recover", "delete"]
+      }; return {
+        name: "Go", aliases: ["golang"], keywords: n, illegal: "</",
+        contains: [e.C_LINE_COMMENT_MODE, e.C_BLOCK_COMMENT_MODE, {
+          className: "string",
+          variants: [e.QUOTE_STRING_MODE, e.APOS_STRING_MODE, { begin: "`", end: "`" }]
+        }, {
+          className: "number", variants: [{
+            begin: e.C_NUMBER_RE + "[i]", relevance: 1
+          }, e.C_NUMBER_MODE]
+        }, { begin: /:=/ }, {
+          className: "function", beginKeywords: "func",
+          end: "\\s*(\\{|$)", excludeEnd: !0, contains: [e.TITLE_MODE, {
+            className: "params",
+            begin: /\(/, end: /\)/, endsParent: !0, keywords: n, illegal: /["']/
+          }]
+        }]
+      }
+    }
+  })()
+    ; hljs.registerLanguage("go", e)
+})();

templates/styles/style_general.css

@@ -90,7 +90,7 @@ h3 {
   display: block;
   margin-top: 1rem;
   margin-bottom: 1rem;
-  max-width: 100vw;
+  max-width: 65ch;
 }
 
 pre,
@@ -103,7 +103,8 @@ a {
   border-radius: 1rem;
   color: rgb(0, 123, 255);
   text-decoration: none;
-  padding: 1rem;
+  padding: 0.25rem;
+  max-width: 65ch;
 }
 main a:hover {
   background: #303030;
@@ -145,6 +146,11 @@ p {
   margin-bottom: 1rem;
   font-size: 1.25rem;
   line-height: 1.75rem;
+  width: 65ch;
+  text-align: justify;
+}
+p a {
+  padding: 0.25rem;
 }
 
 #root,

templates/styles/style_general.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../styles_src/style_general.scss","../styles_src/_variables.scss"],"names":[],"mappings":";AAAA;AAIA;EACE;EACA;EACA;;AAEA;EAEE;;;AAIJ;EACE;EACA,aCmBiB;;;ADhBnB;EACE;EACA,WCLe;EDMf,aCDiB;EDEjB,OCvBW;EDwBX,YCvBiB;EDwBjB;EACA,gBCEW;;;ADCb;AAAA;AAAA;AAAA;EAIE,WCnBoB;EDoBpB;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aCPoB;EDQpB,YClBW;EDmBX,eCjBW;EDkBX,OC5Cc;ED6Cd;EACA;EACA;EACA,aC5BoB;;;ADgCtB;AAAA;EAEE,YAvDW;EAwDX;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE,OCjEiB;EDkEjB,WCnDa;EDoDb;;;AAGF;EACE,WCvDa;EDwDb;;;AAGF;EACE,WC3Da;ED4Db;;;AAGF;EACE,WCnEkB;EDoElB;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE,OC/EY;EDgFZ;EACA,YCpES;EDqET,eCrES;EDsET;;;AAIJ;AAAA;EAEE;;;AAIF;EACE;EACA,eC5EiB;ED6EjB,OCzGW;ED0GX;EACA,SCrFW;;ADuFX;EACE,YCxGkB;EDyGlB,OC/GS;;ADiHT;EACE,OClHO;;ADsHX;EAEE;EACA;EACA,cCpGS;EDqGT,eCrGS;;ADwGX;EACE;EACA;;;AAIJ;EACE,YCjGe;;ADmGf;EACE;EACA,YCtGe;;;AD0GnB;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;EACA,YChIW;EDiIX,eClIW;EDmIX;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE,eClJW;;ADoJX;EACE;;AAGF;EACE;EACA,cC1JS;;;AD+Jb;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;;AAKF;EACE,OC9KS;ED+KT,QC/KS;EDgLT,cClLS;;ADqLX;EACE;EACA;;;AAIJ;EACE,YC3LW;ED4LX,eC5LW;ED6LX;;AAEA;EACE;EACA,SCnMS;EDoMT;EACA,eC/Le;;;ADmMnB;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA,SChNS;;;ADoNb;EACE;EACA,SCtNW;EDuNX;EACA;;;AAGF;AAAA;EAEE,QC7NW;ED8NX,OCvPiB;EDwPjB;;;AAGF;EACE,YCtPc;;;ADyPhB;EACE,YChQiB;EDiQjB,SCpOkB;EDqOlB;EACA,YC1OW;ED2OX,eCrOiB;EDsOjB;;AAEA;EACE;;;AAIJ;EACE;EACA,SCnPW;EDoPX,YC3QgB;ED4QhB,OC3QkB;;;AD8QpB;EACE,OCxQc;EDyQd;;;AAGF;EACE;EACA,SCjQW;;;ADoQb;EACE,YCnQW;EDoQX,eCpQW;;ADsQX;EACE,eCvQS;;;AD2Qb;EACE,YC9QW;ED+QX,eC/QW;;ADiRX;EACE;EACA,SCpRS;;;AD2RX;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA,SCrSO;;;AD0Sb;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,cC/SW;EDgTX,aCjTW;EDkTX,gBClTW;;;ADqTb;EACE;;;AAIA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA,cCtUS;;;AD0Ub;EACE;EACA;EACA;;;AAGF;EACE;IACE;;EAGF;IACE,SCtVS","file":"style_general.css"}
+{"version":3,"sourceRoot":"","sources":["../styles_src/style_general.scss","../styles_src/_variables.scss"],"names":[],"mappings":";AAAA;AAIA;EACE;EACA;EACA;;AAEA;EAEE;;;AAIJ;EACE;EACA,aCmBiB;;;ADhBnB;EACE;EACA,WCLe;EDMf,aCDiB;EDEjB,OCvBW;EDwBX,YCvBiB;EDwBjB;EACA,gBCEW;;;ADCb;AAAA;AAAA;AAAA;EAIE,WCnBoB;EDoBpB;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aCPoB;EDQpB,YClBW;EDmBX,eCjBW;EDkBX,OC5Cc;ED6Cd;EACA;EACA;EACA,aC5BoB;;;ADgCtB;AAAA;EAEE,YAvDW;EAwDX;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE,OCjEiB;EDkEjB,WCnDa;EDoDb;;;AAGF;EACE,WCvDa;EDwDb;;;AAGF;EACE,WC3Da;ED4Db;;;AAGF;EACE,WCnEkB;EDoElB;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE,OC/EY;EDgFZ;EACA,YCpES;EDqET,eCrES;EDsET;;;AAIJ;AAAA;EAEE;;;AAIF;EACE;EACA,eC5EiB;ED6EjB,OCzGW;ED0GX;EACA;EACA;;AAEA;EACE,YCzGkB;ED0GlB,OChHS;;ADkHT;EACE,OCnHO;;ADuHX;EAEE;EACA;EACA,cCrGS;EDsGT,eCtGS;;ADyGX;EACE;EACA;;;AAIJ;EACE,YClGe;;ADoGf;EACE;EACA,YCvGe;;;AD2GnB;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;EACA,YCjIW;EDkIX,eCnIW;EDoIX;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE,eC1JW;;AD4JX;EACE;;AAGF;EACE;EACA,cClKS;;;ADuKb;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;;AAKF;EACE,OCtLS;EDuLT,QCvLS;EDwLT,cC1LS;;AD6LX;EACE;EACA;;;AAIJ;EACE,YCnMW;EDoMX,eCpMW;EDqMX;;AAEA;EACE;EACA,SC3MS;ED4MT;EACA,eCvMe;;;AD2MnB;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA,SCxNS;;;AD4Nb;EACE;EACA,SC9NW;ED+NX;EACA;;;AAGF;AAAA;EAEE,QCrOW;EDsOX,OC/PiB;EDgQjB;;;AAGF;EACE,YC9Pc;;;ADiQhB;EACE,YCxQiB;EDyQjB,SC5OkB;ED6OlB;EACA,YClPW;EDmPX,eC7OiB;ED8OjB;;AAEA;EACE;;;AAIJ;EACE;EACA,SC3PW;ED4PX,YCnRgB;EDoRhB,OCnRkB;;;ADsRpB;EACE,OChRc;EDiRd;;;AAGF;EACE;EACA,SCzQW;;;AD4Qb;EACE,YC3QW;ED4QX,eC5QW;;AD8QX;EACE,eC/QS;;;ADmRb;EACE,YCtRW;EDuRX,eCvRW;;ADyRX;EACE;EACA,SC5RS;;;ADmSX;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA,SC7SO;;;ADkTb;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,cCvTW;EDwTX,aCzTW;ED0TX,gBC1TW;;;AD6Tb;EACE;;;AAIA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA,cC9US;;;ADkVb;EACE;EACA;EACA;;;AAGF;EACE;IACE;;EAGF;IACE,SC9VS","file":"style_general.css"}

templates/styles_src/highlight.js.css

@@ -0,0 +1,101 @@
+/*!
+  Theme: Default
+  Description: Original highlight.js style
+  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+  Maintainer: @highlightjs/core-team
+  Website: https://highlightjs.org/
+  License: see project LICENSE
+  Touched: 2021
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+
+code.hljs {
+  padding: 3px 5px
+}
+
+.hljs {
+  background: #f3f3f3;
+  color: #444
+}
+
+.hljs-comment {
+  color: #697070
+}
+
+.hljs-punctuation,
+.hljs-tag {
+  color: #444a
+}
+
+.hljs-tag .hljs-attr,
+.hljs-tag .hljs-name {
+  color: #444
+}
+
+.hljs-attribute,
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword,
+.hljs-name,
+.hljs-selector-tag {
+  font-weight: 700
+}
+
+.hljs-deletion,
+.hljs-number,
+.hljs-quote,
+.hljs-selector-class,
+.hljs-selector-id,
+.hljs-string,
+.hljs-template-tag,
+.hljs-type {
+  color: #800
+}
+
+.hljs-section,
+.hljs-title {
+  color: #800;
+  font-weight: 700
+}
+
+.hljs-link,
+.hljs-operator,
+.hljs-regexp,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-symbol,
+.hljs-template-variable,
+.hljs-variable {
+  color: #ab5656
+}
+
+.hljs-literal {
+  color: #695
+}
+
+.hljs-addition,
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code {
+  color: #397300
+}
+
+.hljs-meta {
+  color: #1f7199
+}
+
+.hljs-meta .hljs-string {
+  color: #38a
+}
+
+.hljs-emphasis {
+  font-style: italic
+}
+
+.hljs-strong {
+  font-weight: 700
+}

templates/styles_src/style_general.scss

@@ -95,7 +95,7 @@ h3 {
     display: block;
     margin-top: $spacing-sm;
     margin-bottom: $spacing-sm;
-    max-width: 100vw;
+    max-width: 65ch;
   }
 }
 
@@ -110,7 +110,8 @@ a {
   border-radius: $border-radius-md;
   color: $color-link;
   text-decoration: none;
-  padding: $spacing-sm;
+  padding: 0.25rem;
+  max-width: 65ch;
 
   main &:hover {
     background: $color-link-hover-bg;
@@ -158,6 +159,13 @@ p {
   margin-bottom: $spacing-sm;
   font-size: 1.25rem;
   line-height: 1.75rem;
+  width: 65ch;
+  text-align: justify;
+
+  a {
+    padding: 0.25rem;
+  }
+
 }
 
 #root,