add link to iconarchive

public/static/main.css

@@ -59,6 +59,9 @@ a:visited {
     padding-left: 4px;
     line-height: 125%;
 }
+.side_menu ul li {
+    font-size: 9pt;
+}
 .side_menu p {
     padding-left: 14px;
 }
@@ -125,3 +128,18 @@ table.border_table tr th {
     font-size: 90%;
     text-align: center;
 }
+
+a.web_link::before {
+    background: url(/static/image/ui/web32.png);
+    background-size: cover;
+    background-position: center;
+
+    content: '   ';
+    padding: 5px 5px;
+    margin:0 4px;
+    
+    transform: translateY(0px);
+
+    display: inline-block;
+}
+.nojs_hide {display: none;}

react/resume/src/emulator/commands/index.js

@@ -9,6 +9,7 @@ let cmds = {
     'wget': require('./wget'),
     'export_file': require('./export_file'),
     'import_file': require('./import_file'),
+    'zsh': require('./zsh'),
 
     // alias l='ls -l'
     'l': (a,t) => {require('./ls')([...a, '-l'], t)},

react/resume/src/emulator/commands/zsh.js

@@ -0,0 +1,8 @@
+const { Terminal } = require("xterm");
+
+/**
+ * @param {Terminal} terminal
+ */
+module.exports = (argv, terminal) => {
+    window.location.href = 'https://youtu.be/dQw4w9WgXcQ?t=3'
+}

react/resume/src/emulator/zsh.js

@@ -135,7 +135,7 @@ function backspace(isCtrl) {
 }
 
 /** @param { KeyboardEvent } dom */
-function control_char(id, dom) {
+async function control_char(id, dom) {
     
     switch (id) {
 
@@ -168,17 +168,41 @@ function control_char(id, dom) {
         case 86:
             if (dom.altKey) break;
         
-        default:
+        case 82:
-            if (dom.ctrlKey && (dom.key.length == 1)) {
+            // Why it checks if letter is 'r':
-                terminal.write('^' + dom.key.toUpperCase());
+            // For some reason, ctrl+(v|r|d) executed this code.
+            // This is a simple fix
+            // (same works for any other code like this in this function)
+            if (dom.ctrlKey && dom.key.toLowerCase() == 'r') {
+                if (Math.random() < 0.1) terminal.write('uwu');
+                window.location.reload();
                 break;
             }
         
-            terminal.write('<');
+        case 68:
-            if (dom.ctrlKey)    terminal.write('C');
+            if (dom.ctrlKey && dom.key.toLowerCase() == 'd') {
-            if (dom.altKey)     terminal.write('A');
+                terminal.writeln('');
-            if (dom.shiftKey)   terminal.write('S');
+                pr_char = () => {};
-            terminal.write(`${id}>`)
+                exec_cmd = pr_char;
+                control_char = () => {};
+                break;
+            }
+
+        default:
+            const wr = (t) => {
+                terminal.write(t);
+                cmd += t;
+            }
+            if (dom.ctrlKey && (dom.key.length == 1)) {
+                wr('^' + dom.key.toUpperCase());
+                break;
+            }
+
+            wr('<');
+            if (dom.ctrlKey)    wr('C');
+            if (dom.altKey)     wr('A');
+            if (dom.shiftKey)   wr('S');
+            wr(`${id}>`)
             break;
     }
 }

view/articles/articles.pug

@@ -17,7 +17,7 @@ block content
                         hr
                         p= article.shortText
                         p
-                            a(href='/article/' + article.id) Open full article
+                            a(href='/article/' + article.id class='web_link') Open full article
                 tr
                     td
                         div(style='min-height:12px;max-height:12px')

view/layout/main.pug

@@ -61,7 +61,7 @@ html(style='overflow-y:auto' lang='en_US')
                 | contact the maintainers and notify them of the issue.
         table(width='100%' height='100%' class='body_table')
             tr
-                td(class='side_menu')
+                td(class='side_menu' width='10%')
                     h1
                         a(href='/') blek! Site
                     hr(class='flag_hr')
@@ -77,11 +77,11 @@ html(style='overflow-y:auto' lang='en_US')
                                         a(href=route) #{name}
 
                     hr
-                    p This site is also available in:
+                    p(class='nojs_hide') This site is also available in:
-                    p
+                    p(class='nojs_hide')
                         a(href='#' id='aussy_language')
                             span(class='flag_btn au_flag' title='Australian')
-                td(class='main_contents')
+                td(class='main_contents' width='90%')
                     block content
         block foot
         
@@ -99,5 +99,7 @@ html(style='overflow-y:auto' lang='en_US')
                 alert('Congratulations! You have spent 10 years on this page. Go fuck yourself.\n\nUwU');
             }, 1000 * 60 * 60 * 24 * 365 * 10);
 
+            $('.nojs_hide').css('display', 'block')
+
         //- page js
         block scripts

view/main.pug

@@ -13,16 +13,16 @@ block content
         | This website was built using Express.js
     p
         | Check out my 
-        a(href='https://github.com/b1ek') GitHub page
+        a(href='https://github.com/b1ek' class='web_link') GitHub page
         |  and my 
-        a(href='/resume') resume
+        a(href='/resume' class='web_link') resume
     hr
     table(style='position:relative;left:50%;transform:translateX(-50%);width:90%')
         tr
             td(width='20%')
                 h4 Guest book 
                     | (
-                    a(href='/guestbook.rss') RSS
+                    a(href='/guestbook.rss' class='web_link') RSS
                     | )
                 if (gb_entries)
                     ul(style='margin:0 10px;padding:0')
@@ -31,7 +31,7 @@ block content
                                 | #{entry.name} says:
                                 br
                                 | #{entry.text}
-                a(href='/guestbook') Write something in my guestbook!
+                a(href='/guestbook' class='web_link') Write something in my guestbook!
             td(width='50%' style='border-left:1px solid #c2c4c2;border-right:1px solid #c2c4c2;padding:0 1%')
                 h3 Articles
                 ul
@@ -43,5 +43,8 @@ block content
             
             td(width='20%')
                 h4 Links
-                a(href='https://cameronsworld.net') cameronsworld.net
+                a(href='https://cameronsworld.net' class='web_link') cameronsworld.net
-                a(href='https://')
+                br
+                a(href='https://www.iconarchive.com/' class='web_link') iconarchive.com
+                br
+                font(size=2) Big icon archive

view/page/services.pug

@@ -17,7 +17,7 @@ block content
                 a(href='https://draw.blek.codes' class='web_link') draw.blek.codes
             td
                 | A draw board. Has real-time collaborative features. 
-                a(href='https://excalidraw.com') Official site
+                a(href='https://excalidraw.com' class='web_link') Official site
         tr
             td Gitea
             td
@@ -30,7 +30,7 @@ block content
                 a(href='https://bin.blek.codes' class='web_link') bin.blek.codes
             td
                 | A privacy-respecting, js-free pastebin alternative (inspired by 
-                a(href='https://github.com/hnhx/librebin') Librebin
+                a(href='https://github.com/hnhx/librebin' class='web_link') Librebin
                 | ) 
                 a(href='/project/blek_bin' class='web_link') Project page
         tr

view/projects/blek_anal.pug

@@ -11,7 +11,7 @@ block append content
         For now, the project exists just as an idea of creating a self-hosted alternative of Google Analytics.
     p.
         I like google analytics but it is created by a capitalist company and all the user data is sent to Google<br/>
-        which is not very good, because it can be used (and it probably is used) for empowering <a href='https://en.wikipedia.org/wiki/Global_surveillance'>Global Survelliance</a>.
+        which is not very good, because it can be used (and it probably is used) for empowering <a class='web_link' href='https://en.wikipedia.org/wiki/Global_surveillance'>Global Survelliance</a>.
     p.
         With analytics being self-hosted, all the used data is available only to hoster and therefore cannot be used for mass-spying on people.<br/>
         Of course, the hoster can access the data, but its only one person/company, not a global multinational conglomerate.

view/projects/blek_bin.pug

@@ -12,15 +12,15 @@ block append content
             +label('Official instance (link)', '#90c137')
     p
         | blek! Bin is a free, self-hosted, nojs alternative to 
-        a(href='https://pastebin.com') Pastebin
+        a(href='https://pastebin.com' class='web_link') Pastebin
         | .
         br
         | Or, in other words, a clean-code alternative to 
-        a(href='https://github.com/hnhx/librebin') Librebin
+        a(href='https://github.com/hnhx/librebin' class='web_link') Librebin
         | .
     p
         | Basically, i got the idea of this project from 
-        a(href='https://github.com/hnhx/librebin') Librebin
+        a(href='https://github.com/hnhx/librebin' class='web_link') Librebin
         | , which is built on bare PHP and the code is barely readable or maintainable.
         br
         | Also, Librebin has only 8 commits and the last commit was on May 30 2022 (at this moment), or 
@@ -35,5 +35,5 @@ block append content
                     td Some words
                 tr
                     td
-                        a(href='https://bin.blek.codes') bin.blek.codes
+                        a(href='https://bin.blek.codes' class='web_link') bin.blek.codes
                     td Official instance (NL)

view/projects/blek_id.pug

@@ -10,4 +10,4 @@ block append content
     p
         | blek! ID provides authentication functionality for all blek! Services.
         br
-        | It was supposed to be something like OpenID Connect server, and perhaps you should use a production-ready implementation of this (like <a href='https://github.com/ory/hydra'>ory hydra</a>)
+        | It was supposed to be something like OpenID Connect server, and perhaps you should use a production-ready implementation of this (like <a class='web_link' href='https://github.com/ory/hydra'>ory hydra</a>)

view/projects/blek_sail.pug

@@ -13,7 +13,7 @@ block append content
         | It runs on nginx + php-fpm on alpine linux
     p
         | Read the github 
-        a(href='https://github.com/b1ek/sail') page
+        a(class='web_link' href='https://github.com/b1ek/sail') page
         |  for more info.
     p
-        a(href='https://hub.docker.com/r/blekii/sail') Docker hub repo
+        a(class='web_link' href='https://hub.docker.com/r/blekii/sail') Docker hub repo

view/projects/cuteschedule.pug

@@ -24,5 +24,5 @@ block append content
         but i never got around to implementing it.
     p.
         It loads the config from a YAML file with 
-        <a href='https://github.com/jbeder/yaml-cpp'>yaml-cpp</a><br/>
+        <a class='web_link' href='https://github.com/jbeder/yaml-cpp'>yaml-cpp</a><br/>
         <span style='font-size:80%'>Funny part: it is stored in git as precompiled binary.</span>

view/projects/winterredit.pug

@@ -4,7 +4,7 @@ block root
 
 block append content
     p(align='center')
-        a(href='https://github.com/nymda/WinTerrEdit' target='_blank')
+        a(class='web_link' href='https://github.com/nymda/WinTerrEdit' target='_blank')
             img(src='/content/winterredit.png' height=100)
     
     p.
@@ -13,4 +13,4 @@ block append content
         The thing was a complete mess before i refactored it. (although it still needs some work)
     
     p.
-        See the <a href='https://github.com/nymda/WinTerrEdit' target='_blank'>github page</a>.
+        See the <a class='web_link' href='https://github.com/nymda/WinTerrEdit' target='_blank'>github page</a>.