Create example.js

assets/js/example.js

@@ -0,0 +1,32 @@
+function selectExample(exampleId) {
+    const examples = {
+        example1: "High-level speaking, successful jailbreaks share a common principle that they are trying to make the LLMs willing to affirm the user request which will be rejected at the beginning.",
+        example2: "Drawing upon this inspiration, our proposed defense aims to find the tokens that are most critical in forcing the LLM to generate such affirmative responses, decrease their importance in the generation, and thereby resolve the potential jailbreak risks brought by these tokens.",
+        example3: "To identify these tokens, we propose a new concept called the Affirmation Loss. We then use the loss's gradient norm with respect to each token in the user input prompt to find the jailbreak-critical tokens.",
+        example4: "We select those tokens with the larger gradient norm and then apply soft removal on them to mitigate the potential jailbreak risks."
+    };
+
+    const exampleText = document.getElementById('exampleText');
+    exampleText.innerHTML = examples[exampleId];
+
+    // Highlight specific parts of the text
+    switch (exampleId) {
+        case 'example1':
+            highlightText(exampleText, 'successful jailbreaks');
+            break;
+        case 'example2':
+            highlightText(exampleText, 'our proposed defense');
+            break;
+        case 'example3':
+            highlightText(exampleText, 'Affirmation Loss');
+            break;
+        case 'example4':
+            highlightText(exampleText, 'soft removal');
+            break;
+    }
+}
+
+function highlightText(element, keyword) {
+    const regex = new RegExp(`(${keyword})`, 'gi');
+    element.innerHTML = element.innerHTML.replace(regex, '<span class="highlight">$1</span>');
+}