-
Notifications
You must be signed in to change notification settings - Fork 0
/
acathist.html
143 lines (132 loc) · 8.23 KB
/
acathist.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://www.thanassis.space/acathist.html">
<meta name="author" content="Thanassis Tsiodras">
<meta name="author" content="Athanasios Tsiodras">
<meta name="author" content="ttsiod">
<meta name="author" content="ttsiodras">
<link type="text/css" rel="stylesheet" href="final-code-wavetheory-lightbox.css">
<link rel="stylesheet" type="text/css" href="asciinema-player.css">
<link type="application/rss+xml" rel="alternate" href="rss.xml" title="Coding and administration articles by ttsiodras">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox.js"></script>
<title>Akathist Hymn to Theotokos</title>
</head>
<body>
<div class="well" id="Page">
<div id="Banner">Akathist Hymn to Theotokos</div>
<div id="MainContent">
<a href="//www.reddit.com/r/programming/submit" onclick="window.location = window.location.protocol + '//www.reddit.com/r/programming/submit?url=' + encodeURIComponent(window.location); return false"> <img src="spreddit7.gif" alt="submit to programming reddit" border="0"> </a>
<br> <br>
<em>(March 2010)</em><P>
Using <a href="greekHtmlToLatex.html">the tool that converts Greek HTML to LaTEX</a>,
I made an <a href="Acathistus.booklet.pdf">A4 booklet with the Acathist Hymn to Theotokos</a>.
<p>
The <a href="http://orthodoxwiki.org/Akathist">Akathist</a> is
a hymn dedicated to a saint, holy event, or one of the persons of the Holy Trinity. This particular
Akathist is dedicated to the Mother of God (Theotokos).
<p>
If you print it on an A4 printer, with "print on both sides" and "flip on short edge" enabled,
you will get an easy to fold booklet with the 24 <em>oikoi</em>.
<p>
For those of you using an e-book reader, here is a version made <a href="Acathistus.7z">for 6-inch
displays (like the Sony Reader)</a>.
<p>
Finally, here is <a href="Acathistus.booklet.tar.bz2">the source code</a> - in case you want to modify it
(I think the original HTML page - which I found somewhere on the web - has some errors). Contributions
most welcome!
<br>
<hr>
<div style='margin-top:1em'>
<div style='float:left'>
<a target="_blank" href="https://stackoverflow.com/users/382050/ttsiodras">
<img src="382050.png" width="208" height="58" alt="profile for ttsiodras at Stack Overflow, Q&A for professional and enthusiast programmers" title="profile for ttsiodras at Stack Overflow, Q&A for professional and enthusiast programmers">
</a>
</div>
<div style='float:left; margin-left:1em'>
<a target="_blank" href="https://github.com/ttsiodras">
<img border="1" src="github.png" alt='GitHub member ttsiodras' title='GitHub member ttsiodras'>
</a>
</div>
<!--div style='float:left; margin-left:1em'>
<a target="_blank" href="https://projecteuler.net/profile/ttsiodras.png">
<img src="https://projecteuler.net/profile/ttsiodras.png" alt='Project Euler member ttsiodras' title='Project Euler member ttsiodras'>
</a>
</div-->
</div>
<div style='clear:both; margin-bottom:0.5em'></div>
<!-- Used to do this with float:right, but Opera Mini shows nothing with it... back to tables :-( -->
<table summary="Footer" width="100%" border="0"><tr><td><a href="index.html">Back to index</a> <a href="cv.pdf">My CV</a></td><td align="right"><em>Last update on: Thu Aug 4 10:46:05 2011</em></td></tr></table>
<hr style="margin-bottom: 1em">
<p id="disqus_thread">
The comments on this website require the use of JavaScript. Perhaps your browser isn't
JavaScript capable or the script is not being run for another reason. If you're
interested in reading the comments or leaving a comment behind please try again with a
different browser or from a different connection.
</p>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'ttsiodras';
var disqus_identifier = '../content/acathist.content';
(function() {
'use strict';
/**
* This method will handle the click on the button to load the comments. It will remove the
* button and execute the original Disqus script for loading the comments.
*/
function button_clickHandler(event) {
// We need to get the button element, we could also use the target property of the event
// but this will do just as well
var button = document.getElementById('disqus_thread');
// Now we will have to recreate the div element we removed from the HTML. We will place
// it into the DOM like we did when we created the button
var disqusContainer = document.createElement('div');
button.parentNode.insertBefore(disqusContainer, button);
button.parentNode.removeChild(button);
// The div element will need to have the disqus_thread id as this is required for Disqus,
// it is the way their code identifies the element in which the comments can be displayed
disqusContainer.id = 'disqus_thread';
// Now we can execute the original Disqus code
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}
/**
* This method will initialize the module. It will replace the JavaScript dependency message
* with a button which will allow the visitor to load the comments.
*/
function init() {
// Try to get the element we used to display the message about the JavaScript dependency
var placeholder = document.getElementById('disqus_thread');
// If we didn't get the placeholder element we will stop setting up the button to load
// the comments
if (placeholder == null) {
return;
}
// The placeholder was found, now we can create the button which will allow the visitor to
// load the comments
var button = document.createElement('button');
button.appendChild(document.createTextNode('Click here to see the comments (powered by Disqus)'));
button.addEventListener('click', button_clickHandler.bind(this));
// We will insert the button before the placeholder and once the button has been placed in
// the DOM we will remove the placeholder
placeholder.parentNode.insertBefore(button, placeholder);
placeholder.parentNode.removeChild(placeholder);
// The placeholder used to have the id which can be reference by an anchor element, to make
// sure we don't break this functionality we will apply the id to our newly created button
button.id = 'disqus_thread';
}
// Setup the module
init();
})();
</script>
</div>
</div>
</body>
</html>