feedback.html

<!DOCTYPE html>
<meta charset="UTF-8">
<html>
    <head>
        <title>CodeArchive2.0 - Feedback</title>
        <link rel="stylesheet" href="./styling/maintheme.css">
        <script>
            function setTheme(themeName) {
                localStorage.setItem('theme', themeName);
                document.documentElement.className = themeName;
                document.cookie = `theme=${themeName}; path=/; SameSite=None; Secure`;
            }

            function toggleTheme() {
                if (localStorage.getItem('theme') === 'theme-dark') {
                    setTheme('theme-light');
                } else {
                    setTheme('theme-dark');
                }
            }

            let gets = decodeURIComponent(document.cookie).split('; ');
            console.log(gets);
            if (gets.length == 2) {
                getc = gets[1];
            } else {
                getc = gets[0];
            }
            let gettheme = getc.split('=');
            if (gettheme[0] === 'theme' && gettheme[1] === 'theme-light') {
                setTheme('theme-light');
            } else {
                setTheme('theme-dark');
            }

            function check() {
                document.form1.target = "./redirect.html";
                window.open("./redirect.html", target='_self');
                document.form1.submit();
            }
        </script>
    </head>
    <body bgcolor="#161618" style='overflow-x:hidden;'>
        <div>
            <div class="topnav">
                <img align="left" src="./media/images/codearchive.gif">
                <div>
                    <a href="./index.html" target="_self">&#x1F511;Logout</a>
                    <a class="active" href="./feedback.html" target="_self">&#x1F4AC;Feedback</a>
                    <a href="./contact.html">&#x1F5A5;&#xFE0F;Contact</a>
                    <a href="./tutorial.html" target="_self">&#x1F3E0;Home</a>
                    <label id="switch" class="switch">
                        <input type="checkbox" onchange="toggleTheme()" id="slider">
                        <span class="slider round"></span>
                    </label>
                </div>
            </div>
            <div class="sidenav">
                <br><br><br>
                <a href='./tutorial.html'><p>Main page</p></a>
                <a href='./videos.html'><p>Videos</p></a>
                <a href='./quizintro.html'><p>Quizzes</p></a>
                <a href='./suggestion.html'><p>Suggestions</p></a>
            </div>
            <div class="gtranslate_wrapper"></div>
            <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
            <script>window.gtranslateSettings = {"default_language":"en","languages":["en","zh-TW","el","es","ru","de","tl","fr","it"],"wrapper_selector":".gtranslate_wrapper"}</script>
        </div>
        <div class='main'>
            <div>
                <p><a class='previous round' onclick='window.history.back();'>&#8249; Back to previous</a></p>
                <h1 id="FEEDBACK">Your feedback is something that I appreciate!</h1><hr>
                <div>
                    <form name='form1' action="mailto:1017luisfonsi@gmail.com" method="post" enctype="text/plain">
                        <h2>1. Your favourite section?</h2>
                            <div>
                                <div class="label0">
                                    <label class='label'>
                                        <input type="radio" name="FAV_SECTION" id="t" value="TUTORIALS">
                                        <label for='t'>HTML5 Tutorials</label>
                                        <span class="radio"></span>
                                    </label>
                                </div>
                                <div class="label0">
                                    <label class='label'>
                                        <input type="radio" name="FAV_SECTION" id='v' value="VIDEOS">
                                        <label for='v'>Videos</label>
                                        <span class="radio"></span>
                                    </label>
                                </div>
                                <div class="label0">
                                    <label class='label'>
                                        <input type="radio" name="FAV_SECTION" id='q' value="QUIZZES">
                                        <label for='q'>HTML5 Quizzes</label>
                                        <span class="radio"></span>
                                    </label>
                                </div>
                            </div><br><hr>
                        <h2>2. Your overall experience?</h2>
                            <div>
                                <div class="label0">
                                    <label class='label'>
                                        <input type="radio" name="EXPERIENCE" id='excellent' value="EXCELLENT">
                                        <label for='excellent'>Excellent!</label>
                                        <span class="radio"></span>
                                    </label>
                                </div>
                                <div class="label0">
                                    <label class='label'>
                                        <input type="radio" name="EXPERIENCE" id='good' value="GOOD">
                                        <label for="good">Good</label>
                                        <span class="radio"></span>
                                    </label>
                                </div>
                                <div class="label0">
                                    <label class='label'>
                                        <input type="radio" name="EXPERIENCE" id='ok' value="OK">
                                        <label for="ok">Ok</label>
                                        <span class="radio"></span>
                                    </label>
                                </div>
                                <div class="label0">
                                    <label class='label'>
                                        <input type="radio" name="EXPERIENCE" id='unsatisfied' value="UNSATISFIED">
                                        <label for="unsatisfied">Unsatisfied</label>
                                        <span class="radio"></span>
                                    </label>
                                </div>
                                <div class="label0">
                                    <label class='label'>
                                        <input type="radio" name="EXPERIENCE" id='bad' value="BAD">
                                        <label for="bad">Bad!</label>
                                        <span class="radio"></span>
                                    </label>
                                </div>
                            </div>
                        <div><br><hr>
                            <label for="improvement" class="label1">3. What can I improve?</label><br>
                            <input type="text" id="improvement" name="IMPROVEMENT">
                        </div><br><hr><br>
                        <input class="ibutton" type="submit" value="Send" onclick="check();">
                        <input class="ibutton" type="reset" value="Reset">
                    </form>
                </div>
            </div>
        </div>
        <footer>
            <p class="p" style="text-align:right; padding-right:10px;">Open source project by [it0007]. Last updated: 21 Sep 2023</p>
        </footer>
    </body>
</html>