Merge branch 'release/0.22.5'

Author: cbrst

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [0.22.5] - 2024-05-10
+
+### Added
+- added mailto-generator
+
+
 ## [0.22.4] - 2024-05-07
 
 ### Added

package.json

@@ -1,6 +1,6 @@
 {
   "name": "templateq",
-  "version": "0.22.4",
+  "version": "0.22.5",
   "description": "Wordpress theme to power qnipsel",
   "main": "webpack.config.js",
   "scripts": {

src/functions.php

@@ -3,7 +3,7 @@
 /** Set version
  * Used for cachebusting JS/CSS
  */
-$GLOBALS['qnipsel_version'] = '0.22.4';
+$GLOBALS['qnipsel_version'] = '0.22.5';
 
 /** Custom Fields
  * Set up the Custom Fields plugin and define some fields.

src/scss/style.scss

@@ -2,7 +2,7 @@
 Theme Name: templateQ
 Author: Christian Brassat
 Description: Theme for templateQ
-Version: 0.22.3
+Version: 0.22.5
 */
 
 // Configure Bulma

src/templates/page-mailto-generator.php

@@ -0,0 +1,64 @@
+<?php get_header(); ?>
+
+<div id="site-container">
+	<main>
+		<?php if (have_posts()): ?>
+			<?php while (have_posts()): the_post(); ?>
+				<?php get_template_part('partials/content', 'title'); ?>
+
+				<div id="mailtogenerator" class="container-fluid xml-stripper">
+					<div class="columns is-gapless">
+
+						<div class="column">
+							<div class="px-4 py-4">
+								<p class="has-text-grey is-uppercase is-size-7">Input</p>
+
+								<?= fractalFormText(array(
+									'label' => array( 'string' => 'Mail', 'required' => true),
+									'name' => 'mail',
+									'placeholder' => '[email protected]'
+								)) ?>
+							</div>
+						</div> <!-- // column -->
+
+						<div class="column has-background-light">
+							<div class="px-4 py-4">
+								<p class="has-text-grey is-uppercase is-size-7">Output</p>
+								<textarea class="textarea is-family-code" name="" id="output" cols="30" rows="10" readonly=""></textarea>
+							</div>
+						</div>
+
+					</div> <!-- // columns -->
+				</div> <!-- application -->
+
+				<script>
+					const input = document.getElementById('mail')
+					const output = document.getElementById('output')
+
+					input.addEventListener('input', function() {
+						const addressInput = input.value;
+						let addressOutput = ''
+					
+						for (let character of addressInput) {
+							addressOutput += character.charCodeAt() + ';'
+						}
+						addressOutput = addressOutput.slice(0, -1);
+						
+						output.value = `\<script\>
+						function UnCryptMailto(s) {
+						var myS = ''; var arrS = s.split(';'); var i = 0;
+						for (i = 0; i < arrS.length; i++) {
+							myS += String.fromCharCode(parseInt(arrS[i]));
+						}
+						return myS;
+						}
+						document.write('<a href="mailto:' + UnCryptMailto('${addressOutput}') + '">' + UnCryptMailto('${addressOutput}') + '</a>')
+						\<\/script\>`
+					});
+				</script>
+
+			<?php endwhile; ?>
+		<?php endif; ?>
+	</main>
+
+<?php get_footer(); ?>