From 2ffdea626c73e347fc94d119d060c4879161cfbd Mon Sep 17 00:00:00 2001
From: n3mel <n3mel.epa@gmail.com>
Date: Fri, 4 Sep 2026 18:10:03 -0400
Subject: [PATCH] Upload files to "General"

---
 General/winlink_checkin.html | 382 +++++++++++++++++++++++++++++++++++
 1 file changed, 382 insertions(+)
 create mode 100644 General/winlink_checkin.html
diff --git a/General/winlink_checkin.html b/General/winlink_checkin.html
new file mode 100644
index 0000000..96e9af1
--- /dev/null
+++ b/General/winlink_checkin.html
@@ -0,0 +1,382 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Winlink Check-in (Official Format - Packet Radio)</title>
+  <style>
+    * { box-sizing: border-box; }
+    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, monospace; background: #f0f4f8; color: #222; padding: 20px; margin: 0; }
+    .container { max-width: 920px; margin: 0 auto; background: #fff; padding: 24px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
+    .header { background: #137333; color: white; padding: 12px; border-radius: 6px; text-align: center; margin-bottom: 18px; }
+    .header h2 { margin: 0; font-size: 1.3rem; letter-spacing: 1px; }
+    .header p { margin: 4px 0 0 0; font-size: 0.85rem; opacity: 0.9; }
+    fieldset { border: 1px solid #a8dab5; border-radius: 6px; padding: 14px; margin-bottom: 14px; background: #f9fdfa; }
+    legend { font-weight: bold; padding: 0 8px; font-size: 0.85rem; color: #0d5a27; }
+    .row { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 10px; }
+    .col { flex: 1; min-width: 140px; display: flex; flex-direction: column; }
+    .label-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
+    label { font-size: 0.8rem; font-weight: 600; color: #333; }
+    input[type="text"], textarea, select { padding: 7px 8px; font-size: 0.88rem; border: 1px solid #999; border-radius: 4px; font-family: inherit; width: 100%; }
+    textarea { resize: vertical; min-height: 70px; }
+    .btn-now { background: #4a5568; color: #fff; padding: 4px 8px; font-size: 0.72rem; border-radius: 4px; border: none; cursor: pointer; }
+    .btn-now:hover { background: #2d3748; }
+    .actions { display: flex; gap: 10px; margin: 18px 0; }
+    button.main-btn { flex: 1; padding: 12px; font-size: 0.95rem; font-weight: bold; border: none; border-radius: 6px; cursor: pointer; }
+    .btn-generate { background: #137333; color: #fff; }
+    .btn-generate:hover { background: #0d5a27; }
+    .btn-save { background: #5c6bc0; color: #fff; }
+    .btn-save:hover { background: #3f51b5; }
+    .btn-copy { background: #2e7d32; color: #fff; }
+    .btn-copy:hover { background: #1b5e20; }
+    .btn-clear { background: #c62828; color: #fff; flex: 0.35; }
+    pre { background: #181c20; color: #39ff14; padding: 14px; border-radius: 6px; overflow-x: auto; font-family: "Courier New", Courier, monospace; font-size: 0.84rem; line-height: 1.35; min-height: 150px; }
+    .nav-bar { margin-bottom: 12px; font-size: 0.85rem; }
+    .nav-bar a { color: #137333; text-decoration: none; font-weight: bold; }
+  
+    /* Modal Save Dialog Window */
+    .save-modal-backdrop {
+      display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
+      background: rgba(0,0,0,0.55); z-index: 99999; justify-content: center; align-items: center;
+    }
+    .save-modal-backdrop.active { display: flex; }
+    .save-modal-window {
+      background: #ffffff; padding: 24px 28px; border-radius: 10px; width: 92%; max-width: 480px;
+      box-shadow: 0 10px 30px rgba(0,0,0,0.3); border: 1px solid #cbd5e1; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    }
+    .save-modal-window h3 { margin: 0 0 8px 0; font-size: 1.25rem; color: #1e293b; font-weight: bold; }
+    .save-modal-window p { margin: 0 0 16px 0; font-size: 0.88rem; color: #64748b; line-height: 1.4; }
+    .save-modal-window input[type="text"] {
+      width: 100%; padding: 10px 12px; font-size: 0.95rem; border: 2px solid #94a3b8; border-radius: 6px;
+      margin-bottom: 20px; font-family: inherit; box-sizing: border-box; text-transform: none;
+    }
+    .save-modal-window input[type="text"]:focus { border-color: #2563eb; outline: none; }
+    .save-modal-actions { display: flex; gap: 10px; justify-content: flex-end; }
+    .save-modal-btn { padding: 9px 18px; font-size: 0.9rem; font-weight: bold; border-radius: 6px; border: none; cursor: pointer; }
+    .save-modal-btn-confirm { background: #2563eb; color: #ffffff; }
+    .save-modal-btn-confirm:hover { background: #1d4ed8; }
+    .save-modal-btn-cancel { background: #e2e8f0; color: #334155; }
+    .save-modal-btn-cancel:hover { background: #cbd5e1; }
+
+  </style>
+</head>
+<body>
+<div class="container">
+  <div class="nav-bar"><a href="../index.html">&larr; Back to Packet Forms Hub</a></div>
+  <div class="header">
+    <h2>WINLINK CHECK-IN</h2>
+    <p>Official Winlink Check-in Form (Packet / BBS ASCII Format)</p>
+  </div>
+
+  <form id="checkinForm" onsubmit="event.preventDefault(); return false;">
+    <fieldset>
+      <legend>1. STATION INFORMATION</legend>
+      <div class="row">
+        <div class="col">
+          <div class="label-row">
+            <label for="dtZulu">a. Date / Time (UTC)</label>
+            <button type="button" class="btn-now" id="btnDateNow">Current UTC</button>
+          </div>
+          <input type="text" id="dtZulu" placeholder="YYYY-MM-DD HHMMZ">
+        </div>
+        <div class="col" style="flex: 2;"><label for="msgTo">b. To (Callsigns / Emails; semicolon separated)</label><input type="text" id="msgTo" placeholder="NCS; WINLINKNET"></div>
+      </div>
+      <div class="row">
+        <div class="col"><label for="msgSender">c. From (Callsign)</label><input type="text" id="msgSender" placeholder="N0CALL"></div>
+        <div class="col"><label for="contactName">d. Station Contact Name</label><input type="text" id="contactName" placeholder="Operator Name / Authority"></div>
+        <div class="col"><label for="assigned">e. Initial Operator(s)</label><input type="text" id="assigned" placeholder="Callsign(s) on site"></div>
+        <div class="col"><label for="exId">Optional Exercise ID</label><input type="text" id="exId" placeholder="e.g. SHAKEOUT"></div>
+      </div>
+    </fieldset>
+
+    <fieldset>
+      <legend>2. SESSION CONFIGURATION</legend>
+      <div class="row">
+        <div class="col">
+          <label for="sessType">a. Type</label>
+          <select id="sessType">
+            <option value="EXERCISE" selected>EXERCISE</option>
+            <option value="REAL EVENT">REAL EVENT</option>
+          </select>
+        </div>
+        <div class="col">
+          <label for="service">b. Service</label>
+          <select id="service">
+            <option value="AMATEUR" selected>AMATEUR (FCC Part 97)</option>
+            <option value="SHARES">SHARES (NTIA)</option>
+          </select>
+        </div>
+        <div class="col">
+          <label for="band">c. Band</label>
+          <select id="band">
+            <option value="NA">NA / Not Applicable</option>
+            <option value="Telnet" selected>Telnet</option>
+            <option value="HF">HF (3-30 MHz)</option>
+            <option value="VHF">VHF (30-300 MHz)</option>
+            <option value="UHF">UHF (300-3000 MHz)</option>
+            <option value="SHF">SHF (3 GHz+)</option>
+          </select>
+        </div>
+        <div class="col">
+          <label for="session">d. Mode / Session</label>
+          <select id="session">
+            <option value="Packet (AX.25)">Packet (AX.25)</option>
+            <option value="VARA FM">VARA FM</option>
+            <option value="VARA HF">VARA HF</option>
+            <option value="Telnet" selected>Telnet</option>
+            <option value="Pactor">Pactor</option>
+            <option value="Ardop">Ardop</option>
+            <option value="Robust Packet">Robust Packet</option>
+            <option value="Mesh (AREDN)">Mesh (AREDN)</option>
+            <option value="Iridium Go">Iridium Go</option>
+          </select>
+        </div>
+      </div>
+    </fieldset>
+
+    <fieldset>
+      <legend>3. LOCATION</legend>
+      <div class="row">
+        <div class="col" style="flex: 2;"><label for="location">a. Location Descriptor</label><input type="text" id="location" placeholder="e.g. Travis County EOC, Shelter Parking Lot"></div>
+      </div>
+      <div class="row">
+        <div class="col"><label for="lat">b. Latitude (Decimal)</label><input type="text" id="lat" placeholder="e.g. 30.2672"></div>
+        <div class="col"><label for="lon">c. Longitude (Decimal)</label><input type="text" id="lon" placeholder="e.g. -97.7431"></div>
+        <div class="col"><label for="mgrs">d. MGRS</label><input type="text" id="mgrs" placeholder="e.g. 14RPU12345678"></div>
+        <div class="col" style="max-width: 120px;"><label for="grid">e. Grid Square</label><input type="text" id="grid" placeholder="EM10dj"></div>
+      </div>
+    </fieldset>
+
+    <fieldset>
+      <legend>4. COMMENTS (Max 500 characters)</legend>
+      <textarea id="comments" rows="3" maxlength="500" placeholder="Power source (battery/generator), traffic on hand, weather status, relief schedule..."></textarea>
+    </fieldset>
+
+    <div class="actions">
+      <button type="button" class="main-btn btn-generate" id="btnGen">Generate Packet ASCII</button>
+      <button type="button" class="main-btn btn-save" id="btnSaveHtml">Save as HTML</button>
+      <button type="button" class="main-btn btn-copy" id="btnCopy">Copy ASCII</button>
+      <button type="button" class="main-btn btn-clear" id="btnClear">Reset</button>
+    </div>
+  </form>
+
+  <label style="font-weight:bold;">Formatted ASCII for Packet / BBS Transmission:</label>
+  <pre id="outputPre">Fill in the fields above and click "Generate Packet ASCII"...</pre>
+</div>
+
+<script>
+  function setUTC() {
+    const now = new Date();
+    const y = now.getUTCFullYear();
+    const m = String(now.getUTCMonth()+1).padStart(2,'0');
+    const d = String(now.getUTCDate()).padStart(2,'0');
+    const hh = String(now.getUTCHours()).padStart(2,'0');
+    const mm = String(now.getUTCMinutes()).padStart(2,'0');
+    document.getElementById('dtZulu').value = y + '-' + m + '-' + d + ' ' + hh + mm + 'Z';
+  }
+
+  function clean(id) {
+    const el = document.getElementById(id);
+    return el ? (el.value || '').trim() : '';
+  }
+
+  function pad(str, len) {
+    str = (str || '').toString();
+    return str + ' '.repeat(Math.max(0, len - str.length));
+  }
+
+  function generateASCII() {
+    try {
+      const div = '='.repeat(74);
+      const sub = '-'.repeat(74);
+
+      const dt = clean('dtZulu') || 'N/A';
+      const to = clean('msgTo').toUpperCase() || 'N/A';
+      const from = clean('msgSender').toUpperCase() || 'N/A';
+      const contact = clean('contactName').toUpperCase() || 'N/A';
+      const op = clean('assigned').toUpperCase() || 'N/A';
+      const ex = clean('exId').toUpperCase() || 'NONE';
+
+      const sType = clean('sessType').toUpperCase();
+      const sServ = clean('service').toUpperCase();
+      const sBand = clean('band').toUpperCase();
+      const sMode = clean('session').toUpperCase();
+
+      const loc = clean('location').toUpperCase() || 'N/A';
+      const lat = clean('lat') || 'N/A';
+      const lon = clean('lon') || 'N/A';
+      const mgrs = clean('mgrs').toUpperCase() || 'N/A';
+      const grid = clean('grid').toUpperCase() || 'N/A';
+      const cmt = clean('comments').toUpperCase() || 'NORMAL OPERATIONS - NO TRAFFIC';
+
+      const out = div + '\n' +
+        'WINLINK CHECK-IN REPORT (PACKET ASCII)\n' +
+        div + '\n' +
+        'STATUS / TYPE : ' + pad(sType, 16) + ' SERVICE: ' + sServ + '\n' +
+        'DATE / TIME   : ' + pad(dt, 20) + ' EXERCISE ID: ' + ex + '\n' +
+        'TO            : ' + to + '\n' +
+        'FROM          : ' + pad(from, 16) + ' CONTACT: ' + contact + '\n' +
+        'INITIAL OPS   : ' + op + '\n' +
+        sub + '\n' +
+        'SESSION INFO  : BAND: ' + pad(sBand, 10) + ' MODE: ' + sMode + '\n' +
+        sub + '\n' +
+        'LOCATION      : ' + loc + '\n' +
+        'COORDINATES   : LAT: ' + pad(lat, 12) + ' LON: ' + lon + '\n' +
+        'MGRS / GRID   : MGRS: ' + pad(mgrs, 16) + ' GRID: ' + grid + '\n' +
+        sub + '\n' +
+        'COMMENTS:\n  ' + cmt + '\n' +
+        div;
+
+      document.getElementById('outputPre').textContent = out;
+    } catch(err) {
+      alert("Error generating text: " + err.message);
+    }
+  }
+
+      
+
+  function copyASCII() {
+    const txt = document.getElementById('outputPre').textContent;
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      navigator.clipboard.writeText(txt).then(function() {
+        alert("Check-in copied to clipboard!");
+      }).catch(function() {
+        fallbackCopy();
+      });
+    } else {
+      fallbackCopy();
+    }
+  }
+
+  function fallbackCopy() {
+    const pre = document.getElementById('outputPre');
+    const range = document.createRange();
+    range.selectNode(pre);
+    window.getSelection().removeAllRanges();
+    window.getSelection().addRange(range);
+    document.execCommand('copy');
+    alert("Copied to clipboard!");
+  }
+
+  function clearForm() {
+    if(confirm("Reset form?")) {
+      document.getElementById('checkinForm').reset();
+      document.getElementById('outputPre').textContent = 'Fill in the fields above and click "Generate Packet ASCII"...';
+    }
+  }
+
+  document.getElementById('btnDateNow').addEventListener('click', setUTC);
+  document.getElementById('btnGen').addEventListener('click', generateASCII);
+  document.getElementById('btnSaveHtml').addEventListener('click', openSaveModal);
+  document.getElementById('btnCopy').addEventListener('click', copyASCII);
+  document.getElementById('btnClear').addEventListener('click', clearForm);
+
+  
+
+  // File Name Modal Window & HTML Exporter
+  function openSaveModal() {
+    var now = new Date();
+    var dStr = now.toISOString().slice(0, 10);
+    var defName = 'winlink_checkin_' + dStr + '.html';
+    var modal = document.getElementById('saveModalBackdrop');
+    var input = document.getElementById('saveModalFileName');
+    if (input) input.value = defName;
+    if (modal) modal.classList.add('active');
+    setTimeout(function() {
+      if (input) { input.focus(); input.select(); }
+    }, 50);
+  }
+
+  function closeSaveModal() {
+    var modal = document.getElementById('saveModalBackdrop');
+    if (modal) modal.classList.remove('active');
+  }
+
+  function executeSaveHTML() {
+    var input = document.getElementById('saveModalFileName');
+    var chosenName = input ? input.value.trim() : '';
+    if (!chosenName) return;
+    if (!chosenName.toLowerCase().endsWith('.html') && !chosenName.toLowerCase().endsWith('.htm')) {
+      chosenName += '.html';
+    }
+    closeSaveModal();
+
+    document.querySelectorAll('input[type="text"]').forEach(function(el) { el.setAttribute('value', el.value); });
+    document.querySelectorAll('input[type="checkbox"], input[type="radio"]').forEach(function(el) {
+      if (el.checked) el.setAttribute('checked', 'checked');
+      else el.removeAttribute('checked');
+    });
+    document.querySelectorAll('textarea').forEach(function(el) { el.textContent = el.value; });
+    document.querySelectorAll('select').forEach(function(el) {
+      Array.from(el.options).forEach(function(opt) {
+        if (opt.value === el.value) opt.setAttribute('selected', 'selected');
+        else opt.removeAttribute('selected');
+      });
+    });
+    
+    var pre = document.getElementById('ascii-report') || document.getElementById('outputPre') || document.getElementById('preview') || document.getElementById('outputArea');
+    if (pre) pre.textContent = pre.textContent;
+
+    var clonedDoc = document.documentElement.cloneNode(true);
+    var modalInClone = clonedDoc.querySelector('#saveModalBackdrop');
+    if (modalInClone) modalInClone.classList.remove('active');
+
+    var htmlContent = '<!DOCTYPE html>\n' + clonedDoc.outerHTML;
+    var blob = new Blob([htmlContent], { type: 'text/html;charset=utf-8' });
+    var url = URL.createObjectURL(blob);
+    var a = document.createElement('a');
+    a.href = url;
+    a.download = chosenName;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+  }
+
+  window.addEventListener('DOMContentLoaded', function() {
+    var cancelBtn = document.getElementById('saveModalCancelBtn');
+    var confirmBtn = document.getElementById('saveModalSaveBtn');
+    var modalInput = document.getElementById('saveModalFileName');
+    var modalBackdrop = document.getElementById('saveModalBackdrop');
+
+    if (cancelBtn) cancelBtn.addEventListener('click', closeSaveModal);
+    if (confirmBtn) confirmBtn.addEventListener('click', executeSaveHTML);
+    if (modalInput) {
+      modalInput.addEventListener('keydown', function(e) {
+        if (e.key === 'Enter') { e.preventDefault(); executeSaveHTML(); }
+        if (e.key === 'Escape') { e.preventDefault(); closeSaveModal(); }
+      });
+    }
+    if (modalBackdrop) {
+      modalBackdrop.addEventListener('click', function(e) {
+        if (e.target === modalBackdrop) closeSaveModal();
+      });
+    }
+
+    var btnSaveMain = document.getElementById('btnSaveHtml');
+    if (btnSaveMain) {
+      // Clear existing inline handlers just in case
+      btnSaveMain.onclick = null;
+      btnSaveMain.addEventListener('click', openSaveModal);
+    }
+  });
+
+</script>
+
+  
+
+
+  <!-- Custom File Name Modal Window -->
+  <div id="saveModalBackdrop" class="save-modal-backdrop">
+    <div class="save-modal-window">
+      <h3>Save Form as HTML</h3>
+      <p>Enter a name for the saved offline HTML file:</p>
+      <input type="text" id="saveModalFileName" spellcheck="false">
+      <div class="save-modal-actions">
+        <button type="button" class="save-modal-btn save-modal-btn-cancel" id="saveModalCancelBtn">Cancel</button>
+        <button type="button" class="save-modal-btn save-modal-btn-confirm" id="saveModalSaveBtn">Save File</button>
+      </div>
+    </div>
+  </div>
+
+</body>
+</html>
