Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Political Speech Semantic Map Gallery</title> | |
| <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet"> | |
| <style> | |
| /* ... (keep all existing styles) ... */ | |
| .map-item { | |
| background-color: white; | |
| border-radius: 10px; | |
| overflow: hidden; | |
| box-shadow: 0 10px 20px rgba(0,0,0,0.1); | |
| transition: all 0.3s ease; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .map-preview { | |
| flex: 1; | |
| min-height: 200px; | |
| } | |
| .stats { | |
| background-color: #f8f9fa; | |
| padding: 10px; | |
| font-size: 0.9em; | |
| border-top: 1px solid #e9ecef; | |
| } | |
| .stats p { | |
| margin: 5px 0; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- ... (keep header and container opening tags) ... --> | |
| <div class="gallery"> | |
| <!-- ... (keep Trump Speeches Analysis card) ... --> | |
| <div class="map-item"> | |
| <div class="map-preview"> | |
| <iframe src="inaugural_speeches_map.html"></iframe> | |
| <div class="map-overlay"> | |
| <a href="#" class="view-button" data-map="inaugural_speeches_map.html">View Map</a> | |
| </div> | |
| </div> | |
| <div class="map-info"> | |
| <h2>US Presidential Inaugural Speeches</h2> | |
| <p>Visual topic modeling of various US presidential inaugural speeches throughout history.</p> | |
| </div> | |
| <div class="stats"> | |
| <p><strong>Chi-square statistic:</strong> 50.52226900766782</p> | |
| <p><strong>p-value:</strong> 1.1307886006522511e-06</p> | |
| <p><strong>Interpretation:</strong> There is a statistically significant difference in topic distribution across political sides.</p> | |
| </div> | |
| </div> | |
| <div class="map-item"> | |
| <div class="map-preview"> | |
| <iframe src="topic_analysis_plot.html"></iframe> | |
| <div class="map-overlay"> | |
| <a href="#" class="view-button" data-map="topic_analysis_plot.html">View Plot</a> | |
| </div> | |
| </div> | |
| <div class="map-info"> | |
| <h2>Topic Distribution Analysis</h2> | |
| <p>Comparison of topic distributions between Trump, Republican, and Democratic speeches.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- ... (keep closing tags and script) ... --> | |
| </body> | |
| </html> |