in progress
This commit is contained in:
		
							
								
								
									
										131
									
								
								nationchains/www/socialworld/nation_ants.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										131
									
								
								nationchains/www/socialworld/nation_ants.html
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,131 @@ | ||||
| <!DOCTYPE html> | ||||
| <html lang="en"> | ||||
|  | ||||
| <head> | ||||
|   <title>Ants Nation Contract</title> | ||||
|   <meta charset="utf-8"> | ||||
|   <meta name="viewport" content="width=device-width, initial-scale=1"> | ||||
|   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"> | ||||
|   <script> | ||||
|     const apxinfo={headers:{xalias:"",xhash:"",xtribe:"smatchit", xapp:"smatchapp", xlang:"en" }}; | ||||
|   </script>  | ||||
|   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script> | ||||
|   <script src="static/js/openpgp.min.js"></script> | ||||
|   <script src="static/js/apxtribcli.js"></script> | ||||
|   <style> | ||||
|   .fakeimg { | ||||
|     height: 200px; | ||||
|     background: #aaa; | ||||
|   } | ||||
|   .primary-color:black; | ||||
|   .secondary-color:red; | ||||
|   </style> | ||||
| </head> | ||||
| <body> | ||||
|  | ||||
| <div class="p-5 bg-primary text-white text-center"> | ||||
|   <h1>apXtrib setup test</h1> | ||||
|   <p>To test quickly api interaction</p>  | ||||
| </div> | ||||
|  | ||||
| <nav class="navbar navbar-expand-sm bg-dark navbar-dark"> | ||||
|   <div class="container-fluid"> | ||||
|     <ul class="navbar-nav"> | ||||
|       <li class="nav-item"> | ||||
|         <a class="nav-link active" href="#">Active</a> | ||||
|       </li> | ||||
|       <li class="nav-item"> | ||||
|         <a class="nav-link" href="#">Link</a> | ||||
|       </li> | ||||
|       <li class="nav-item"> | ||||
|         <a class="nav-link" href="#">Link</a> | ||||
|       </li> | ||||
|       <li class="nav-item"> | ||||
|         <a class="nav-link disabled" href="#">Disabled</a> | ||||
|       </li> | ||||
|     </ul> | ||||
|   </div> | ||||
| </nav> | ||||
|  | ||||
| <div class="container mt-5"> | ||||
|   <div class="row"> | ||||
|     <div class="col-sm-4"> | ||||
|       <h2>About Me</h2> | ||||
|       <h5>Photo of me:</h5> | ||||
|       <div class="fakeimg">Fake Image</div> | ||||
|       <p>Some text about me in culpa qui officia deserunt mollit anim..</p> | ||||
|       <h3 class="mt-4">Some Links</h3> | ||||
|       <p>Lorem ipsum dolor sit ame.</p> | ||||
|       <ul class="nav nav-pills flex-column"> | ||||
|         <li class="nav-item"> | ||||
|           <a class="nav-link active" href="#">Active</a> | ||||
|         </li> | ||||
|         <li class="nav-item"> | ||||
|           <a class="nav-link" href="#">Link</a> | ||||
|         </li> | ||||
|         <li class="nav-item"> | ||||
|           <a class="nav-link" href="#">Link</a> | ||||
|         </li> | ||||
|         <li class="nav-item"> | ||||
|           <a class="nav-link disabled" href="#">Disabled</a> | ||||
|         </li> | ||||
|       </ul> | ||||
|       <hr class="d-sm-none"> | ||||
|     </div> | ||||
|     <div class="col-sm-8"> | ||||
|       <h2>Create an account</h2> | ||||
|       <div class="row g-3"> | ||||
|         <div class="col-md-6"> | ||||
|           <label for="inputalias" class="form-label">Your alias</label> | ||||
|           <input type="text" class="form-control" id="inputalias" placeholder="A public alias that any one see"> | ||||
|         </div> | ||||
|         <div class="col-md-6"> | ||||
|           <label for="inputemailrecovery" class="form-label">Email Recovery</label> | ||||
|           <input type="email" class="form-control" id="inputemailrecovery" placeholder="optional"> | ||||
|         </div> | ||||
|         <div class="col-12"> | ||||
|           <label for="inputpassphrase" class="form-label">A passphrase</label> | ||||
|           <input type="text" class="form-control" id="inputpassphrase" placeholder="optional, a passphrase to remember, each time something try to use your privateKey this passphrase will be requested"> | ||||
|         </div> | ||||
|         <div class="col-12"> | ||||
|           <button type="button" onclick="apx.generateKey(document.getElementById('inputpseudo').value,document.getElementById('inputpassphrase').value)" class="btn btn-primary">Generate keys</button> | ||||
|         </div> | ||||
|         <div class="col-12"> | ||||
|           <div class="form-check"> | ||||
|             <input class="form-check-input" type="checkbox" id="gridCheck"> | ||||
|             <label class="form-check-label small" for="gridCheck"> | ||||
|               <b>I trust smatchit to keep my private key and email </b><br> | ||||
|               <b>If i don't trust</b> please download your keys (be aware, none than you can have access to your cipher data).<br> | ||||
|               If you set a correct email then you will receive your keys on your mailbox (Carefull by sending email, smatchit and anyone that access to your email can see your keys).<br> | ||||
|               The safer to be sure no one else than your local browser can see it, just download localy and save it on a personnal cold support (usb key).<br> | ||||
|               If you use a browser that <b>can be accessible by someone else, don't forget to "logout"</b> to clean up any trace.<br> | ||||
|               If you have any suspicious please  | ||||
|             </label> | ||||
|           </div> | ||||
|         </div> | ||||
|         <div class="btn-group"> | ||||
|           <button class="btn btn-outline-primary" onclick="apx.downloadlink('pagans.privateKey');" >Download PrivateKey</button> | ||||
|           <button class="btn btn-outline-primary" onclick="apx.downloadlink('pagans.publicKey');">Download PublicKey</button> | ||||
|         </div> | ||||
|         <div class="col-12"> | ||||
|           <label for="inputAddress2" class="form-label">My private Key:</label> | ||||
|           <p id="privatekey" class="small"></p> | ||||
|         </div>        | ||||
|         <div class="col-12"> | ||||
|           <label for="inputAddress2" class="form-label">My public Key:</label> | ||||
|           <p id="publickey" class="small"></p> | ||||
|         </div> | ||||
|         <div class="col-12"> | ||||
|           <button type="submit" class="btn btn-primary">Create this identity</button> | ||||
|         </div> | ||||
|       </div> | ||||
|     </div> | ||||
|   </div> | ||||
| </div> | ||||
|  | ||||
| <div class="mt-5 p-4 bg-dark text-white text-center"> | ||||
|   <p>Footer</p> | ||||
| </div> | ||||
|  | ||||
| </body> | ||||
| </html> | ||||
| @@ -1,13 +0,0 @@ | ||||
| <!doctype html> | ||||
| <html lang="fr"> | ||||
| <head> | ||||
|   <meta charset="utf-8"> | ||||
|   <title>Nation Base contract</title> | ||||
|   <link rel="stylesheet" href="static/css/style.css"> | ||||
|   <script src="static/js/script.js"></script> | ||||
| </head> | ||||
| <body> | ||||
|   <p> Info sur lla nation de <base href=""></p> | ||||
|   <p> </p> | ||||
| </body> | ||||
| </html> | ||||
		Reference in New Issue
	
	Block a user