https://kalvesmaki.com/psephy/index.html

1<html xmlns="http://www.w3.org/1999/xhtml">
2  <!-- 15 May 2023: added link to Abjad Calculator -->
3  <head>
4    <title>Psephic calculator</title>
5    <meta charset="utf-8" />
6    <style>
7      .pointer {
8        cursor:pointer;
9      }
10      .pointer:hover {
11        background-color:lightgray;
12      }
13      #keys{display:inline-flex;}
14      .key{padding:0px 10px;}
15      .rtl{text-align:right;}
16      .buymeacoffee{float:right;padding:0px 10px;opacity:0.3;}
17      .buymeacoffee:hover{opacity:1.0;}
18      #key-trigger{opacity:0.3;}
19      #key-trigger:hover{opacity:1.0;}
20      #preface > div{padding:10px 0px;}
21      #input{background-color:whitesmoke}
22    </style>
23    

23<script type="text/javascript" src="/js/SaxonJS2.rt.js"></script>

23
24    

24<script>
25         SaxonJS.transform({
26            stylesheetLocation: "psephy.sef.json",
27            initialTemplate:"main"
28         },
29         "async");</script>

29
30    
31  </head>
32  <body id="body">
33    <h1>Psephy/Gematria Calculator</h1>
34    <div class="buymeacoffee"><a href="https://www.buymeacoffee.com/kalvesmaki" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/arial-red.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ><!--  --></img></a></div>
35    <div id="preface">
36      <div>Written by Joel Kalvesmaki, May 2023, ver. 0.03</div>
37      <div>In ancient cultures that used the alphabet as the basis of a numeral system, a writer could
38        play with the numerical value of the sum of the letters of any word or name. This technique,
39        first called psephy, later called gematria, is first attested explicitly in the 1st c. CE, in
40        Greek. As alphabetic numeration spread from Greek to other languages, psephic wordplay
41        followed. </div>
42      <div>This application allows a user to type/paste any Greek, Syriac, or Hebrew text,
43        and get its psephic value (for Arabic or Persian, please see the 
44        <a href="https://www.abjadcalc.com/">Abjad Calculator</a>). Anything not in a supported alphabet is ignored. The example below
45        shows the psephic value of the first line of the <em>Iliad</em>. </div>
46    </div>
47    <hr />
48    <h2>Text</h2>
49    <div id="input" contenteditable="true">Add text here. Example: Μῆνιν ἄειδε θεὰ Πηληϊάδεω Ἀχιλῆος οὐλομένην</div>
50    <hr />
51    <h2>Results</h2>
52    <div id="output"></div>
53    <hr />
54    <h2 id="key-trigger" class="pointer">🛈 Psephic Values</h2>
55    <div id="key"></div>
56  </body>
57</html>