From 1dd0f306f665d2881834bac1aa610cea0b21024a Mon Sep 17 00:00:00 2001
From: Emile <git@emile.space>
Date: Fri, 16 Aug 2024 23:29:22 +0200
Subject: (css): hover on .codeline now fancy

---
 templates/head.html  |  2 ++
 templates/index.html | 38 ++++++++++++++++++--------------------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/templates/head.html b/templates/head.html
index 3bec2a9..42d569c 100644
--- a/templates/head.html
+++ b/templates/head.html
@@ -25,6 +25,7 @@
   h4 { margin: 1ex 0 1ex 0; width: 100%; font-size: 1em; /*background-color: #fafafa*/}
   h5 { margin: 1ex 0 1ex 0; width: 100%; font-size: 1em; /*background-color: #fafafa*/}
   .code { border-left: 1px solid #040404; margin-left: 2ex; padding-left: 1ex; }
+  .codeline:hover { background: #eeeeee; color: #040404; }
   .trhover tr:hover { border-bottom: 1px solid #dddddd; }
 
   /* add an outline while hovering, the !important makes hovering on checked elements still visible */
@@ -47,6 +48,7 @@
   h4 { margin: 1ex 0 1ex 0; width: 100%; font-size: 1em; /*background-color: #c0c0c0*/}
   h5 { margin: 1ex 0 1ex 0; width: 100%; font-size: 1em; /*background-color: #c0c0c0*/}
   .code { border-left: 1px solid #c0c0c0; margin-left: 2ex;  padding-left: 1ex; }
+  .codeline:hover { background: #c0c0c0; color: #040404; }
   .webring { -webkit-filter: invert(100%); filter: invert(100%); }
   .trhover tr:hover { background: #c0c0c0; color: #040404; }
 
diff --git a/templates/index.html b/templates/index.html
index 3c29a48..5f3e253 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -24,26 +24,24 @@
   Essentially
   <br><br>
 
-  <pre class="code">
-  ; r2 malloc://1024                           # allocate 1KB of memory
-  [0x00000000]> e asm.arch = x86               # define the arch to use
-  [0x00000000]> e asm.bits = 32                # define the bits to use
-  [0x00000000]> aei                            # init vm
-  [0x00000000]> aeim                           # init staack
-  [0x00000000]> waf bot.asm                    # write bot to memory
-  [0x00000000]> aer PC = 0x100                 # set program counter
-  [0x00000000]> aer SP = SP + 0x100            # set stack pointer
-  [0x00000000]> e cmd.esil.todo=f theend=1     # define end condition
-  [0x00000000]> e cmd.esil.trap=f theend=1     # define end condition
-  [0x00000000]> e cmd.esil.intr=f theend=1     # define end condition
-  [0x00000000]> e cmd.esil.ioer=f theend=1     # define end condition
-  [0x00000000]> f theend=0                     # set the end flag to 0
-  [0x00000000]> aes                            # step
-  [0x00000000]> ?v 1+theend                    # check if the end cond. is met
-  ..                                           # in a loop
-  [0x00000000]> aes                            # step
-  [0x00000000]> ?v 1+theend                    # check if the end cond. is met
-  </pre>
+  <pre class="codeline">; r2 malloc://1024                            # allocate 1KB of memory</pre>
+  <pre class="codeline">[;0x00000000]> e asm.arch = x86               # define the arch to use</pre>
+  <pre class="codeline">[;0x00000000]> e asm.bits = 32                # define the bits to use</pre>
+  <pre class="codeline">[;0x00000000]> aei                            # init vm</pre>
+  <pre class="codeline">[;0x00000000]> aeim                           # init staack</pre>
+  <pre class="codeline">[;0x00000000]> waf bot.asm                    # write bot to memory</pre>
+  <pre class="codeline">[;0x00000000]> aer PC = 0x100                 # set program counter</pre>
+  <pre class="codeline">[;0x00000000]> aer SP = SP + 0x100            # set stack pointer</pre>
+  <pre class="codeline">[;0x00000000]> e cmd.esil.todo=f theend=1     # define end condition</pre>
+  <pre class="codeline">[;0x00000000]> e cmd.esil.trap=f theend=1     # define end condition</pre>
+  <pre class="codeline">[;0x00000000]> e cmd.esil.intr=f theend=1     # define end condition</pre>
+  <pre class="codeline">[;0x00000000]> e cmd.esil.ioer=f theend=1     # define end condition</pre>
+  <pre class="codeline">[;0x00000000]> f theend=0                     # set the end flag to 0</pre>
+  <pre class="codeline">[;0x00000000]> aes                            # step</pre>
+  <pre class="codeline">[;0x00000000]> ?v 1+theend                    # check if the end cond. is met</pre>
+  <pre class="codeline">..                                            # in a loop</pre>
+  <pre class="codeline">[;0x00000000]> aes                            # step</pre>
+  <pre class="codeline">[;0x00000000]> ?v 1+theend                    # check if the end cond. is met</pre>
 
   <br>
   More info in the following blogpost: <a href="https://emile.space/blog/2020/r2wars/">https://emile.space/blog/2020/r2wars/</a>
-- 
cgit 1.4.1