textfiles-politics/docs/visualization.html
2023-05-03 17:16:32 -04:00

55 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Gallery</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="CSSstyle.css">
<script src="web_session/networks.js"></script>
</head>
<body>
<!-- Credit: https://www.w3schools.com/howto/howto_js_scroll_to_top.asp -->
<button onclick="topFunction()" id="to-top" title="Go to top"><img alt="up arrow"
src="https://cdn.onlinewebfonts.com/svg/img_231938.png" width="30" /></button>
<script>
// Get the button
let mybutton = document.getElementById("to-top");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}</script>
<h1 id="title-index">Visualization</h1>
<nav id="menu">
<a href="index.html"><div class="button">Home</div></a>
<a href="fulltext.html"><div class="button">Fulltext</div></a>
<a href="analysis.html"><div class="button">Analysis</div></a>
<a href="visualization.html"><div class="button">Visualization</div></a>
<a href="methods.html"><div class="button">Methods</div></a>
<a href="about.html"><div class="button">About</div></a>
<a href="GitHub.html"><div class="button">GitHub <img alt="github icon" src="https://logos-download.com/wp-content/uploads/2016/09/GitHub_logo.png" width="15"/></div></a>
</nav>
<br/>
<div id="cy">
<script src="web_session/networks.js"> </script>
<script src="web_session/styles.js"> </script>
<script src="web_session/scripts/vendor.js"></script>
<script src="web_session/scripts/main.js"></script>
</div>
</body>
</html>