Spaces:
Running
Running
Updated footer credits in index.html, refined CSS styles for better layout and responsiveness, and modified JavaScript to ensure edge colors match target nodes. Enhanced search functionality to support Enter key input.
513a8f8
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" itemscope itemtype="http://schema.org/Map"> | |
| <head> | |
| <title>Daily Paper Atlas</title> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,user-scalable=no" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> | |
| <meta name="description" content="A network visualization of research papers and authors"> | |
| <!-- Load jQuery first --> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="text/javascript"></script> | |
| <!-- Load Sigma.js (exact SigmaJS version used in Model-Atlas) --> | |
| <script src="js/sigma/sigma.min.js" type="text/javascript"></script> | |
| <script src="js/sigma/sigma.parseJson.js" type="text/javascript"></script> | |
| <script src="js/sigma/plugins/sigma.plugins.filter.min.js" type="text/javascript"></script> | |
| <!-- Load fancybox for popups --> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" type="text/javascript"></script> | |
| <!-- Load pako for decompression --> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/pako/2.0.4/pako.min.js" type="text/javascript"></script> | |
| <!-- CSS files --> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css"/> | |
| <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> | |
| <link rel="stylesheet" media="screen and (max-height: 770px)" href="css/tablet.css" /> | |
| <!-- Our main JavaScript file - load this after the libraries --> | |
| <script src="js/main.js" type="text/javascript"></script> | |
| </head> | |
| <body> | |
| <div class="sigma-parent"> | |
| <div class="sigma-expand" id="sigma-canvas"></div> | |
| </div> | |
| <div id="mainpanel"> | |
| <div class="col"> | |
| <div id="title">Daily Paper Atlas</div> | |
| <div id="titletext">A visualization of research papers and authors network. This interactive map shows relationships between papers and the researchers who created them.</div> | |
| </div> | |
| <div class="col"> | |
| <div id="key-features"> | |
| <h2>Key Features</h2> | |
| <ul> | |
| <li><strong>Search:</strong> Find papers or authors by name.</li> | |
| <li><strong>Interactive Nodes:</strong> Click nodes to view details.</li> | |
| </ul> | |
| </div> | |
| <div id="legend"> | |
| <h2>Legend:</h2> | |
| <div id="colorLegend" style="display: block;"></div> | |
| </div> | |
| </div> | |
| <div class="col"> | |
| <div id="search"> | |
| <h2>Search:</h2> | |
| <div class="search-wrapper"> | |
| <input type="text" id="search-input" placeholder="Search by name"> | |
| </div> | |
| <div class="results"></div> | |
| </div> | |
| </div> | |
| <div class="col footer"> | |
| <div class="credits"> | |
| Web rendering powered by <a href="https://sigmajs.org/" target="_blank">SigmaJS</a>. Developed by Daily Paper Atlas Team. | |
| </div> | |
| </div> | |
| </div> | |
| <div id="attributepane"> | |
| <div class="text"> | |
| <div class="returntext">Return to the full network</div> | |
| <div class="nodeattributes"> | |
| <div class="name">Select a node to see details</div> | |
| <div class="nodetype" style="margin-bottom: 12px;"></div> | |
| <div class="data"></div> | |
| <div class="p">Connections:</div> | |
| <div class="link"> | |
| <ul></ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="zoom"> | |
| <div class="z" rel="in"></div> | |
| <div class="z" rel="out"></div> | |
| <div class="z" rel="center"></div> | |
| </div> | |
| </body> | |
| </html> |