Added faq page, updated navigation and about page

This commit is contained in:
Eugene Serb 2022-06-21 12:08:07 +03:00
parent 179d2e2c0b
commit 9e3f9ff908
3 changed files with 172 additions and 10 deletions

View File

@ -77,9 +77,15 @@
<li class="navigation__item">
<a href="https://wavelovers.ru/" target="_self" class="navigation__link">Home</a>
</li>
<li class="navigation__item">
<a href="https://wavelovers.ru/faq.html" target="_self" class="navigation__link">FAQ</a>
</li>
<li class="navigation__item">
<a href="https://wavelovers.ru/about.html" target="_self" class="navigation__link">About</a>
</li>
<li class="navigation__item">
<a href="https://wavelovers.ru/about.html#donate" target="_self" class="navigation__link">Donate</a>
</li>
</ul>
</nav>
</div>
@ -101,21 +107,21 @@
<span>Visit my homepage: </span>
<a href="https://eugene-serb.github.io/" target="_blank">eugene-serb.github.io</a>
</div>
<div class="content-item">
<div id="donate" class="content-item">
<h2 class="content-item__header">Donate</h2>
<p>If you like this app, you can thank me and donate to me.</p>
<span>If you like this app, you can thank me and donate to me.</span><br /><br />
<span>Why should you donate to Wavelovers?</span><br />
<span>More donation = more money</span><br />
<span>More money allows me buy more coffee</span><br />
<span>More coffee makes me write more code</span><br />
<span>More code means more features</span><br />
<span>More features make you more happiness and productive</span><br />
<span>More happiness and productive so you earn more money</span><br />
<span>More money you earn more donation to me</span><br />
<br />
<span>Bitcoin: </span>
<a href="bitcoin:BC1QSPZGJ7XRF099S2EJ8F5ZMM52XU0WKFURPEZNY5" target="_blank" class="link_hash">BC1QSPZGJ7XRF099S2EJ8F5ZMM52XU0WKFURPEZNY5</a>
</div>
<div class="content-item">
<h2 class="content-item__header">System Requirements and Troubleshooting</h2>
<span>Browser: Google Chrome and other Chromium based browser.</span><br />
<span>OS: Windows 7 or later.</span>
<br /><br />
<span>If you are having difficulty detecting a gamepad by the browser, you can use the utility</span>
<a href="https://eugene-serb.github.io/gamepad-master/" target="_blank">Gamepad Master</a>
</div>
</div>
</main>

150
faq.html Normal file
View File

@ -0,0 +1,150 @@
<!DOCTYPE html>
<html lang="en-us" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Wavelovers FAQ</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="light dark" />
<meta name="robots" content="all" />
<link rel="canonical" href="https://wavelovers.ru/" />
<link rel="shortcut icon" type="image/x-icon" href="https://wavelovers.ru/img/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="https://wavelovers.ru/img/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="https://wavelovers.ru/img/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="https://wavelovers.ru/img/favicon-16x16.png" />
<link rel="manifest" href="https://wavelovers.ru/site.webmanifest" />
<link rel="stylesheet" type="text/css" href="https://wavelovers.ru/css/styles.css" />
<meta name="author" content="Eugene Serb" />
<meta name="copyright" content="Wavelovers, 2022" />
<meta name="publisher-email" content="eugene.serb@gmail.com" />
<meta name="publisher-url" content="https://eugene-serb.github.io/" />
<meta name="keywords" content="Wavelovers, Wave Lovers, Wavemaster, Wave Master, Vibration Master, Vibration, Gamepad, Gamepad Vibration, Vibrate Gamepad, Phone Vibration, Gamepad Tester, Phone Vibration Tester, Vibration Tester, Massager, Vibrator, Relax, геймпад, джойстик, вибратор, вибромассажер, вибро, вибромассажёр из геймпада, тестер вибрации геймпада, тестер вибрации телефона" />
<meta name="description" content="Wavelovers. Use your device vibration correctly. Make a massager out of a gamepad." />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Wavelovers FAQ" />
<meta property="og:site_name" content="Wavelovers" />
<meta property="og:description" content="Wavelovers. Use your device vibration correctly. Make a massager out of a gamepad." />
<meta property="og:url" content="https://wavelovers.ru/" />
<meta property="og:image" content="https://wavelovers.ru/img/og.png" />
<meta property="vk:image" content="https://wavelovers.ru/img/og.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@eugene_serb" />
<meta name="twitter:title" content="Wavelovers FAQ" />
<meta name="twitter:description" content="Wavelovers. Use your device vibration correctly. Make a massager out of a gamepad." />
<meta name="twitter:image" content="https://wavelovers.ru/img/og.png" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-59FM5E4MVD"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-59FM5E4MVD');
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (m, e, t, r, i, k, a) {
m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
m[i].l = 1 * new Date(); k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(89252711, "init", {
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true
});
</script>
<!-- /Yandex.Metrika counter -->
</head>
<body>
<header class="header">
<div class="header-wrapper container">
<div class="logo-wrapper">
<span class="logo-wrapper__logo">Wavelovers</span>
</div>
<nav class="menu-wrapper">
<ul class="navigation">
<li class="navigation__item">
<a href="https://wavelovers.ru/" target="_self" class="navigation__link">Home</a>
</li>
<li class="navigation__item">
<a href="https://wavelovers.ru/faq.html" target="_self" class="navigation__link">FAQ</a>
</li>
<li class="navigation__item">
<a href="https://wavelovers.ru/about.html" target="_self" class="navigation__link">About</a>
</li>
<li class="navigation__item">
<a href="https://wavelovers.ru/about.html#donate" target="_self" class="navigation__link">Donate</a>
</li>
</ul>
</nav>
</div>
</header>
<main class="page container">
<h1 class="visually-hidden">Wavelovers FAQ</h1>
<div class="wavelovers">
<div class="content-item">
<h2 class="content-item__header">FAQ</h2>
<span>What is the purpose of this software?</span><br />
<span>Everyone decides for himself, but can be used as a gamepad vibration tester, or as a hand massager.</span><br /><br />
<span>Can I use this software as a hand massager?</span><br />
<span>Yes of course. If you use this as a massager, then before the session I recommend consulting with a doctor.</span><br /><br />
<span>I have a gamepad with vibration, what should I do before using it as a hand massager?</span><br />
<span>I recommend checking the device for correct operation, mechanical damage, and be sure to use an antiseptic.</span><br /><br />
<span>I'm having problems with the app or connecting my device to the app?</span><br />
<span>Go to Troubleshooting.</span><br /><br />
</div>
<div class="content-item">
<h2 class="content-item__header">Troubleshooting</h2>
<span>If you are having difficulty detecting a gamepad by the browser, you can use the utility</span>
<a href="https://eugene-serb.github.io/gamepad-master/" target="_blank">Gamepad Master</a><br /><br />
<span>The app does not see my device.</span><br />
<span>Make sure you have a chromium-based browser, then update the app and reconnect your device.</span><br /><br />
<span>The application sees the gamepad, but writes that the vibration actuator is missing.</span><br />
<span>This problem is specific to mozilla firefox browser and d-input mode. Check the system requirements before using the software.</span><br /><br />
<span>My question is not here.</span><br />
<span>Write me </span><a href="mailto:eugene.serb@gmail.com" target="_blank">eugene.serb@gmail.com</a><br /><br />
</div>
<div class="content-item">
<h2 class="content-item__header">System Requirements</h2>
<span>Browser: Google Chrome and other Chromium based browser.</span><br />
<span>OS: Windows 7 or later.</span><br />
<span>Gamepad: with X-Input.</span>
</div>
</div>
</main>
<footer class="footer">
<div class="footer-wrapper container">
<div class="annotation">
<span class="annotation__text">© 2022 Wavelovers. Content licensed under </span><a href="https://wavelovers.ru/LICENSE.md" target="_blank">GNU General Public License v3.0</a><br>
<span class="annotation__text">This site is open source. </span><a href="https://github.com/eugene-serb/wavelovers/" target="_blank">Improve this page.</a>
</div>
<div class="annotation created-by">
<span class="annotation__text">Created by</span><a href="https://eugene-serb.github.io/" target="_blank">Eugene Serb.</a>
</div>
</div>
</footer>
<script src="https://eugene-serb.github.io/js/scripts.js"></script>
<noscript><div><img src="https://mc.yandex.ru/watch/89252711" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
</body>
</html>

View File

@ -77,6 +77,12 @@
<li class="navigation__item">
<a href="https://wavelovers.ru/" target="_self" class="navigation__link">Home</a>
</li>
<li class="navigation__item">
<a href="https://wavelovers.ru/faq.html" target="_self" class="navigation__link">FAQ</a>
</li>
<li class="navigation__item">
<a href="https://wavelovers.ru/about.html#donate" target="_self" class="navigation__link">Donate</a>
</li>
<li class="navigation__item">
<a href="https://wavelovers.ru/about.html" target="_self" class="navigation__link">About</a>
</li>