LICENSE

Author: reem-codes

LICENSE

@@ -42,26 +42,33 @@ <h1 id="profile-title"></h1>
             <button id="help_button">Help</button>
             <div id="help" class="hide">
                 <p>
-                    Lactea is an open-source, web-based implementation of a submitted paper to the EuroVis 2025 conference introducing a spectral visualization, multi-resolution technique for a large star catalog. This repository works with the European Space Agency (ESA)'s GAIA catalog, which contains the spectral information of almost 2 billion stars. To use:
+                    Lactea is an open-source, web-based implementation of a submitted paper to the EuroVis 2025 conference introducing a spectral visualization, multi-resolution technique for a large star catalog. This repository works with the European Space Agency (ESA)'s GAIA catalog, which contains the spectral information of almost 2 billion stars. 
                 </p>
                 <p>To cite the paper:</p>
                 <blockquote>
-                    @article{alghamdi2025Lactea,
-                        title = {Lactea: Web-Based Spectrum-Preserving Multi-Resolution Visualization of the GAIA Star Catalog},
-                        author = {Alghamdi, Reem and Hadwiger, Markus and Reina, Guido and Jaspe-Villanueva, Alberto},
-                        journal = {Computer Graphics Forum (Proceedings of Eurographics Conference on Visualization 2025)},
-                        year = {2025},
-                        volume = {44},
-                        number = {3},
-                        pages = {to appear}
-                      } 
+<pre>
+@article{alghamdi2025Lactea,
+    title = {Lactea: Web-Based Spectrum-Preserving Multi-Resolution Visualization of the GAIA Star Catalog},
+    author = {Alghamdi, Reem and Hadwiger, Markus and Reina, Guido and Jaspe-Villanueva, Alberto},
+    journal = {Computer Graphics Forum (Proceedings of Eurographics Conference on Visualization 2025)},
+    year = {2025},
+    volume = {44},
+    number = {3},
+    pages = {to appear}
+} 
+</pre>
                 </blockquote>
-                <p><a href="https://github.com/vccvisualization/lactea" class="link">GitHub Repository</a></p>
+                <p>For more information, please visit the <a href="https://github.com/vccvisualization/lactea" class="link">GitHub Repository</a></p>
+                <p>Quick Overview of the funcitonalities</p>
                 <table>
                     <tr>
                         <th>Key/Button</th>
                         <th>Functionaliy</th>
                     </tr>
+                    <tr>
+                        <td>Space</td>
+                        <td>Change settings to replicate paper figures</td>
+                    </tr>
                     <tr>
                         <td>G</td>
                         <td>Show/hide main GUI</td>
@@ -94,12 +101,9 @@ <h1 id="profile-title"></h1>
                         <td>P</td>
                         <td>change projection strategy</td>
                     </tr>
+
                     <tr>
-                        <td>Space</td>
-                        <td>Change settings to replicate paper figures</td>
-                    </tr>
-                    <tr>
-                        <th colspan="2">Lactea</th>
+                        <th colspan="2">Canvas</th>
                     </tr>
                     <tr>
                         <td>Drag</td>

.nojekyll web_visualizer/.nojekyll.nojekyll renamed to web_visualizer/.nojekyll

@@ -116,6 +116,13 @@ body {
   max-width: 800px;
   margin: 1rem auto;
 }
+#help blockquote pre {
+  background-color: rgba(255, 255, 255, 0.1);
+  padding: 2rem;
+  margin: 1rem;
+  text-wrap: wrap;
+  border-radius: 0.5rem;
+}
 #help p {
   text-align: center;
   padding: 0.3 rem;

web_visualizer/index.html

@@ -137,7 +137,13 @@ body {
 #help {
     max-width: $max-width;
     margin: 1rem auto;
-
+    blockquote pre {
+        background-color: rgba(255, 255, 255, 0.1);
+        padding: 2rem;
+        margin: 1rem;
+        text-wrap: wrap;
+        border-radius: .5rem;
+    }
     p {
         text-align: center;
         padding: 0.3 rem;