suchwebsite/index.html at master · suchacoder/suchwebsite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html>
<link rel="stylesheet" type="text/css" href="/css/style.css">
	<head>
		<meta charset="UTF-8">
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
		<title>Guelcam to Gz web server!</title>
	</head>
		<body>
			<main>
				<div class="topnav">
					<a href="#guelcam">GUELCAM</a>
					<a href="#videos">VIDEOS</a>
					<a href="#demos">DEMOS</a>
					<a href="#contact">CONTACT</a>
					<a href="#" class="donate">DONATE</a>
				</div>
				<section id=guelcam>
					<p>Welcome to <strong>[Gz] website</strong> Urban Terror players, on this website you'll find some cool <strong>videos</strong> and<strong> demos</strong> from well known skilled players, a <strong>contact</strong> section and a
<strong>forum</strong> is on its way!!!</p>
				</section>
				<section id=videos>
					<a href="http://207.246.116.13/videos/" class="videobutton"><span>Videos</span></a>
				</section>
				<section id=demos>
					<a href="http://207.246.116.13/demos/" class="demobutton"><span>Demos</span></a>
				</section>
				<section id=contact>
					<a class="discordbutton" href="https://discordapp.com/invite/SYszpQ9" rel="nofollow" target="_blank"><span>Discord</span></a>
					<a class="facebookbutton" href="https://www.facebook.com/groups/Gz.GamerZone.UrT/" rel="nofollow" target="_blank"><span>Facebook</span></a>
					<a class="teamspeakbutton" href="ts3server://207.246.116.13:9987" rel="nofollow" target="_blank"><span>Teamspeak</span></a>
				</section>
			</main>
			<button onclick="topFunction()" id="top" title="Go to top">Top</button>
<script>
    $(document).ready(function(){
        // Add smooth scrolling to all links
        $("a").on('click', function(event) {

            // Make sure this.hash has a value before overriding default behavior
            if (this.hash !== "") {
                // Prevent default anchor click behavior
                event.preventDefault();

                // Store hash
                var hash = this.hash;

                // Using jQuery's animate() method to add smooth page scroll
                // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
                $('html, body').animate({
                  scrollTop: $(hash).offset().top
                }, 800, function(){

                // Add hash (#) to URL when done scrolling (default click behavior)
                window.location.hash = hash;
                });
            } // End if
        });
    });
</script>

<script>
	// 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) {
        	document.getElementById("top").style.display = "block";
    	} else {
        	document.getElementById("top").style.display = "none";
    	}
	}

	// When the user clicks on the button, scroll to the top of the document
	function topFunction() {
    	document.body.scrollTop = 0; // For Safari
    	document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
	}
</script>
		</body>
</html>