Adding website to git so other community members can help improve it.…

… Resolves issue #136.
VanceVagell · Dec 23, 2024 · 307a40e · 307a40e
1 parent 65eb598
commit 307a40e
Show file tree

Hide file tree

Showing 96 changed files with 5,282 additions and 0 deletions.
diff --git a/website-src/app.html b/website-src/app.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<head>
+<meta http-equiv="refresh" content="0; url=https://play.google.com/store/apps/details?id=com.vagell.kv4pht" />
+</head>
+<body>
+</body>
diff --git a/website-src/base.css b/website-src/base.css
@@ -0,0 +1,210 @@
+/* CSS reset */
+
+html {
+  box-sizing: border-box;
+  font-size: 16px;
+}
+
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+
+body, h1, h2, h3, h4, h5, h6, p {
+  margin: 0;
+  padding: 0;
+  font-weight: normal;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+/* Actual styles below */
+body, html {
+    height: 100%;
+    margin: 0;
+    font-family: Jost, sans-serif;
+    background-color: #F8F8F8;
+	color: #1F1E1A;
+	font-size: 18px;
+	line-height: 2.5em;
+	overflow: hidden;
+}
+
+.light-subtitle {
+	font-style: italic;
+	color: #1F1E1A;
+	font-size: 22px;
+	opacity: 0.8;
+	margin-top: -6px;
+}
+
+.container {
+    display: grid;
+    grid-template-columns: 200px 1fr;
+    height: 100%;
+}
+
+nav {
+	display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    height: 100vh;
+    padding: 36px 20px 20px 20px;
+	line-height: 2em;
+	font-size: 18px;
+	background-color: #EEE;
+}
+
+nav img {
+	border-radius: 16px;
+	width: 128px;
+	height: 128px;
+	margin-bottom: 24px;
+}
+
+nav ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+nav ul li a {
+    color: #1F1E1A;
+    text-decoration: none;
+    display: block;
+}
+
+nav li a {
+    color: #1F1E1A;
+	opacity: 0.8;
+}
+
+nav li a.selected {
+	font-weight: 500;
+	opacity: 1.0;
+}
+
+.copyright {
+	font-size: 14px;
+	opacity: 0.8;
+	margin-top: auto;
+    padding-top: 20px;
+}
+
+main {
+    display: flex;
+    flex-direction: column;
+	height: 100vh;
+	overflow: auto;
+}
+
+.main-content-area {
+	margin: 16px 0 128px 0;
+	max-width: 1280px;
+}
+
+.main-content-area ul li {
+	margin-bottom: 16px;
+}
+
+.main-content-area.compact-lists ol>li {
+	margin-top: 8px;
+	line-height: 1.5em;	
+	position: relative;
+}
+
+.main-content-area.compact-lists ul li {
+	margin-bottom: 0px;
+	line-height: 1.5em;
+}
+
+header {
+    padding: 20px 20px 0 20px;
+}
+
+header h1 {
+	font-size: 38px;
+	font-weight: 500;
+}
+
+header p {
+	font-size: 26px;
+}
+
+.content {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+    gap: 32px;
+    margin: 20px;
+	min-width: 1280px;
+}
+
+.feature-box {
+    text-align: center;
+}
+
+.feature-box.video {
+	grid-column: 1 / 6;
+}
+
+.feature-box p {
+	font-style: italic;
+	margin-top: -16px;
+	line-height: 1.2em;
+}
+
+.feature-box img {
+    height: 500px;
+    margin-bottom: 10px;
+	border-radius: 32px;
+	box-shadow: 0 0 10px 0 #e5e5e5;
+	display: inline-block;
+}
+
+.description-box {
+	text-align: left;
+	line-height: 1.4em;
+	grid-column: 1 / 4;
+}
+
+.description-box h2 {
+	font-size: 32px;
+	font-weight: 500;
+	margin: 16px 0;
+}
+
+#features {
+	text-align: left;
+	grid-column: 4 / 6;
+}
+
+.description-box p {
+	margin-bottom: 16px;
+}
+
+.action-box {
+	margin-top: 48px;
+	grid-column: 1 / 4;
+	text-align: center;
+}
+
+.action-box a {
+	display: inline-block;
+	padding: 16px 64px;
+	font-size: 26px;
+	font-weight: 500;
+	color: #FFF;
+	background-color: #AD5642;
+	border-radius: 16px;
+	text-decoration: none;
+	box-shadow: 0 0 6px 0 #999;
+}
+
+button, a {
+	font-family: 'Jost', sans-serif;
+}
+
+h1 + p {
+	margin-top: 16px;
+}
diff --git a/website-src/contribute.css b/website-src/contribute.css
@@ -0,0 +1,24 @@
+.main-content-area {
+	padding: 0 32px;
+	max-width: 800px;
+}
+
+.main-content-area p {
+	line-height: 1.5em;
+}
+
+.main-content-area li {
+	line-height: 1.5em;
+}
+
+.main-content-area ul li {
+	margin-bottom: 16px;
+}
+
+.main-content-area h1 {
+	margin-top: 24px;
+}
+
+.main-content-area h2 {
+	margin-top: 16px;
+}
diff --git a/website-src/contribute.html b/website-src/contribute.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Contribute - kv4p HT</title>
+	<link rel="icon" type="image/x-icon" href="img/favicon-16x16.png">
+
+    <!-- kv4p HT is an open source project, I'm not selling anything or showing ads. I use Google Analytics only to understand how people are using the website. - KV4P -->
+	<!-- Google tag (gtag.js) -->
+	<script async src="https://www.googletagmanager.com/gtag/js?id=G-485V3MK16Y"></script>
+	<script>
+	  window.dataLayer = window.dataLayer || [];
+	  function gtag(){dataLayer.push(arguments);}
+	  gtag('js', new Date());
+
+	  gtag('config', 'G-485V3MK16Y');
+	</script>
+
+	<link rel="stylesheet" href="base.css">
+	<link rel="stylesheet" href="contribute.css">
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+	<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+</head>
+<body>
+    <div class="container">
+        <nav>
+			<a href="index.html">
+				<img src="img/icon-lg-dark.png" alt="App icon for kv4p HT, a white handheld radio on a black background">
+			</a>
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="quick_start.html">Quickstart</a></li>
+                <li><a href="contribute.html" class="selected">Contribute</a></li>
+                <li><a href="updates.html">Release notes</a></li>
+                <li><a href="feedback.html">Feedback</a></li>
+				<li><a href="testing.html">Testing</a></li>
+				<li><a href="donate.html">Donate</a></li>
+            </ul>
+			<p class="copyright">&copy; 2024 <a href="https://www.qrz.com/db/kv4p" target="_new">Vance Vagell</a></p>
+        </nav>
+        <main>
+			<div class="main-content-area">
+				<h1>Overview</h1>
+				<p>
+				I welcome contributions to this project! Or feel free to just fork it and make your own version, so long as you release the full source code (kv4p HT is licensed under <a href="https://www.gnu.org/licenses/gpl-3.0.en.html#license-text" target="_new">GPL3</a>).
+				</p>
+				<h1>Discord</h1>
+				<p>There is a <a href="https://discord.gg/WKTEhuEZhp" target="_new">kv4p HT Discord contributor channel</a> to ask more technical questions, share ideas, or just discuss the project.</p>
+				<h1>Project files</h1>
+				<ul>
+					<li>Tinkercad 3D printer designs: <a href="https://www.tinkercad.com/things/cwNcvy6ERiB-sleek-kv4p-ht-case" target="_new">case</a>, <a href="https://www.tinkercad.com/things/erENnWnwz09-sleek-kv4p-ht-stand" target="_new">stand</a></li>
+					<li>EasyEDA <a href="https://oshwlab.com/vvagell/kv4p-ht_copy_copy" target="_new">PCB design</a></li>
+					<li><a href="https://github.com/VanceVagell/kv4p-ht" target="_new">Github project</a> (Android and ESP32 source, .STL 3D print designs, PCB files)</li>
+					<ul>
+						<li>NOTE: For the ESP32 app use Arduino IDE, and these settings:</li>
+						<ul>
+							<li>Board: Install v2.0.17 of <b>esp32</b> by Espressif Systems from Boards Manager - DO NOT use newer versions, the code is not compatible with the API changes that were made. The board may not be auto-detected when plugged in, make sure it says <i>ESP32 Dev Module</i> in the drop-down at the top of the IDE or select it manually.</li>
+							<li>Library: EspSoftwareSerial (8.1.0) - get this from the built-in library installer</li>
+							<li>Library: <a href="https://github.com/fatpat/arduino-dra818/releases/tag/v1.0.1" target="_new">arduino-dra818 v1.0.1</a> - DO NOT use version 1.0.0 that's included in Arduino package installer, it's old and broken. Install with <i>Sketch > Include Library > Add .ZIP Library.</i></li>
+							<li>Configuration: Choose <i>Tools > Events Run On > Core 0</i> so audio processing interrupts run on a separate thread for maximum stability.</li>
+						</ul>
+					</ul>
+				</ul>
+				<h1>Contribution ideas</h1>
+				<p>There are dozens of great project ideas for how you can help kv4P HT. Check out the <a href="https://github.com/VanceVagell/kv4p-ht/issues" target="_new">enhnancement requests and bugs</a> in the GitHub project.</p>
+				<h1>Overview docs</h1>
+				<ul>
+					<li><a href="https://docs.google.com/document/d/1hrF1S9hgp2G4o_5u1upVB2yBLNHKhvh6hwXB1uhMeoc/edit?usp=sharing" target="_new">Guiding principles for contributors</a></li>
+				</ul>
+			</div>
+        </main>
+    </div>
+</body>
+</html>
diff --git a/website-src/donate.css b/website-src/donate.css
@@ -0,0 +1,9 @@
+.main-content-area {
+	padding: 32px 32px;
+	max-width: 800px;
+	line-height: 1.5em;
+}
+
+.main-content-area img {
+	margin-top: 32px;
+}
diff --git a/website-src/donate.html b/website-src/donate.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Release notes - kv4p HT</title>
+	<link rel="icon" type="image/x-icon" href="img/favicon-16x16.png">
+
+    <!-- kv4p HT is an open source project, I'm not selling anything or showing ads. I use Google Analytics only to understand how people are using the website. - KV4P -->
+	<!-- Google tag (gtag.js) -->
+	<script async src="https://www.googletagmanager.com/gtag/js?id=G-485V3MK16Y"></script>
+	<script>
+	  window.dataLayer = window.dataLayer || [];
+	  function gtag(){dataLayer.push(arguments);}
+	  gtag('js', new Date());
+
+	  gtag('config', 'G-485V3MK16Y');
+	</script>
+
+	<link rel="stylesheet" href="base.css">
+	<link rel="stylesheet" href="donate.css">
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+	<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+</head>
+<body>
+    <div class="container">
+        <nav>
+			<a href="index.html">
+				<img src="img/icon-lg-dark.png" alt="App icon for kv4p HT, a white handheld radio on a black background">
+			</a>
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="quick_start.html">Quickstart</a></li>
+                <li><a href="contribute.html">Contribute</a></li>
+                <li><a href="updates.html">Release notes</a></li>
+                <li><a href="feedback.html">Feedback</a></li>
+				<li><a href="testing.html">Testing</a></li>
+				<li><a href="donate.html" class="selected">Donate</a></li>
+            </ul>
+			<p class="copyright">&copy; 2024 <a href="https://www.qrz.com/db/kv4p" target="_new">Vance Vagell</a></p>
+        </nav>
+        <main>
+			<div class="main-content-area">
+				<p><b>kv4p HT is 100% free and open source, and doesn't accept donations.</b> But it would make me super happy, if you enjoy the project, if you sent a few dollars to Hope Animal Rescue:</p>
+				<p><a href="https://www.hopeanimals.org/" target="_new"><img src="img/HAR_logo_main-cropped.svg" width="480px" alt="Logo of Hope Animal Rescue charity, showing a cute dog illustration."></a></p>
+			</div>
+        </main>
+    </div>
+</body>
+</html>
diff --git a/website-src/esp-web-tools/dist/components/ew-checkbox.d.ts b/website-src/esp-web-tools/dist/components/ew-checkbox.d.ts
@@ -0,0 +1,9 @@
+import { Checkbox } from "@material/web/checkbox/internal/checkbox.js";
+declare global {
+    interface HTMLElementTagNameMap {
+        "ew-checkbox": EwCheckbox;
+    }
+}
+export declare class EwCheckbox extends Checkbox {
+    static styles: import("lit").CSSResult[];
+}