summaryrefslogtreecommitdiff
path: root/settings.html
blob: a8d6ea8cdf303088c60ec8ec0c3553c45c7f4f50 (plain)
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
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta name="description" content="This is the personal website for the real Jacob McDonnell. Feel free to look around, you might find something interesting."/>
	<meta name="author" content="Jacob McDonnell"/>
	<meta name="keywords" content="Jacob,McDonnell,Jacob McDonnell"/>
	<title>Settings</title>
        <link id="cssFile" href="CSS/main.css" rel="stylesheet" type="text/css">
        <script src="JS/main.js"></script>
        <script src="JS/cookies.js"></script>
        <script src="JS/command.js"></script>
    </head>
    <body onkeydown="keyCode(event)" onload=" checkCookie()">
        <aside id="NavBar">
            <img src="images\menu.svg" id="menuicon" class="menuimg">
            <nav>
                <ul id="menuLinks">
                    <p id="menuX" class="MenuX">X</p>
                    <li><a href="https://jacobmcdonnell.com/">Home</a></li>
                    <li><a href="https://jacobmcdonnell.com/morsecode/">Morse code</a></li>
                    <li><a href="https://jacobmcdonnell.com/binary/" id="pLink">Binary</a></li>
                    <li><a href="https://jacobmcdonnell.com/Pacman/" id="pLinks">Google Pacman</a></li>
                    <li><a href="https://duckduckgo.com/">DuckDuckGo</a></li>
                    <li><a href="https://mail.google.com/mail/?tab=wm&authuser=0&ogbl">Gmail</a></li>
                    <li><a href="https://play.google.com/music/listen?authuser&u=0#/home">Google Play Music</a></li>
                    <li><a href="https://photos.google.com/">Google Photos</a></li>
                    <li><a href="https://domains.google.com/m/registrar/">Google Domains</a></li>
                    <li><a href="https://drive.google.com/drive/u/0/my-drive">Google Drive</a></li>
                    <li><a href="https://www.youtube.com">Youtube</a></li>
                    <li><a href="https://www.github.com/">Github</a></li>
                    <li><a href="https://gitlab.com/">GitLab</a></li>
                    <li><a href="https://8values.github.io/">8Values</a></li>
                    <li><a href="https://www.politicalcompass.org/test/">Political Compass</a></li>
                    <li><a href="https://www.twitch.tv/">Twitch</a></li>
                    <li><a href="http://www.w3schools.com/html/default.asp">html tutorial</a></li>
                    <li><a href="https://jacobmcdonnell.com/settings.html">Settings and Information</a></li>
                </ul>
            </nav>
        </aside>
        <main>
            <center><h1>Settings and Information Page</h1></center>
            <form id="themeForm">
                <h2>Theme</h2>
                <select name="themes">
                    <option value="GreenAndWhite">Green and White</option>
                    <option value="GreenAndDark">Green and Dark</option>
                    <option value="PurpleAndWhite">Purple and White</option>
                    <option value="PurpleAndDark">Purple and Dark</option>
                </select><br><br>
                <input type="submit">
            </form>
            <h2>About <a href="https://jacobmcdonnell.com/">JacobMcDonnell.com</a></h2>
            <p>This is the personal website for the <strong>real</strong> Jacob McDonnell. Eventually this will switch to infomation about the <strong>real</strong> Jacob McDonnell. This website was designed and programmed by the <strong>real</strong> Jacob McDonnell.</p>
            <h2>Cookie Policy</h2>
            <p><a href="https://jacobmcdonnell.com/">JacobMcDonnell.com</a> uses <strong>ONE</strong> cookie to allow for the theme of the website to stay the same. The information stored in the cookie is the name of cookie, which is theme, the value of the cookie, which is the name of the theme, and is set to expire 365 days after the last vist of the site. The source code of the cookie can be found at <a href="https://jacobmcdonnell.com/JS/cookies.js" target="_blank">here</a>. There are <strong>ZERO</strong> third party cookies used with this site.</p>
            <h2>Privacy Policy</h2>
            <p><a href="https://jacobmcdonnell.com/">JacobMcDonnell.com</a> collects <strong>ZERO</strong> information from visitors of the website. The Source code for the website can be found at <a href="https://github.com/JacobMcDonnell/JacobMcDonnell.github.io" target="_blank">here</a>. However, <a href="https://jacobmcdonnell.com/">JacobMcDonnell.com</a> is hosted on github pages and is not responible for any of the information collected by them if any.</p>
            <script>
                const myForm = document.getElementById("themeForm");
                myForm.addEventListener("submit", (e) => {
                    var formData = new FormData(myForm);
                    e.preventDefault();
                    for(var value of formData.values()){
                        console.log(value);
                        setCookie("theme", value, 365);
                        checkCookie();
                    }
                });
                (function() {
                var menu = document.querySelector('ul'),
                    menulink = document.getElementById('menuicon'),
                    menuclose = document.getElementById('menuX');
                menulink.addEventListener('click', function(e) {
                    menu.classList.toggle('active');
                    e.preventDefault();
                });
                menuX.addEventListener('click', function(e) {
                    menu.classList.toggle('active');
                    e.preventDefault();
                });
                })();
            </script>
        </main>
    </body>
</html>