flamegraphs: Improve the title page

diff --git a/2023-flamegraphs/1000-title.html b/2023-flamegraphs/1000-title.html
index b1e1e75..616b985 100644 (file)
--- a/2023-flamegraphs/1000-title.html
+++ b/2023-flamegraphs/1000-title.html
@@ -2,6 +2,26 @@
 <link rel="stylesheet" href="style.css" type="text/css"/>
 <script src="code.js" type="text/javascript"></script>
 
+<style>
+  body { height: 100%; }
+  #bg-image {
+      background-image: url("background.png");
+      background-repeat: no-repeat;
+      background-attachment: fixed;
+      background-size: 100% 100%;
+      height: 100%;
+      z-index: -2;
+      /*filter: blur(8px);*/
+      backgrop-filter: blur(8px);
+  }
+  #titlepage {
+      background-color: rgba(1,1,1,0.1);
+      z-index: 2;
+  }
+</style>
+
+<div id="bg-image" />
+
 <div id="titlepage">
   <p class="title">
     Fedora 38 and Flamegraphs
@@ -14,6 +34,6 @@
 
   <p class="abstract">
     Easy <b>performance analysis</b> of the whole system using
-    <b>perf</b> and <b>flamegraphs</b>
+    <b>perf</b>, <b>frame pointers</b>, and <b>flamegraphs</b>
   </p>
 </div>

diff --git a/2023-flamegraphs/background.png b/2023-flamegraphs/background.png
new file mode 100644 (file)
index 0000000..4c35e40
Binary files /dev/null and b/2023-flamegraphs/background.png differ

diff --git a/2023-flamegraphs/background.xcf b/2023-flamegraphs/background.xcf
new file mode 100644 (file)
index 0000000..f015f85
Binary files /dev/null and b/2023-flamegraphs/background.xcf differ