added footer and instructions

argonne-lcf · Sep 10, 2024 · d20dd11 · d20dd11
1 parent 41c3064
commit d20dd11
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -11,12 +11,12 @@
   <link rel="stylesheet" href="./src/css/style.css">
   <!-- <link href="https://fonts.cdnfonts.com/css/century-schoolbook" rel="stylesheet"> -->
 
-  <title>LLM Inference Benchmarking Plots</title>
+  <title>LLM Inference Graphs</title>
 </head>
 
 <body>
   <div id="titlePane">
-    <label id="title">LLM Inference Benchmarking</label>
+    <label id="title">LLM Inference Graphs</label>
     <div class="dropdown configSelector">
       <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
         Configuration
@@ -61,6 +61,22 @@
     </div>
 
   </div>
+
+
+
+  <h2><strong>Get Started:</strong></h2>
+
+  <ol style="font-size: 2em;"></ol>
+    <li>Click on the "Configuration" dropdown to select a configuration to plot.</li>
+    <li>Click on the "Filters" like Hardware, Framework, Model etc and check the options.</li>
+    <li>Select X and Y axis</li>
+    <li>Click on "Color By" to filtered data.</li>
+  </ol>
+
+  <footer>
+    <p>Copyright (c) 2024, UChicago Argonne, LLC</p>
+  </footer>
+
 
   <script src="./src/js/download_SVG.js"></script>
   <script src="./src/js/display.js"></script>