65 lines
23 KiB
HTML
65 lines
23 KiB
HTML
<!DOCTYPE html>
|
||
<!-- saved from url=(0037)https://dev.texttree.org/aligned.html -->
|
||
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Aligned</title>
|
||
<style>
|
||
.word {
|
||
display: flex;
|
||
flex-direction: column;
|
||
margin: 4px;
|
||
padding: 4px;
|
||
border: 1px solid #ffffff;
|
||
background-color: #ffffff;
|
||
}
|
||
.verse {
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-flow: wrap;
|
||
align-items: center;
|
||
margin-bottom:4px;
|
||
}
|
||
.verseHeader{
|
||
padding-left: 10px;
|
||
color: #444;
|
||
}
|
||
.chapterHeader{
|
||
font-weight: bold;
|
||
padding: 10px;
|
||
border-bottom: 1px solid #ccc;
|
||
margin-bottom: 4px;
|
||
margin-top: 14px;
|
||
}
|
||
.bottom {
|
||
border-top: 1px solid #ffffff;
|
||
}
|
||
#url {
|
||
width: 500px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<input type="text" value="" id="url">
|
||
<button id="click">Открыть</button>
|
||
<div class="result"><div class="chapterHeader">Глава 1</div><div class="chapter"><div class="verseHeader">1</div><div class="verse"><div class="word"><div class="top">ὁ πρεσβύτερος </div><div class="bottom">Старейшина</div></div> — <div class="word"><div class="top">ἐκλεκτῇ </div><div class="bottom">избранной</div></div> <div class="word"><div class="top">κυρίᾳ </div><div class="bottom">госпоже</div></div> <div class="word"><div class="top">καὶ </div><div class="bottom">и</div></div> <div class="word"><div class="top">τοῖς τέκνοις </div><div class="bottom">детям</div></div> <div class="word"><div class="top">αὐτῆς </div><div class="bottom">её</div></div>, <div class="word"><div class="top">οὓς </div><div class="bottom">которых</div></div> <div class="word"><div class="top">ἐγὼ </div><div class="bottom">я</div></div> <div class="word"><div class="top">ἀγαπῶ </div><div class="bottom">люблю</div></div> <div class="word"><div class="top">ἐν </div><div class="bottom">в</div></div> <div class="word"><div class="top">ἀληθείᾳ </div><div class="bottom">истине</div></div>. <div class="word"><div class="top">καὶ </div><div class="bottom">И</div></div> <div class="word"><div class="top">οὐκ </div><div class="bottom">не</div></div> <div class="word"><div class="top">ἐγὼ </div><div class="bottom">я</div></div> <div class="word"><div class="top">μόνος </div><div class="bottom">один</div></div>, <div class="word"><div class="top">ἀλλὰ </div><div class="bottom">но</div></div> <div class="word"><div class="top">καὶ </div><div class="bottom">и</div></div> <div class="word"><div class="top">πάντες </div><div class="bottom">все</div></div>, <div class="word"><div class="top">οἱ ἐγνωκότες </div><div class="bottom">знающие</div></div> <div class="word"><div class="top">τὴν ἀλήθειαν </div><div class="bottom">истину</div></div>,
|
||
</div><div class="verseHeader">2</div><div class="verse"><div class="word"><div class="top">διὰ </div><div class="bottom">из-за</div></div> <div class="word"><div class="top">τὴν ἀλήθειαν </div><div class="bottom">истины</div></div>, <div class="word"><div class="top">τὴν μένουσαν </div><div class="bottom">пребывающей</div></div> <div class="word"><div class="top">ἐν </div><div class="bottom">в</div></div> <div class="word"><div class="top">ἡμῖν </div><div class="bottom">нас</div></div>, <div class="word"><div class="top">καὶ </div><div class="bottom">и</div></div> <div class="word"><div class="top">ἔσται </div><div class="bottom">которая</div></div> <div class="word"><div class="top">μεθ’ </div><div class="bottom">с</div></div> <div class="word"><div class="top">ἡμῶν </div><div class="bottom">нами</div></div> <div class="word"><div class="top">ἔσται </div><div class="bottom">будет</div></div> <div class="word"><div class="top">εἰς </div><div class="bottom">во</div></div> <div class="word"><div class="top">τὸν αἰῶνα </div><div class="bottom">век</div></div>.
|
||
</div><div class="verseHeader">3</div><div class="verse"><div class="word"><div class="top">ἔσται </div><div class="bottom">Да будет</div></div> <div class="word"><div class="top">μεθ’ </div><div class="bottom">с</div></div> <div class="word"><div class="top">ἡμῶν </div><div class="bottom">нами</div></div> <div class="word"><div class="top">χάρις </div><div class="bottom">благодать</div></div>, <div class="word"><div class="top">ἔλεος </div><div class="bottom">милость</div></div>, <div class="word"><div class="top">εἰρήνη </div><div class="bottom">мир</div></div> <div class="word"><div class="top">παρὰ </div><div class="bottom">от</div></div> <div class="word"><div class="top">Θεοῦ </div><div class="bottom">Бога</div></div> <div class="word"><div class="top">Πατρός </div><div class="bottom">Отца</div></div> <div class="word"><div class="top">καὶ </div><div class="bottom">и</div></div> <div class="word"><div class="top">παρὰ </div><div class="bottom">от</div></div> <div class="word"><div class="top">Ἰησοῦ </div><div class="bottom">Иисуса</div></div> <div class="word"><div class="top">Χριστοῦ </div><div class="bottom">Христа</div></div>, <div class="word"><div class="top">τοῦ Υἱοῦ </div><div class="bottom">Сына</div></div> <div class="word"><div class="top">τοῦ Πατρός </div><div class="bottom">Отца</div></div>, <div class="word"><div class="top">ἐν </div><div class="bottom">в</div></div> <div class="word"><div class="top">ἀληθείᾳ </div><div class="bottom">истине</div></div> <div class="word"><div class="top">καὶ </div><div class="bottom">и</div></div> <div class="word"><div class="top">ἀγάπῃ </div><div class="bottom">любви</div></div>.
|
||
</div><div class="verseHeader">4</div><div class="verse"><div class="word"><div class="top">ἐχάρην </div><div class="bottom">Я обрадовался</div></div> <div class="word"><div class="top">λείαν </div><div class="bottom">очень</div></div>, <div class="word"><div class="top">ὅτι </div><div class="bottom">что</div></div> <div class="word"><div class="top">ἐκ </div><div class="bottom">из</div></div> <div class="word"><div class="top">τῶν τέκνων </div><div class="bottom">детей</div></div> <div class="word"><div class="top">σου </div><div class="bottom">твоих</div></div> <div class="word"><div class="top">εὕρηκα </div><div class="bottom">обнаружил</div></div> <div class="word"><div class="top">περιπατοῦντας </div><div class="bottom">ходящих</div></div> <div class="word"><div class="top">ἐν </div><div class="bottom">в</div></div> <div class="word"><div class="top">ἀληθείᾳ </div><div class="bottom">истине</div></div>, <div class="word"><div class="top">καθὼς </div><div class="bottom">как</div></div> <div class="word"><div class="top">ἐλάβομεν </div><div class="bottom">мы получили</div></div> <div class="word"><div class="top">ἐντολὴν </div><div class="bottom">заповедь</div></div> <div class="word"><div class="top">παρὰ </div><div class="bottom">от</div></div> <div class="word"><div class="top">τοῦ Πατρός </div><div class="bottom">Отца</div></div>.
|
||
</div><div class="verseHeader">5</div><div class="verse"><div class="word"><div class="top">καὶ </div><div class="bottom">И</div></div> <div class="word"><div class="top">νῦν </div><div class="bottom">теперь</div></div> <div class="word"><div class="top">ἐρωτῶ </div><div class="bottom">прошу</div></div> <div class="word"><div class="top">σε </div><div class="bottom">тебя</div></div>, <div class="word"><div class="top">κυρία </div><div class="bottom">госпожа</div></div> (<div class="word"><div class="top">οὐχ </div><div class="bottom">не</div></div> <div class="word"><div class="top">ὡς </div><div class="bottom">как</div></div> <div class="word"><div class="top">καινὴν </div><div class="bottom">новую</div></div> <div class="word"><div class="top">ἐντολὴν </div><div class="bottom">заповедь</div></div> <div class="word"><div class="top">γράφων </div><div class="bottom">пишу</div></div> <div class="word"><div class="top">σοι </div><div class="bottom">тебе</div></div>, <div class="word"><div class="top">ἀλλὰ </div><div class="bottom">но</div></div> <div class="word"><div class="top">ὡς </div><div class="bottom">как</div></div> <div class="word"><div class="top">ἣν </div><div class="bottom">ту, которую</div></div> <div class="word"><div class="top">εἴχαμεν </div><div class="bottom">мы имели</div></div> <div class="word"><div class="top">ἀπ’ </div><div class="bottom">от</div></div> <div class="word"><div class="top">ἀρχῆς </div><div class="bottom">начала</div></div>), <div class="word"><div class="top">ἵνα </div><div class="bottom">чтобы</div></div> <div class="word"><div class="top">ἀγαπῶμεν </div><div class="bottom">мы любили</div></div> <div class="word"><div class="top">ἀλλήλους </div><div class="bottom">друг друга</div></div>.
|
||
</div><div class="verseHeader">6</div><div class="verse"><div class="word"><div class="top">καὶ </div><div class="bottom">И</div></div> <div class="word"><div class="top">αὕτη </div><div class="bottom">это</div></div> <div class="word"><div class="top">ἐστὶν </div><div class="bottom">есть</div></div> <div class="word"><div class="top">ἡ ἀγάπη </div><div class="bottom">любовь</div></div>: <div class="word"><div class="top">ἵνα </div><div class="bottom">чтобы</div></div> <div class="word"><div class="top">περιπατῶμεν </div><div class="bottom">мы ходили</div></div> <div class="word"><div class="top">κατὰ </div><div class="bottom">по</div></div> <div class="word"><div class="top">τὰς ἐντολὰς </div><div class="bottom">заповеди</div></div> <div class="word"><div class="top">αὐτοῦ </div><div class="bottom">Его</div></div>. <div class="word"><div class="top">αὕτη </div><div class="bottom">Это</div></div> <div class="word"><div class="top">ἡ ἐντολή </div><div class="bottom">заповедь</div></div> <div class="word"><div class="top">ἐστιν </div><div class="bottom">есть</div></div>, <div class="word"><div class="top">καθὼς </div><div class="bottom">которую</div></div> <div class="word"><div class="top">ἠκούσατε </div><div class="bottom">вы слышали</div></div> <div class="word"><div class="top">ἀπ’ </div><div class="bottom">от</div></div> <div class="word"><div class="top">ἀρχῆς </div><div class="bottom">начала</div></div>, <div class="word"><div class="top">ἵνα </div><div class="bottom">чтобы</div></div> <div class="word"><div class="top">ἐν </div><div class="bottom">в</div></div> <div class="word"><div class="top">αὐτῇ </div><div class="bottom">ней</div></div> <div class="word"><div class="top">περιπατῆτε </div><div class="bottom">вы ходили</div></div>.
|
||
</div><div class="verseHeader">7</div><div class="verse"><div class="word"><div class="top">ὅτι </div><div class="bottom">Потому что</div></div> <div class="word"><div class="top">πολλοὶ </div><div class="bottom">многие</div></div> <div class="word"><div class="top">πλάνοι </div><div class="bottom">обманщики</div></div> <div class="word"><div class="top">ἐξῆλθαν </div><div class="bottom">ушли</div></div> <div class="word"><div class="top">εἰς </div><div class="bottom">в</div></div> <div class="word"><div class="top">τὸν κόσμον </div><div class="bottom">мир</div></div>, <div class="word"><div class="top">μὴ </div><div class="bottom">не</div></div> <div class="word"><div class="top">οἱ ὁμολογοῦντες </div><div class="bottom">исповедующие</div></div> <div class="word"><div class="top">Ἰησοῦν </div><div class="bottom">Иисуса</div></div> <div class="word"><div class="top">Χριστὸν </div><div class="bottom">Христа</div></div>, <div class="word"><div class="top">ἐρχόμενον </div><div class="bottom">приходящего</div></div> <div class="word"><div class="top">ἐν </div><div class="bottom">во</div></div> <div class="word"><div class="top">σαρκί </div><div class="bottom">плоти</div></div>. <div class="word"><div class="top">οὗτός </div><div class="bottom">Такой</div></div> <div class="word"><div class="top">ἐστιν </div><div class="bottom">есть</div></div> <div class="word"><div class="top">ὁ πλάνος </div><div class="bottom">обманщик</div></div> <div class="word"><div class="top">καὶ </div><div class="bottom">и</div></div> <div class="word"><div class="top">ὁ ἀντίχριστος </div><div class="bottom">антихрист</div></div>.
|
||
</div><div class="verseHeader">8</div><div class="verse"><div class="word"><div class="top">βλέπετε </div><div class="bottom">Смотрите за</div></div> <div class="word"><div class="top">ἑαυτούς </div><div class="bottom">собой</div></div>, <div class="word"><div class="top">ἵνα </div><div class="bottom">чтобы</div></div> <div class="word"><div class="top">ἀπολέσητε </div><div class="bottom">вы</div></div> <div class="word"><div class="top">μὴ </div><div class="bottom">не</div></div> <div class="word"><div class="top">ἀπολέσητε </div><div class="bottom">разрушили</div></div> <div class="word"><div class="top">ἃ </div><div class="bottom">того, над чем</div></div> <div class="word"><div class="top">εἰργασάμεθα </div><div class="bottom">мы работали</div></div>, <div class="word"><div class="top">ἀλλὰ </div><div class="bottom">но</div></div> <div class="word"><div class="top">μισθὸν </div><div class="bottom">награду</div></div> <div class="word"><div class="top">πλήρη </div><div class="bottom">полную</div></div> <div class="word"><div class="top">ἀπολάβητε </div><div class="bottom">получили</div></div>.
|
||
</div><div class="verseHeader">9</div><div class="verse"><div class="word"><div class="top">πᾶς </div><div class="bottom">Всякий</div></div>, <div class="word"><div class="top">ὁ </div><div class="bottom">кто</div></div> <div class="word"><div class="top">προάγων </div><div class="bottom">идёт вперёд</div></div> <div class="word"><div class="top">καὶ </div><div class="bottom">и</div></div> <div class="word"><div class="top">μὴ </div><div class="bottom">не</div></div> <div class="word"><div class="top">μένων </div><div class="bottom">пребывает</div></div> <div class="word"><div class="top">ἐν </div><div class="bottom">в</div></div> <div class="word"><div class="top">τῇ διδαχῇ </div><div class="bottom">учении</div></div> <div class="word"><div class="top">τοῦ Χριστοῦ </div><div class="bottom">Христа</div></div>, <div class="word"><div class="top">οὐκ </div><div class="bottom">не</div></div> <div class="word"><div class="top">ἔχει </div><div class="bottom">имеет</div></div> <div class="word"><div class="top">Θεὸν </div><div class="bottom">Бога</div></div>. <div class="word"><div class="top">ὁ </div><div class="bottom">Кто</div></div> <div class="word"><div class="top">μένων </div><div class="bottom">пребывает</div></div> <div class="word"><div class="top">ἐν </div><div class="bottom">в</div></div> <div class="word"><div class="top">τῇ διδαχῇ </div><div class="bottom">этом учении</div></div>, <div class="word"><div class="top">οὗτος </div><div class="bottom">тот</div></div> <div class="word"><div class="top">καὶ </div><div class="bottom">и</div></div> <div class="word"><div class="top">τὸν Πατέρα </div><div class="bottom">Отца</div></div>, <div class="word"><div class="top">καὶ </div><div class="bottom">и</div></div> <div class="word"><div class="top">τὸν Υἱὸν </div><div class="bottom">Сына</div></div> <div class="word"><div class="top">ἔχει </div><div class="bottom">имеет</div></div>.
|
||
</div><div class="verseHeader">10</div><div class="verse"><div class="word"><div class="top">εἴ </div><div class="bottom">Если</div></div> <div class="word"><div class="top">τις </div><div class="bottom">кто-то</div></div> <div class="word"><div class="top">ἔρχεται </div><div class="bottom">приходит</div></div> <div class="word"><div class="top">πρὸς </div><div class="bottom">к</div></div> <div class="word"><div class="top">ὑμᾶς </div><div class="bottom">вам</div></div> <div class="word"><div class="top">καὶ </div><div class="bottom">и</div></div> <div class="word"><div class="top">ταύτην </div><div class="bottom">этого</div></div> <div class="word"><div class="top">τὴν διδαχὴν </div><div class="bottom">учения</div></div> <div class="word"><div class="top">οὐ </div><div class="bottom">не</div></div> <div class="word"><div class="top">φέρει </div><div class="bottom">приносит</div></div>, <div class="word"><div class="top">μὴ </div><div class="bottom">не</div></div> <div class="word"><div class="top">λαμβάνετε </div><div class="bottom">принимайте</div></div> <div class="word"><div class="top">αὐτὸν </div><div class="bottom">его</div></div> <div class="word"><div class="top">εἰς </div><div class="bottom">в</div></div> <div class="word"><div class="top">οἰκίαν </div><div class="bottom">дом</div></div>, <div class="word"><div class="top">καὶ </div><div class="bottom">и</div></div> <div class="word"><div class="top">χαίρειν </div><div class="bottom">приветствия</div></div> <div class="word"><div class="top">αὐτῷ </div><div class="bottom">ему</div></div> <div class="word"><div class="top">μὴ </div><div class="bottom">не</div></div> <div class="word"><div class="top">λέγετε </div><div class="bottom">говорите</div></div>;
|
||
</div><div class="verseHeader">11</div><div class="verse"><div class="word"><div class="top">ὁ λέγων </div><div class="bottom">говорящий</div></div> <div class="word"><div class="top">γὰρ </div><div class="bottom">же</div></div> <div class="word"><div class="top">αὐτῷ </div><div class="bottom">ему</div></div> <div class="word"><div class="top">χαίρειν </div><div class="bottom">приветствие</div></div> <div class="word"><div class="top">κοινωνεῖ </div><div class="bottom">участвует</div></div> <div class="word"><div class="top">τοῖς ἔργοις </div><div class="bottom">в делах</div></div> <div class="word"><div class="top">αὐτοῦ </div><div class="bottom">его</div></div> <div class="word"><div class="top">τοῖς πονηροῖς </div><div class="bottom">злых</div></div>.
|
||
</div><div class="verseHeader">12</div><div class="verse"><div class="word"><div class="top">πολλὰ </div><div class="bottom">Многое</div></div> <div class="word"><div class="top">ἔχων </div><div class="bottom">имея</div></div> <div class="word"><div class="top">ὑμῖν </div><div class="bottom">вам</div></div> <div class="word"><div class="top">γράφειν </div><div class="bottom">написать</div></div>, <div class="word"><div class="top">οὐκ </div><div class="bottom">не</div></div> <div class="word"><div class="top">ἐβουλήθην </div><div class="bottom">хочу</div></div> <div class="word"><div class="top">διὰ </div><div class="bottom">на</div></div> <div class="word"><div class="top">χάρτου </div><div class="bottom">бумаге</div></div> <div class="word"><div class="top">καὶ </div><div class="bottom">и</div></div> <div class="word"><div class="top">μέλανος </div><div class="bottom">чернилами</div></div>, <div class="word"><div class="top">ἀλλὰ </div><div class="bottom">но</div></div> <div class="word"><div class="top">ἐλπίζω </div><div class="bottom">надеюсь</div></div> <div class="word"><div class="top">γενέσθαι </div><div class="bottom">оказаться</div></div> <div class="word"><div class="top">πρὸς </div><div class="bottom">у</div></div> <div class="word"><div class="top">ὑμᾶς </div><div class="bottom">вас</div></div> <div class="word"><div class="top">καὶ </div><div class="bottom">и</div></div> <div class="word"><div class="top">στόμα </div><div class="bottom">устами</div></div> <div class="word"><div class="top">πρὸς </div><div class="bottom">к</div></div> <div class="word"><div class="top">στόμα </div><div class="bottom">устам</div></div> <div class="word"><div class="top">λαλῆσαι </div><div class="bottom">поговорить</div></div>, <div class="word"><div class="top">ἵνα </div><div class="bottom">чтобы</div></div> <div class="word"><div class="top">ἡ χαρὰ </div><div class="bottom">радость</div></div> <div class="word"><div class="top">ὑμῶν </div><div class="bottom">ваша</div></div> <div class="word"><div class="top">πεπληρωμένη </div><div class="bottom">полной</div></div> <div class="word"><div class="top">ᾖ </div><div class="bottom">была</div></div>.
|
||
</div><div class="verseHeader">13</div><div class="verse"><div class="word"><div class="top">ἀσπάζεταί </div><div class="bottom">Приветствуют</div></div> <div class="word"><div class="top">σε </div><div class="bottom">тебя</div></div> <div class="word"><div class="top">τὰ τέκνα </div><div class="bottom">дети</div></div> <div class="word"><div class="top">τῆς ἀδελφῆς </div><div class="bottom">сестры</div></div> <div class="word"><div class="top">σου </div><div class="bottom">твоей</div></div> <div class="word"><div class="top">τῆς ἐκλεκτῆς </div><div class="bottom">избранной</div></div>.</div><div class="verseHeader">front</div><div class="verse"></div></div></div>
|
||
<script sync="" src="./64-2JN_files/bundle.js.Без названия"></script>
|
||
<script>
|
||
//
|
||
</script>
|
||
|
||
|
||
</body></html> |