adding a svg logo linking to the main page

20250417173821-wacom_notes.org

@@ -4,14 +4,18 @@
 #+title: wacom-notes
 #+filetags: :hardware:linux:wacom:
 
-The command: `xsetwacom --list` gave me: 
+The command: ~xsetwacom --list~ gave me: 
 
+#+BEGIN_SRC bash
 Wacom One by Wacom M Pen stylus 	id: 12	type: STYLUS    
 Wacom One by Wacom M Pen eraser 	id: 13	type: ERASER    
+#+END_SRC
 
-Then, in order to map the stylus to a single monitor i needed to know my monitor mappings via `xrandr`:
+Then, in order to map the stylus to a single monitor i needed to know my monitor mappings via ~xrandr~:
 
-Screen 0: minimum 8 x 8, current 3840 x 1080, maximum 32767 x 32767
+#+begin_src bash
+
+  Screen 0: minimum 8 x 8, current 3840 x 1080, maximum 32767 x 32767
 DP-0 connected primary 1920x1080+0+0 (normal left inverted right x axis y axis) 600mm x 340mm
    1920x1080     60.00*+ 143.85   119.98    59.94  
    1680x1050     59.95  
@@ -45,6 +49,10 @@ DP-3 disconnected (normal left inverted right x axis y axis)
 DP-4 disconnected (normal left inverted right x axis y axis)
 DP-5 disconnected (normal left inverted right x axis y axis)
 
+
+  
+#+end_src
+
 Then I simply map it via:
 
-`xsetwacom set "Wacom One by Wacom M Pen stylus" MapToOutput HEAD-0`
+~xsetwacom set "Wacom One by Wacom M Pen stylus" MapToOutput HEAD-0~

assets/styles/style.css

@@ -26,7 +26,7 @@
   --link: lightblue;
   --link-2: var(--link);
 
-  --code-bg: #f0f0f0;
+  --code-bg: #444;
 
   --border: #d7d7d7;
   --active-toc: #cacaca;
@@ -592,9 +592,8 @@ li ol li::before {
 }
 
 .web-logo {
-    height: 80px;
+    height: auto;
-    width: auto;
+    width: 30%;
-    border-radius: 50%;
     position: relative;
 }
 
@@ -729,3 +728,61 @@ body.pane-fullscreen .stack-pane:not(.is-fullscreen) {
 body.pane-fullscreen #content.content {
   max-width: 900px;
 }
+:not(pre) > code{
+    padding: 2px 5px; margin: 0 1px;
+    border: 1px solid #ddd; border-radius: 3px;
+    background-clip: padding-box;
+    color: #333; font-size: 80%;
+}
+pre {
+    background-color: var(--bg);
+}
+
+.org-src-container{
+    border: 1px solid #ccc;
+    box-shadow: 3px 3px 3px #eee;
+    font-family: Lucida Console, monospace;
+    font-size: 80%;
+    margin: 1em auto;
+    padding: .1em .5em;
+    position: relative;
+}
+.org-src-container > pre{ overflow: auto; }
+
+.org-src-container > pre:before{
+    display: block; position: absolute; top: 0; right: 0;
+    background-color: #b3b3b3; color: #fff;
+    padding: 0 .5em; border-bottom-left-radius: 8px; border: 0;
+    font-size: 80%;
+}
+.org-src-container > pre.src-bash:before        { content: "bash"; }
+.org-src-container > pre.src-sh:before          { content: "sh"; }
+.org-src-container > pre.src-shell:before       { content: "shell"; }
+.org-src-container > pre.src-python:before      { content: "Python"; }
+.org-src-container > pre.src-emacs-lisp:before  { content: "Emacs Lisp"; }
+.org-src-container > pre.src-js:before,
+.org-src-container > pre.src-javascript:before  { content: "Javascript"; }
+.org-src-container > pre.src-typescript:before  { content: "Typescript"; }
+.org-src-container > pre.src-html:before        { content: "HTML"; }
+.org-src-container > pre.src-css:before         { content: "CSS"; }
+.org-src-container > pre.src-c:before           { content: "C"; }
+.org-src-container > pre.src-cpp:before         { content: "C++"; }
+.org-src-container > pre.src-java:before        { content: "Java"; }
+.org-src-container > pre.src-rust:before        { content: "Rust"; }
+.org-src-container > pre.src-R:before           { content: "R"; }
+
+pre.src::before{ content: none !important; }
+pre.src{
+    padding: 1.5em 1em 1em;
+    font-family: "Fira Mono","Courier New",monospace;
+    font-size: .9rem; line-height: 1.4;
+    overflow-x: auto; white-space: pre-wrap;
+}
+
+
+:not(pre) > code{
+    border: 1px solid var(--border);
+    background-color: var(--code-bg);
+    color: var(--fg);
+}
+

build.el

@@ -157,7 +157,7 @@
     <div id=\"search-results\"></div>
   </div>
 
-<a href=\"https://zainezq.com\"> <img src=\"/assets/gr.png\" alt=\"Web logo\" class=\"banner-logo\" /> </a>
+<a href=\"https://zainezq.com\"> <img src=\"/assets/2_to_1.svg\" alt=\"Web logo\" class=\"web-logo\" /> </a>
 <button id=\"close-all\">Close All</button>
 </div>
 "
@@ -339,7 +339,7 @@ Created with %c on <a href=\"https://www.archlinux.org/\">Arch</a> <a href=\"htt
 
         ("org-static"
          :base-directory "~/master-folder/org_files/org_roam/assets/"
-         :base-extension "css\\|js\\|png\\|jpg\\|gif"
+         :base-extension "css\\|js\\|png\\|jpg\\|gif\\|svg"
          :publishing-directory "~/master-folder/org_files/org_roam/output/assets/"
          :recursive t
          :publishing-function org-publish-attachment)))