Update raw.js - all as old

ulrischa · Dec 18, 2024 · cda98e2 · cda98e2
1 parent ec73d5d
commit cda98e2
Showing 1 changed file with 85 additions and 2 deletions.
diff --git a/raw.js b/raw.js
@@ -11,13 +11,96 @@
     <title>Chat Export</title>
     <link rel="stylesheet" href="https://unpkg.com/mvp.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/default.min.css">
-   
+    <style>
+        .w-fit {
+            width: fit-content;
+            max-width: 48rem;
+            height: 100%;
+        }
+        .chat-container {
+            width: 100%;
+            max-width: 800px;
+            margin: 20px auto;
+            font-family: Arial, sans-serif;
+        }
+        h1 {
+            text-align: center;
+            margin-bottom: 10px;
+        }
+        .timestamp {
+            text-align: center;
+            margin-bottom: 20px;
+            font-size: 14px;
+            color: #555;
+        }
+        .chat-message {
+            display: flex;
+            margin: 10px 0;
+        }
+        .chat-message.right {
+            justify-content: flex-end;
+        }
+        .chat-message.left {
+            justify-content: flex-start;
+        }
+        .chat-bubble {
+            padding: 10px;
+            border-radius: 10px;
+            position: relative;
+            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+            overflow: hidden;
+        }
+        .chat-bubble.right {
+            background-color: #dcf8c6;
+        }
+        .chat-bubble.left {
+            background-color: #ffffff;
+        }
+        .chat-bubble.right::after {
+            content: "";
+            position: absolute;
+            right: -10px;
+            top: 10px;
+            border-width: 10px 0 10px 10px;
+            border-style: solid;
+            border-color: transparent transparent transparent #dcf8c6;
+        }
+        .chat-bubble.left::after {
+            content: "";
+            position: absolute;
+            left: -10px;
+            top: 10px;
+            border-width: 10px 10px 10px 0;
+            border-style: solid;
+            border-color: transparent #ffffff transparent transparent;
+        }
+        button.select-none {
+            position: absolute;
+            top: -5px;
+            right: -5px;
+            padding: 5px 10px;
+            font-size: 12px;
+            cursor: pointer;
+            border: none;
+            border-radius: 5px;
+        }
+       
+        pre {
+            position: relative;
+            display: inline-block;
+        }
+        code {
+            padding: 2px 4px;
+            background-color: #f5f5f5;
+            border-radius: 3px;
+            display: inline;
+        }
+    </style>
 </head>
 <body>
     <h1><a href="${window.location.href}" target="_blank">${window.location.href}</a></h1>
     <div class="timestamp">Exported on: ${timestamp}</div>
     <div class="chat-container">
-  
 `;
 
         // Process articles and add messages