<img  class="ui huge center image transition visible" src="">

# Com

Welcome to the our chat location. Keep the URL handy along with the password to encrypt and decrypt messages.

I will receive messages from you within 24-48 hours unless I'm off grid or otherwise disconnected from the internet.

I'll put an away message here so you'll be aware of the time frame to anticipate a response.

## <a name="edit-history">Edit History</a>

Below is a history of updates to this tool, that my impact usability.

- *Friday, April 5<sup>th</sup>, 2024*,&nbsp;<time>1:24pm, Tempe, Arizona</time>

## Conversation

<form onsubmit="event.preventDefault();">
<h3>
Plaintext:
</h3>
<textarea cols="60" rows="20" id="plaintext"></textarea>
<br />
<h3>
Enter Passphrase:
</h3>
<input type="password" password="password" cols="50" rows="1" id="passPhrase"></input>
<h3>
Enter First and Last Name:
</h3>
<textarea type="text" name="namefield" cols="45" rows="1" id="nameField"></textarea>
<h3>
Place where I can confirm your identity.
</h3>
<p><em>If your name is new to me I will check for a corresponding social identity that is real. Please provide real profile informaiton from LinkedIn or alternative in which you've developed a real profile. Note I've already done this extensively in this Book and Journal and want a more symmetric/bi-directional identity understanding.</em></p>
<textarea type="text" name="identity" cols="45" rows="4" id="identity"></textarea>
<h3>
Enter Subject:
</h3>
<textarea name="subject" cols="45" rows="1" id="subject"></textarea>
<br />
<br />
<h3>
Our Relationship:
</h3>
<select name="relation" id="relation">
  <option value="reader">Reader</option>
  <option value="friend">Friend</option>
  <option value="acquaintance">New Acquaintance</option>
  <option value="oldcolleague">Old Colleague</option>
  <option value="buyer">Fellow Academic</option>
  <option value="buyer">Fellow Society Member</option>
  <option value="buyer">Stranger</option>
  <option value="buyer">Other</option>
</select>
<br />
<br />
<button type="button" id="encrypt">Encrypt</button>
<button type="button" id="decrypt">Decrypt</button>
<button type="button" id="clearall">Clear All</button> <br />
<h3>
Ciphertext:
</h3>
<textarea cols="60" rows="10" id="ciphertext"></textarea>
<br />
<br />
<button type="button" id="send">Send</button>
<br />
<br />
<p id="write">
Remember to write your com link down:
</p>
<p id="status">
</p>
<p id="link">
</p>
<p id="name">
</p>
<p id="url">
</p>
<br />
</form>
<style>
#status, #link {

color: green;
font-weight: bold;

}
</style>

<pre><a name="create-a-gap"></a><div class="ui section divider"></div></pre>

<script src="cryptojs-source/rollups/aes.js"></script>
<script src="app.js"></script>
<script src="app-crypto.js"></script>

