Git-Mirrors/textfiles-politics
1
0
Fork 0
mirror of https://github.com/nhammer514/textfiles-politics.git synced 2024-10-01 01:15:38 -04:00
Code Issues Packages Projects Releases Wiki Activity

gallery page added

Browse Source
This commit is contained in:
jms9354 2023-04-26 15:00:56 -04:00
parent 370f4023de
commit 0be8b97827
1 changed files with 47 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
docs/gallery.html Normal file
View File

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<title>Gallery</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="CSSstyle.css">
</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">Gallery</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="gallery.html"><div class="button">Gallery</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>
</body>
</html>