fix copy button and example bib

_sass/_syntax.scss

@@ -64,8 +64,9 @@
 
 
 
-pre.highlight {
+.highlight {
   position: relative;
+  margin-bottom: 1em;
 
   .copy {
     position: absolute;

assets/js/codehighlight.js

@@ -1,4 +1,4 @@
-const codeBlocks = document.querySelectorAll('pre.highlight');
+const codeBlocks = document.querySelectorAll('div.highlight');
 codeBlocks.forEach(function (codeBlock) {
   const copyButton = document.createElement('button');
   copyButton.className = 'copy';

index.md

@@ -6,11 +6,22 @@ order: 1
 
 Example page for the TUM i8 layout
 
-also supporting code highlighting
+supporting code highlighting:
 
 ```python
 def code_fragment() -> bool:
     return False
 ```
 
+also for your bibliography
+
+```bib
+{% raw %}@inproceedings{tumi8theme,
+  author = {Sosnowski, Markus and Wiedner, Florian and Gallenmüller, Sebastian and ...},
+  title = {{TUM I8 Jekyll Theme}},
+  booktitle = {Proc. Network Architectures and Services (I8)},
+  year = {2024},
+}{% endraw %}
+```
+
 [return to the github repo](https://github.com/tumi8/tumi8-theme)