Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

THIS IS NOT TO BE DONE IN PYTHON JUST JAVASCRIPT AND HTML SYST24444 Mobile Web Assignment #2 Assignment #2 (10%) This assignment will be used

THIS IS NOT TO BE DONE IN PYTHON JUST JAVASCRIPT AND HTML

SYST24444 Mobile Web Assignment #2 Assignment #2 (10%) This assignment will be used to further test your knowledge of native JavaScript and Local Storage plus using native JavaScript to retrieve and display JSON data. Follow all details carefully and be sure to follow instructions for submitting your work. Create a mobile web site (Note: Create a new folder to hold all your files/folders). You will need to include: index.html o All necessary links for your JS file, and your CSS file o Updates: Be sure you have a viewport META tag Include your student number-first name in the tags A <strong>folder</strong> to hold other HTML pages (ex. pages) A<strong> folder </strong>to hold stylesheet(s) (ex. css) o Your main stylesheet MUST be called yourUserName.css (ex. doej.css) o It is your choice what to name any other stylesheets A folder to hold your script files (ex. js or scripts) o Your main script file MUST be called yourUserName.js (ex. doej.js) o It is your choice what to name the .js file for the 2 nd page A folder to hold images for the assignment A folder to hold your local JSON file (ex. data) <strong>JSON File Update:</strong> Download A2-JSON.json and place in your in your data folder (or folder you named to hold JSON data) Edit the JSON file and include your personal information where indicated Update the Authors to include 4 authors (at least one dead one) and their image links (do not include any special characters) example: {"authorName" : "Jane Austen", "picture" : "janeAusten.jpg"} Check your JSON file in jsonlint.com to make sure it is still valid after making your changes (optional) Find and Include images included in JSON file in your images folder (Wikimedia Commons is one place to look) <strong>Script setup (yourUserName.js) and start-up:</strong> <strong><strong>On Load:</strong></strong> o Create a Class for your Personal information from the JSON file o Create a Class to use for creating an array of Authors from the JSON file o Use a Fetch call to retrieve the local JSON file o Declare a variable based on your Personal Class (your choice of variable name) and populate using personal information from JSON file o Declare a variable as a new Array() and populate using the Author Class from the JSON file o Declare a variable for the Reference link and populate from the JSON file o Declare a variable that will be used to hold the array index once the user selects an author</p> <p><strong>The layout of this site is for landscape view ONLY:</strong> <strong><strong>Header section</strong></strong> o Displays on load (multiple lines) o Line 1: Assignment #2 / Winter 2023 o Line 2: Name, ID, Login, and Program from JSON data with preceding labels for all fields Personal information MUST be pulled from JSON data Template Literal MUST be used to build output string o MUST include some formatting for header area (your choice) using JavaScript CSS (either multiple .css() or create a CSS class) o Note: Be sure to use an appropriate font size so header lines do not take up too much of the mobile space (for example, do not use <h1> unless you reformat to a smaller font size) <strong>Footer section</strong> o Displays on load the Reference link from the JSON file o MUST include some formatting for footer area (your choice) using JavaScript CSS (either multiple .css() or create a CSS class) o Note: Be sure to use an appropriate font size so header and footer lines do not take up too much of the mobile space (for example, do not use <h1> unless you reformat to a smaller font size) Content section displayed BETWEEN header and footer: <strong>o Landscape view ONLY</strong> Include an instructions line (your choice of wording and formatting) to let the user know to select an author from the list to see more information Display the Author data (both name and picture) in a list (ex. Buttons, anchor tags, etc) Formatting will be a large part of the marks...no scrolling but also no large amounts of whitespace Include a click event on your list items that calls a function passing in the index number of the data in the array When an author is selected, save to local storage: Index of the array item chosen Author array Personal variable Reference variable Proceed to next page <strong>2 <sup>nd</sup> page / Script setup and start-up:</strong> HTML should include (your choice of setup and formatting): o Back button (link back to main page...your choice of location and formatting) o Header section o Footer section o Data section that includes 2 sections side-by-side (ex. grid-area) o Link to a separate .js file (your choice of name) in <head> - optional o Link to separate .css file (your choice of name) in <head> - optional <strong>On Load:</strong> o Declare variables needed for local storage retrieval o Retrieve all local storage saved including: Personal data Author array Index of author chosen Reference link o You will be calling the API: https://openlibrary.org/developers/api Select the Authors API Use the documentation to include a Fetch call for the Author chosen by the user Hint: Pull the authors name from the array using the index and use template literal to build the url similar to what we did with the Weather API in class Use the [0] element ONLY of the JSON file retrieved for the author data to display o Create header and footer EXACTLY the same as on the main page (output and formatting) using the data retrieved from local storage Marks will be deducted if a Fetch call is used to retrieve the local JSON file for displaying data for the header/footer and not the local storage data o For Data section: Include picture of Author chosen in left panel from the array and index Include the following data from the API JSON with preceding labels Author Name: Birth Date: Death Date: (this will show undefined if the author is not dead) Top Work: Format output so no scrolling and also no large amount of whitespace</p> <p><strong>JSON FILE>>></strong></p> <p>{</p> <p>"SheridanData" : {</p> <p>"FullName" : "Enter YOUR full name here",</p> <p>"StudentID" : "Enter YOUR student number here",</p> <p>"UserName" : "Enter YOUR student login here",</p> <p>"Program" : "Enter YOUR program name here"</p> <p>},</p> <p>"Authors" : [</p> <p>{"authorName" : "", "picture" : ""},</p> <p>{"authorName" : "", "picture" : ""},</p> <p>{"authorName" : "", "picture" : "" },</p> <p>{"authorName" : "", "picture" : ""}</p> <p>],</p> <p>"Reference" : "https://openlibrary.org/developers/api"</p> <p>}</p> <p> </p> </div> </section> <section class="answerHolder"> <div class="answerHolderHeader"> <div class="answer-heading"> <h2>Step by Step Solution</h2> </div> <div class="answerReviews"> <div class="starReview"> <div class="starIcon"> </div> <div class="starText"> </div> </div> </div> </div> <div class="answerSteps"> <p>There are <span>3</span> Steps involved in it</p> <div class="step"> <h3>Step: 1</h3> <img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-text-image.webp" width="759" height="271" alt="blur-text-image" loading="lazy" decoding="async" fetchpriority="low"> <div class="step1Popup"> <h3>Get Instant Access to Expert-Tailored Solutions</h3> <p>See step-by-step solutions with expert insights and AI powered tools for academic success</p> <button class="view_solution_btn step1PopupButton">View Solution</button> </div> </div> <div class="step"> <h3 class="accordion">Step: 2</h3> <div class="panel"> <img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-subtext-image.webp" width="975" height="120" alt="blur-text-image" loading="lazy" decoding="async" fetchpriority="low"> <button class="view_solution_btn stepPopupButton">Sign Up to view</button> </div> </div> <div class="step"> <h3 class="accordion">Step: 3</h3> <div class="panel"> <img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-subtext-image.webp" width="975" height="120" alt="blur-text-image" loading="lazy" decoding="async" fetchpriority="low"> <button class="view_solution_btn stepPopupButton">Sign Up to view</button> </div> </div> </div> </section> </div> <div class="expertRight"> <section class="AIRedirect"> <div class="AIHolder"> <h2>Ace Your Homework with AI</h2> <p>Get the answers you need in no time with our AI-driven, step-by-step assistance</p> <a class="AILink" href="/ask_ai">Get Started</a> </div> </section> <section class="relatedBook"> <div class="bookHolder" > <div class="relatedBookHeading" > <h2>Recommended Textbook for</h2> <object class="freeTagImage" type="image/svg+xml" data="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/document_product_info/free.svg" name="free-book-icon"></object> </div> <div class="bookMainInfo" > <div class="bookImage" > <a href="/textbooks/administering-relational-databases-on-microsoft-azure-a-detail-paradigm-to-support-sql-on-azure-cloud-and-dp-300-study-guide-1st-edition-979-8706128029-175825"> <img src="https://dsd5zvtm8ll6.cloudfront.net/si.question.images/book_images/2024/01/6597db262c415_8546597db26240a3.jpg" width="100" height="131" alt="Administering Relational Databases On Microsoft Azure A Detail Paradigm To Support Sql On Azure Cloud And Dp 300 Study Guide" loading="lazy"> </a> </div> <div class="bookInfo" > <h3 class="bookTitle"> <a href="/textbooks/administering-relational-databases-on-microsoft-azure-a-detail-paradigm-to-support-sql-on-azure-cloud-and-dp-300-study-guide-1st-edition-979-8706128029-175825"> Administering Relational Databases On Microsoft Azure A Detail Paradigm To Support Sql On Azure Cloud And Dp 300 Study Guide </a> </h3> <div class="bookMetaInfo" > <p class="bookAuthor"> <b>Authors:</b> <span>Prashanth Jayaram ,Ahmad Yaseen ,Rajendra Gupta</span> </p> <p class="bookEdition"> 1st Edition </p> <p class="bookEdition"> 979-8706128029 </p> </div></div></div> <a href="/textbooks/computer-science-adobe-premiere-pro-2401" class="viewMoreBooks">More Books</a> </div> </section> </div> </div> <section class="relatedQuestion"> <div class="relatedQuestionHolder"> <h4>Students also viewed these Databases questions</h4> <div class="relatedQuestionSliderHolder"> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/will-a-precipitate-of-cdoh2-form-if-10-ml-of" > Will a precipitate of Cd(OH)2 form if 1.0 mL of 1.0 M Cd(NO3)2 is added to 1.0 L of 5.0 M NH3? Cd2+(aq) + 4NH3(aq) Cd(NH3)42+(aq) K = 1.0 107 Cd(OH)2(s) Cd2+(aq) + 2OH-(aq) Ksp = 5.9 10-15 </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/public-static-double-converttoinchesdouble-numfeet-double-numinches-1-when-i-12421098" > public static double convertToInches(double numfeet, double numInches) 1. When I saw this in java, what types of argument should be given(in convertToInches)? </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/industrial-organizational-psychology-understanding-the-workplace/why-do-women-deny-personal-discrimination-2003179" > Why do women deny personal discrimination? </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/how-would-the-metzgars-attorney-likely-have-served-process-the" > How would the Metzgars attorney likely have served process (the summons and complaint) on Playskool, Inc.? Ronald Metzgar placed his fifteen-month-old son, Matthew, awake and healthy, in his playpen.... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/this-is-not-to-be-done-in-python-just-javascript-10522284" > THIS IS NOT TO BE DONE IN PYTHON JUST JAVASCRIPT AND HTML SYST24444 Mobile Web Assignment #2 Assignment #2 (10%) This assignment will be used to further test your knowledge of native JavaScript and... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/timpco-a-retailer-makes-both-cash-and-credit-sales-ie-5411024" > Timpco, a retailer, makes both cash and credit sales (i.e., sales on open account). Information regarding budgeted sales for the last quarter of the year is as follows: Cash sales Credit sales Total... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/a-customer-order-entered-into-a-manufacturing-system-or-distribution-1003544" > A customer order entered into a Manufacturing system or Distribution system will document which the warehouse will need to action. What is the name of this Document? </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/overview-to-become-an-effective-security-analyst-you-need-to-999875" > Overview To become an effective Security Analyst, you need to understand how to use network analysis tools like Wireshark. A carpenter needs to know when to use his table saw vs. when to use his... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/book-an-intro-to-combustion-4th-ed-by-turns-and-1025759" > Book: An Intro to Combustion 4th ed. by Turns and Haworth Write down the 1-step global reaction for propane-air combustion at stoichiometric conditions. The reaction rate (in kmol/ms) of the fuel... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/zara-a-spanish-fashion-giant-has-redefined-fast-fashion-founded-1008222" > ZARA, a Spanish fashion giant, has redefined fast fashion. Founded in 1 9 7 5 by Amancio Ortega, ZARA boasts over 2 , 0 0 0 stores in 9 6 countries, a testament to its rapid global expansion. Their... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/johor-baru-fresh-graduates-face-new-challenges-and-stiff-competition-1008018" > JOHOR BARU: Fresh graduates face new challenges and stiff competition looking for jobs in the coming years due to the economic downturn caused by the Covid-19 pandemic. Universiti Teknologi Malaysia... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/management-information-systems/24-what-is-the-role-of-the-information-systems-function-2116923" > 2-4 What is the role of the information systems function in a business? Describe how the information systems function supports a business. Describe the services provided by information systems... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/management-information-systems/1-what-are-business-processes-how-are-they-related-to-2116921" > 1 What are business processes? How are they related to information systems? Define business processes and describe the role they play in organizations. Explain how information technology and... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/management-information-systems/23-why-are-systems-for-collaboration-and-social-business-so-2116922" > 2-3 Why are systems for collaboration and social business so important and what technologies do they use? Define collaboration and social business, and explain why they have become so important in... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> </div> </div> </section> <hr class="expert-separator"> <div class="next-previous-button"> <div class="navigationButtons"> <a class="previousQuestionButton" href="/study-help/questions/stock-x-has-the-following-data-assuming-the-stock-market-10522283">Previous Question</a> <a class="nextQuestionButton" href="/study-help/questions/which-of-the-following-statements-about-intangible-assets-is-true-10522285">Next Question</a> </div> </div> </div> <div class="promo items-center justify-center hidden" style="margin-left:-15px;"> <div class="app_promo"> <div class="app_promo_headline"> <img class="app_promo_icon" alt="Mobile App Logo" width="40" height="40" loading="lazy" src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/mobile/finalLogo.png"> <p class="app_promo_title font-sans items-center">View Answer in SolutionInn App</p> </div> <button class="app_promo_action redirection question_open_url='q_id=10522284&q_type=2'"> Download on the App Store </button> <button class="btn btn-default app_promo_dismiss"> Continue with the mobile website </button> </div> </div> </main> </div> <div class="blank-portion"></div> <footer> <div class="container footerHolder"> <div class="footerLinksFlex"> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6"> <p>Services</p> <ul> <li><a href="/site-map">Sitemap</a></li> <li><a href="/fun/">Fun</a></li> <li><a href="/study-help/definitions">Definitions</a></li> <li><a href="/tutors/become-a-tutor">Become Tutor</a></li> <li><a href="/study-help/categories">Study Help Categories</a></li> <li><a href="/study-help/latest-questions">Recent Questions</a></li> <li><a href="/study-help/questions-and-answers">Expert Questions</a></li> </ul> </div> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6"> <p>Company Info</p> <ul> <li><a href="/security">Security</a></li> <li><a href="/copyrights">Copyrights</a></li> <li><a href="/privacy">Privacy Policy</a></li> <li><a href="/conditions">Terms & Conditions</a></li> <li><a href="/solutioninn-fee">SolutionInn Fee</a></li> <li><a href="/scholarships">Scholarship</a></li> </ul> </div> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6"> <p>Get In Touch</p> <ul> <li><a href="/about-us">About Us</a></li> <li><a href="/support">Contact Us</a></li> <li><a href="/career">Career</a></li> <li><a href="/jobs">Jobs</a></li> <li><a href="/support">FAQ</a></li> <li><a href="/campus-ambassador-program">Campus Ambassador</a></li> </ul> </div> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-12"> <p>Secure Payment</p> <div class="footerAppDownloadRow"> <div class="downloadLinkHolder"> <img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/common/footer/secure_payment_method.png" class="img-fluid mb-3" width="243" height="28" alt="payment-verified-icon" loading="lazy"> </div> </div> <p>Download Our App</p> <div class="footerAppDownloadRow"> <div class="downloadLinkHolder mobileAppDownload col-md-6 col-lg-6 col-sm-6 col-6 redirection" data-id="1"> <img style="cursor:pointer;" src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/home_page/google-play-svg.svg" alt="SolutionInn - Study Help App for Android" width="116" height="40" class="img-fluid mb-3 " loading="lazy"> </div> <div class="downloadLinkHolder mobileAppDownload col-md-6 col-lg-6 col-sm-6 col-6 redirection" data-id="2"> <img style="cursor:pointer;" src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/home_page/apple-store-download-icon.svg" alt="SolutionInn - Study Help App for iOS" width="116" height="40" class="img-fluid mb-3" loading="lazy"> </div> </div> </div> </div> </div> <div class="footer-bottom"> <p>© 2024 SolutionInn. All Rights Reserved</p> </div></footer> <script> window.addEventListener("load",function(){jQuery(document).ready(function(t){t.ajax({type:"POST",url:"/",data:{trackUserActivity:!0,reqUri:document.URL,referer:document.referrer},success:function(t){}})})},!1),window.addEventListener("load",function(){jQuery(document).ready(function(t){t.ajax({type:"POST",url:"/",data:{insertCrawler:!0,reqUri:document.URL,parseTime:"0.056",queryTime:"0.01654768548584",queryCount:"30"},success:function(t){}})})},!1),window.addEventListener("load",function(){jQuery(document).ready(function(){function t(t="",n=!1){var i="itms-apps://itunes.apple.com/app/id6462455425",e="openApp://action?"+t;isAndroid()?(setTimeout(function(){return window.location="market://details?id=com.solutioninn.studyhelp",!1},25),window.location=e):isIOS()?(setTimeout(function(){return window.location=i,!1},25),window.location=e):(i="https://apps.apple.com/in/app/id6462455425",n&&(i="https://play.google.com/store/apps/details?id=com.solutioninn.studyhelp"),window.open("about:blank","_blank").location.href=i)}jQuery("#appModal").modal("show"),jQuery(".download-app-btn").click(function(){t(jQuery(this).attr("question_open_url"))}),jQuery(".redirection").click(function(){var n=jQuery(this).attr("question_open_url"),i=jQuery(this).attr("data-id");void 0!=n?1==i?t(n,!0):t(n,!1):1==i?t("",!0):t("",!1)}),jQuery(".app-notification-close").click(function(){jQuery(".app-notification-section").css("visibility","hidden");var t=new FormData;t.append("hide_notification",!0),jQuery.ajax({type:"POST",url:"/",data:t,cache:!1,contentType:!1,processData:!1,beforeSend:function(){},success:function(t){location.reload()}})})})},!1); </script> </body> </html>