Pārlūkot izejas kodu

add highlight.js package

Ethosa 3 gadi atpakaļ
vecāks
revīzija
a3f105abf1

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 304 - 0
highlight/highlight.min.js


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 16 - 0
highlight/languages/bash.min.js


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 2 - 0
highlight/languages/css.min.js


+ 9 - 0
highlight/languages/diff.min.js

@@ -0,0 +1,9 @@
+/*! `diff` grammar compiled for Highlight.js 11.3.1 */
+(()=>{var e=(()=>{"use strict";return e=>{const a=e.regex;return{name:"Diff",
+aliases:["patch"],contains:[{className:"meta",relevance:10,
+match:a.either(/^@@ +-\d+,\d+ +\+\d+,\d+ +@@/,/^\*\*\* +\d+,\d+ +\*\*\*\*$/,/^--- +\d+,\d+ +----$/)
+},{className:"comment",variants:[{
+begin:a.either(/Index: /,/^index/,/={3,}/,/^-{3}/,/^\*{3} /,/^\+{3}/,/^diff --git/),
+end:/$/},{match:/^\*{15}$/}]},{className:"addition",begin:/^\+/,end:/$/},{
+className:"deletion",begin:/^-/,end:/$/},{className:"addition",begin:/^!/,
+end:/$/}]}}})();hljs.registerLanguage("diff",e)})();

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 2 - 0
highlight/languages/glsl.min.js


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 2 - 0
highlight/languages/nim.min.js


+ 5 - 0
highlight/languages/shell.min.js

@@ -0,0 +1,5 @@
+/*! `shell` grammar compiled for Highlight.js 11.3.1 */
+(()=>{var s=(()=>{"use strict";return s=>({name:"Shell Session",
+aliases:["console","shellsession"],contains:[{className:"meta",
+begin:/^\s{0,3}[/~\w\d[\]()@-]*[>%$#][ ]?/,starts:{end:/[^\\](?=\s*$)/,
+subLanguage:"bash"}}]})})();hljs.registerLanguage("shell",s)})();

+ 26 - 3
index.html

@@ -4,14 +4,37 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="styles/main.css">
+    <link rel="stylesheet" href="styles/night-owl.min.css">
+    <script src="highlight/highlight.min.js"></script>
     <title>nodesnim</title>
 </head>
 <body>
-    <div align="center">
+    <div align="center" style="width:fit-content; margin-left: auto; margin-right: auto;">
         <h1>
-            <font color="#d8d3ec" style="position: absolute; margin-left: -32px;">♡</font>
-            nodes<font color="#9a4488">nim</font>
+            <font style="position: absolute; margin-left: -32px;">♡</font>
+            <font color="#cb8ea3">nodes</font><font color="#9a4488">nim</font>
         </h1>
+        <h3>
+            GUI/2D engine written in Nim.
+        </h3>
+
+        <div style="width: fit-content; position: relative; text-align: left;">
+            <h4 class="pink-text">Hello world example:</h4>
+            <pre><code class="nim" style="padding: 0 1em 0 1em;">
+import nodesnim
+
+Window("Hello, world!", 640, 480)  # Title, width, height</code><code class="yaml" style="padding: 0 1em 0 1em;">
+build:
+  - Scene main:
+    - Label hw:</code><code class="nim" style="padding: 0 1em 0 1em;">      call setText("Hello, world!")
+
+addMainScene(main)
+windowLaunch()
+            </code></pre>
+        </div>
     </div>
+    
+    <!-- Initialize highlight -->
+    <script>hljs.initHighlightingOnLoad();</script>
 </body>
 </html>

+ 17 - 0
styles/main.css

@@ -5,5 +5,22 @@ body {
     font-family: 'Montserrat', sans-serif;
     font-weight: 700;
     background-color: #181527;
+    color: #d8d3ec;
+}
+
+.pink-text {
     color: #cb8ea3;
 }
+
+.purple-text {
+    color: #9a4488;
+}
+
+.white-text {
+    color: #d8d3ec;
+}
+
+h4 {
+    padding-top: 1em;
+    margin-left: 1em;
+}

+ 132 - 0
styles/night-owl.min.css

@@ -0,0 +1,132 @@
+pre code.hljs{
+	display:block;
+	overflow-x:auto;
+	padding:1em
+}
+code.hljs{
+	padding:3px 5px
+}
+.hljs{
+	background:#161325;
+    border-radius: 8px;
+	color:#d6deeb
+}
+.hljs-keyword{
+	color:#c792ea;
+	font-style:italic
+}
+.hljs-built_in{
+	color:#addb67;
+	font-style:italic
+}
+.hljs-type{
+	color:#82aaff
+}
+.hljs-literal{
+	color:#ff5874
+}
+.hljs-number{
+	color:#f78c6c
+}
+.hljs-regexp{
+	color:#5ca7e4
+}
+.hljs-string{
+	color:#ecc48d
+}
+.hljs-subst{
+	color:#d3423e
+}
+.hljs-symbol{
+	color:#82aaff
+}
+.hljs-class{
+	color:#ffcb8b
+}
+.hljs-function{
+	color:#82aaff
+}
+.hljs-title{
+	color:#dcdcaa;
+	font-style:italic
+}
+.hljs-params{
+	color:#7fdbca
+}
+.hljs-comment{
+	color:#637777;
+	font-style:italic
+}
+.hljs-doctag{
+	color:#7fdbca
+}
+.hljs-meta,.hljs-meta .hljs-keyword{
+	color:#82aaff
+}
+.hljs-meta .hljs-string{
+	color:#ecc48d
+}
+.hljs-section{
+	color:#82b1ff
+}
+.hljs-attr,.hljs-name,.hljs-tag{
+	color:#7fdbca
+}
+.hljs-attribute{
+	color:#80cbc4
+}
+.hljs-variable{
+	color:#addb67
+}
+.hljs-bullet{
+	color:#d9f5dd
+}
+.hljs-code{
+	color:#80cbc4
+}
+.hljs-emphasis{
+	color:#c792ea;
+	font-style:italic
+}
+.hljs-strong{
+	color:#addb67;
+	font-weight:700
+}
+.hljs-formula{
+	color:#c792ea
+}
+.hljs-link{
+	color:#ff869a
+}
+.hljs-quote{
+	color:#697098;
+	font-style:italic
+}
+.hljs-selector-tag{
+	color:#ff6363
+}
+.hljs-selector-id{
+	color:#fad430
+}
+.hljs-selector-class{
+	color:#addb67;
+	font-style:italic
+}
+.hljs-selector-attr,.hljs-selector-pseudo{
+	color:#c792ea;
+	font-style:italic
+}
+.hljs-template-tag{
+	color:#c792ea
+}
+.hljs-template-variable{
+	color:#addb67
+}
+.hljs-addition{
+	color:#addb67ff;
+	font-style:italic
+}
+.hljs-deletion{
+	color:#ef535090;
+	font-style:italic
+}

Daži faili netika attēloti, jo izmaiņu fails ir pārāk liels