alpcentaur
/
PluriTon
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
Monotone Arbeit nervt!
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
4 Commits
1 Branch
4.9 GiB
Tree: 527762ac1e
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '527762ac1e'
${ noResults }
PluriTon/build/deb-rust-cyberlaywer-interface/pluriton-interface/templates/index_next.html

284 lines
10 KiB
Raw Normal View History

made public
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 
  1. <div id="container">
  2. <!doctype html>
  3. <html lang="{{ "lang_code"|tr(lang) }}">
  4.     <head>
  5.         <title>{{ "index_title"|tr(lang) }} – {{ "index_description"|tr(lang) }}</title>
  6.         <meta charset="utf-8" />
  7.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.         <meta name="description" content="{{ "meta_description"|tr(lang) }}" />
  9.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  10.         <link rel="icon" type="image/png" sizes="48x48" href="/assets/favicon.svg" />
  11.         <link rel="stylesheet" href="/assets/index.css?v=1.2" />
  12.         <link rel="stylesheet" href="/assets/cloud.css?v=1.0" />
  13. 	<link rel="stylesheet" href="/assets/digitalcourage.css" />
  14.         <link rel="stylesheet" href="/assets/bootstrap.min.css" />
  15. 

  16.         <style>
  17.         .break {
  18.                 flex-basis: 100%;
  19.                 height: 0;
  20.         }        
  21. 

  22.         .grid-container {
  23.   		display: grid;
  24.                 grid-template-columns: auto auto;
  25.                 grid-gap: 5vw;
  26. 	}
  27.         .grid-container2 {
  28.                 display: grid;
  29.                 grid-template-columns: auto auto auto;
  30.                 width: 532px;
  31.                 grid-gap: 35px;
  32.         }
  33.         @media only screen and (max-width: 768px) {
  34.             /* For mobile phones: */
  35.             [class*="grid-container"] {
  36.             grid-template-columns: auto;
  37.             max-width: 100%;
  38.             justify-content: center;
  39.             }
  40.             [class*="grid-container2"] {
  41.             grid-template-columns: auto;
  42.             max-width: 100%;
  43.             justify-content: center;
  44. 	    grid-gap: 20px;
  45.             }
  46. 	   
  47. 	    [class*="item1"] {
  48.             grid-template-columns: auto;
  49.             max-width: 100%;
  50.             align-items: center;
  51. 	    width: 80vw;
  52.             }
  53.             [class*="item2"] {
  54.             grid-template-columns: auto;
  55.             max-width: 100%;
  56.             align-items: center;
  57.             width: 80vw;
  58.             }
  59. 

  60.  
  61.         }
  62.         .div_120 {
  63. 		flex-basis: 100%;
  64. 		height: 120px;
  65. 	}
  66. 	
  67. 	.div_60 {
  68. 		flex-basis: 100%;
  69. 		height: 60px;
  70. 	}
  71. 	
  72. 

  73. 	.div_45 {
  74. 		flex-basis: 100%;
  75. 		height: 45px;
  76. 	}
  77. 	
  78. 	.div_35 {
  79. 		flex-basis: 100%;
  80. 		height: 35px;
  81. 	}
  82. 	
  83. 	.div_25 {
  84. 		flex-basis: 100%;
  85. 		height: 25px;
  86. 	}
  87. 	
  88. 	.div_10 {
  89. 		flex-basis: 100%;
  90. 		height: 10px;
  91. 	}
  92. 

  93. 	.h3 {
  94.             font-size: 20pt;
  95.         }
  96. 	h2 {
  97. 		font-size: 30pt;
  98. 	}
  99. 	.a1 {
  100. 		font-size: 20pt;
  101. 	}
  102. 	p {
  103. 		font-size: 14pt;
  104. 	}
  105. 	p1 {
  106. 	    font-size: 20pt;
  107. 	}
  108.         .downDC {
  109. 	    height: 90px;
  110.             padding: 10px;
  111. 	}
  112. 

  113.         .c-img-shadow {
  114.             height: 200px;
  115.             max-width: 100%;
  116.             box-shadow: 0 0 5px rgba(0, 0, 0, 0.18),0 5px 5px rgba(0, 0, 0, 0.18);
  117.             border-radius: 2px;
  118.         }
  119.         
  120.         </style>
  121. 

  122. 

  123. 	<noscript><style> .jsonly { display: none } </style></noscript>
  124.             <script>
  125.                 window.onload = function() {                                    
  126. 			// retrieved from server-side template
  127. 			let lang = "{{ lang }}";
  128. 			document.getElementById('langs').value=lang;
  129. 			document.getElementById("send-text").style.display = "unset";
  130.                 	let btn2 = document.getElementById("send-text-btn");
  131.                 	btn2.style.cursor = "pointer";
  132. 			
  133. 			btn2.addEventListener('click', function() {
  134.                     		var text = document.getElementById("datextarea").value;
  135.                     		console.log(text);
  136.                         	var xhr1=new XMLHttpRequest();
  137.                         	xhr1.open("POST",'link/text', true);
  138. 				xhr1.setRequestHeader('Content-Type', 'application/json');
  139. 				const json = {
  140. 

  141. 					"Text": text
  142. 				};
  143. 

  144.                         	xhr1.send(JSON.stringify(json));
  145.                         	document.getElementById("datextarea").value = "...";
  146. 				xhr1.onreadystatechange = function () {
  147. 				        if (xhr1.readyState == 4) {
  148.             					
  149. 						result = xhr1.response.split('?&?&')
  150. 						document.getElementById("output1").value = result[0].substring(3, result[0].length);
  151. 						// document.getElementById("output2").value = result[1].substring(0, result[1].length - 3);
  152. 						document.getElementById("datextarea").value = text;
  153.         				};
  154.         			};
  155. 

  156. 				document.getElementById("datextarea").value = "...";
  157. 				});
  158. 

  159.                         }
  160. 

  161.             </script>
  162.     </head>
  163.     <body>
  164.     <div class="container ombre">
  165.         <header role="banner" class="clearfix">
  166.                <form method="get" action="/" class="hidden-print">
  167. 		<div class="input-group input-group-sm pull-right col-xs-12 col-sm-2 langs" style="margin-right: 8px">
  168.                 <select id="langs" name="lang" class="form-control" title="Select language" >
  169.                                     <option lang="fr"  value="fr">Fran&ccedil;ais</option>
  170.                                     <option lang="en" selected value="en">English</option>
  171.                                     <option lang="de"  value="de">Deutsch</option>
  172.                                     <option lang="it"  value="it">Italiano</option>
  173.                                 </select>
  174.                 <span class="input-group-btn">
  175.                     <button type="submit" id="language_button" class="btn btn-default btn-sm language_button" title="Change language">OK</button>
  176.                 </span>
  177.             </div>
  178. 	       </form>
  179. 

  180.             <a href="https&colon;&sol;&sol;www&period;basabuuka&period;org&sol;" title="Home - basabuuka" style="margin-left: 8px" >
  181.                 <img src="/assets/babelfish_logo.webp" alt="basabuuka" class="" height="95vh"  />
  182.             </a>
  183.         <h2 class="lead col-xs-12"></h2>        <div class="trait col-xs-12" role="presentation"></div>
  184.         </header>
  185.     <main role="main">
  186. 	<div class="div_10"></div>
  187. 	<div class="div_10"></div>
  188. 	<div class="div_10"></div>
  189.                <center>
  190.                 <div>
  191.                     <h2 class="title">{{ "index_title2"|tr(lang) }}</h2>
  192.                 </div>
  193.                 <br/>
  194. 	    <div class="div_25"></div>
  195.             <div class="flex has-text-centered">
  196.                 <div>
  197.                     <p1 class="title">{{ "index_description"|tr(lang) }}</p1>
  198.                 </div>
  199. 		</div>
  200. 	     </center>
  201. 	     <div class="div_60"></div>
  202. 		<center>
  203. 		<textarea id="datextarea" placeholder="{{"index_description2"|tr(lang)}}" style="font-size:18px; outline:none; resize: none; overflow:auto; width:80vw; height:40vh; border-width:2vw border-width: 2vw; border-style:solid"></textarea>
  204. 		<div class="div_10"></div>
  205. 

  206. 		<div id="send-text">
  207. 		<a style="width: 50vw;" id="send-text-btn" class="ncstyle-button margin-bottom">{{ "index_search_button"|tr(lang) }}</a>
  208. 		</div>	
  209. 		<div class="div_10"></div>        
  210. 		<div class="grid-container">
  211. 			<div class="item1">
  212. 				<textarea id="output1" placeholder="{{"index_description3"|tr(lang)}}" style="font-size:18px; outline:none; resize: none; overflow:auto; width:38vw; height:55vh; border-width:2vw border-width: 2vw; border-style:solid"></textarea>
  213. 			</div>
  214. 			<div class="item2">
  215. 				<textarea id="output2" placeholder="{{"index_description4"|tr(lang)}}" style="font-size:18px; outline:none; resize: none; overflow:auto; width:38vw; height:55vh; border-width:2vw border-width: 2vw; border-style:solid"></textarea>
  216. 	    		</div>
  217. 		<div id="previous-text">
  218.                 <a style="width: 20vw;" id="previous-text-btn" class="ncstyle-button margin-bottom"><<</a>
  219.                 </div>
  220.                 <div id="next-text">
  221.                 <a style="width: 20vw;" id="next-text-btn" class="ncstyle-button margin-bottom">>></a>
  222.                 </div>
  223.     		</div>
  224. 

  225. 		<div class="div_10"></div>        
  226.                 </center>
  227. 	<div class="break"></div>
  228. 	<div class="div_120"></div>
  229. 	<center>
  230. 	    <div class="div_60"></div> 
  231.             <div class="flex has-text-centered">
  232.             <div class=" flex">
  233.                 <noscript>
  234.                     <a class="ncstyle-button">{{ "index_nojs"|tr(lang) }}</a>
  235.                 </noscript>
  236. 		</div>
  237. 		</div>
  238. 	    <div class="div_120"></div>
  239. 	    <p>
  240.             <div class="flex has-text-centered">
  241.                 <div>
  242.                     <h2 class="title">{{ "index_disclaimer_title"|tr(lang) }}</h2>
  243.                 </div>
  244.                 
  245.                 <div class="break"></div>
  246. 		<div class="div_25"></div>
  247.                 <div>
  248.                     <p1 class="title">{{ "index_disclaimer1"|tr(lang) }}</p1>
  249.                     <a href="https://www.basabuuka.org" class="a1">{{ "index_disclaimer2_link_org"|tr(lang) }}</a1>
  250.                     <p1 class="title">{{ "index_disclaimer2"|tr(lang) }}</p1>
  251.                 </div>
  252.                 <br>
  253.             <div class="break"></div>
  254.                 <div>
  255.                     <p1 class="title">{{ "index_disclaimer2_but"|tr(lang) }}</p1>
  256.                     <a href="https://www.basabuuka.org" class="a1">{{ "index_disclaimer2_link_don"|tr(lang) }}</a>
  257.                 </div>
  258.                 <br>
  259.             <div class="break"></div>
  260.                 <div>
  261.                     <p1 class="title">{{ "index_disclaimer3"|tr(lang) }}</p1>
  262.                     <a href="https://www.basabuuka.org" class="a1">{{ "index_disclaimer3_link"|tr(lang) }}</a>
  263.                     <p1 class="title">{{ "index_disclaimer4"|tr(lang) }}</p1>
  264.                 </div>
  265.             </div>
  266.             </p>
  267. 	    <div class="div_120"></div>
  268. 	    <div class="c-blue grid-container2">
  269.             <a href="" style="font-size:15px" class="c-button" target="_blank">{{ "index_bottom_docs"|tr(lang) }}</a>
  270.             <a href="https://code.basabuuka.org/alpcentaur/PluriTon" style="font-size:15px;" class="c-button" target="_blank">{{ "index_bottom_source"|tr(lang) }}</a>
  271.             <a href="https://code.basabuuka.org/alpcentaur/basabuuka_prototyp/src/branch/master/LICENSE.txt" style="font-size:15px;" class="c-button" target="_blank">{{ "index_bottom_lic"|tr(lang) }}</a>
  272.         </div>
  273. 	<div class="div_10"></div>
  274.        </center>
  275. </main>
  276. </div> <!-- .container -->
  277. 

  278.     </body>
  279. </html>
  280. 

  281. <div class="container ombre downDC" style="display:flex;align-items:center;">
  282.   <h2 class="lead"><a target="_blank" href="https://www.basabuuka.org/">Basabuuka</a> | <a target="_blank" href="https://notebook.basabuuka.org">Notebook Prototyp</a> | <a target="_blank" href="">{{ "impressum_donations"|tr(lang) }}</a> | <a target="_blank" href="">Kontakt</a> | <a target="_blank" href="">{{ "impressum_privacy"|tr(lang) }}</a>  </h2>
  283. </div>
  284.