new font and styles to pre element

vocdoni · Nov 16, 2023 · fb57c0d · fb57c0d
1 parent cc30f40
commit fb57c0d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -2,6 +2,9 @@
 <html>
 <head>
     <title>Vocdoni zk Ceremony</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" type="text/css" href="style.css">
 </head>
 <body>
@@ -33,7 +36,7 @@ <h2>The zk Ceremony</h2>
                 <li><strong>The Proving Key:</strong> Enables the generation of zk proofs for the specific circuit.</li>
                 <li><strong>The Verifying Key:</strong> Allows for the verification of these proofs.</li>
             </ul>
-	    </div>
+        </div>
             <p>This ceremony also produces 'toxic waste' - data that must be discarded to prevent the creation of false proofs. The multi-party computation approach minimizes risks by involving multiple participants.</p>
             <p>Each participant contributes sequentially, starting from an initial contribution made at the ceremony's inception.</p>
             <p><strong>Security is assured as long as at least one participant remains honest.</strong></p>

diff --git a/style.css b/style.css
@@ -9,7 +9,7 @@
 body {
     background-color: #000;
     color: #d0d0d0;
-    font-family: 'Courier New', Courier, monospace;
+    font-family: 'Inconsolata', 'Courier New', Courier, monospace;
     line-height: 1.6;
     font-size: 24px;
     color: #fff;
@@ -87,10 +87,19 @@ ol {
 pre {
     white-space: pre-wrap;
     word-wrap: break-word;
-    background-color: transparent;
+    background-color: #333;
+    padding: 0.8em;
+    font-size: 0.8em;
     border-left: none;
 }
 
+pre::before {
+    content: '$>';
+    display: inline-block;
+    margin-right: 10px;
+    color: #4caf50;
+}
+
 /* Responsive Design */
 @media screen and (max-width: 768px) {
     .container {