-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #2 from CKegel/dev
Added callsign marking and restructed in preperation for decoding.
- Loading branch information
Showing
6 changed files
with
205 additions
and
49 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css"> | ||
<link rel="stylesheet" href="./style.css"> | ||
<title>Web-SSTV</title> | ||
</head> | ||
<nav class="container"> | ||
<ul> | ||
<li><strong><a href="./index.html" class="contrast">Web SSTV</a></strong></li> | ||
</ul> | ||
<ul> | ||
<li><a href="./encode.html">Encode</a></li> | ||
<li><a href="./decode.html" class="contrast">Decode</a></li> | ||
<li><a href="./learn.html">Learn</a></li> | ||
</ul> | ||
</nav> | ||
<body> | ||
<main class="container"> | ||
<h4>Stand by for SSTV decoding (coming soon...)</h4> | ||
</main> | ||
<footer class="container"> | ||
<small>SSTV signal decoding and more encoding modes coming soon.</small> | ||
<br> | ||
<small><a href="https://github.com/CKegel/Web-SSTV/">Check out the project on Github</a></small> | ||
<br> | ||
<small>© 2023 Christian Kegel - Available under the MIT License</small> | ||
</footer> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,65 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css"> | ||
<link rel="stylesheet" href="./style.css"> | ||
<title>Web-SSTV</title> | ||
</head> | ||
<nav class="container"> | ||
<ul> | ||
<li><strong><a href="./index.html" class="contrast">Web SSTV</a></strong></li> | ||
</ul> | ||
<ul> | ||
<li><a href="./encode.html" class="contrast">Encode</a></li> | ||
<li><a href="./decode.html">Decode</a></li> | ||
<li><a href="./learn.html">Learn</a></li> | ||
</ul> | ||
</nav> | ||
<body> | ||
<main class="container"> | ||
<label id="modeLabel" for="modeSelect">Select a mode:</label> | ||
<select id="modeSelect"> | ||
<option value="none" selected disabled hidden>No mode selected</option> | ||
<option value="none" disabled>--- Martin ---</option> | ||
<option value="M1">Martin M1</option> | ||
<option value="M2">Martin M2</option> | ||
<option value="none" disabled>--- Scottie ---</option> | ||
<option value="S1">Scottie 1</option> | ||
<option value="S2">Scottie 2</option> | ||
<option value="SDX">Scottie DX</option> | ||
<option value="none" disabled>--- PD ---</option> | ||
<option value="PD50">PD-50</option> | ||
<option value="PD90">PD-90</option> | ||
</select> | ||
|
||
<label id="imgLabel" for="imgPicker">Upload an image:</label> | ||
<input type="file" name="imgPicker" id="imgPicker" disabled /> | ||
<center id="imgArea" class="container"> | ||
<canvas id="imgCanvas" width="320" height="256"></canvas> | ||
<br> | ||
<span id="warningText"></span> | ||
</center> | ||
<div id="callSignControls"> | ||
<label id="callSignLabel" for="callSign">Enter your callsign (optional):</label> | ||
<input type="text" name="callSign" id="callSign" placeholder="Call Sign" /> | ||
<label id="callSignLocationLabel" for="callSignLocation">Call Sign Location:</label> | ||
<select id="callSignLocation"> | ||
<option value="top-left" selected>Top Left</option> | ||
<option value="bottom-left" >Bottom Left</option> | ||
</select> | ||
</div> | ||
<button id="startButton" class="contrast" disabled>Encode</button> | ||
|
||
</main> | ||
<footer class="container"> | ||
<small>SSTV signal decoding and more encoding modes coming soon.</small> | ||
<br> | ||
<small><a href="https://github.com/CKegel/Web-SSTV/">Check out the project on Github</a></small> | ||
<br> | ||
<small>© 2023 Christian Kegel - Available under the MIT License</small> | ||
</footer> | ||
</body> | ||
<script src="./encode.js"></script> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,35 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css"> | ||
<link rel="stylesheet" href="./style.css"> | ||
<title>Web-SSTV</title> | ||
</head> | ||
<nav class="container"> | ||
<ul> | ||
<li><strong><a href="./index.html" class="contrast">Web SSTV</a></strong></li> | ||
</ul> | ||
<ul> | ||
<li><a href="./encode.html">Encode</a></li> | ||
<li><a href="./decode.html">Decode</a></li> | ||
<li><a href="./learn.html" class="contrast">Learn</a></li> | ||
</ul> | ||
</nav> | ||
<body> | ||
<main class="container"> | ||
<h4>Educational resources coming soon!</h4> | ||
<p>For now, be sure to check out JL Barber's (N7CXI) <a href="http://www.barberdsp.com/downloads/Dayton%20Paper.pdf">Proposal for SSTV Mode specifications</a>, it was instrumental in the creation of Web-SSTV</p> | ||
</main> | ||
|
||
<footer class="container"> | ||
<small>SSTV signal decoding and more encoding modes coming soon.</small> | ||
<br> | ||
<small><a href="https://github.com/CKegel/Web-SSTV/">Check out the project on Github</a></small> | ||
<br> | ||
<small>© 2024 Christian Kegel - Available under the MIT License</small> | ||
</footer> | ||
</body> | ||
<script src="./encode.js"></script> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -4,4 +4,12 @@ | |
#imgArea { | ||
padding: 10px; | ||
color: red; | ||
} | ||
|
||
.rounded { | ||
border-radius: 10px; | ||
} | ||
|
||
li { | ||
font-size: 32px; | ||
} |