alcy.github.com/1jn04.htm at master · alcy/alcy.github.com · GitHub

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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>1 John 4</title>
    <link rel="stylesheet" type="text/css" href="css/gridj.css">
    <link rel="stylesheet" type="text/css" href="css/controls.css">
    <link rel="stylesheet" type="text/css" href="css/navigation.css">
</head>

<body>

<!-- TOP RIBBON - Mobile Only -->
<div class="nav-ribbon" id="navRibbon" data-book="1 John" data-chapter="4">
    <span class="nav-menu" id="navMenu">☰</span>
    <a href="1jn03.htm" class="nav-arrow nav-prev">←</a>
    <span class="nav-text">1 John 4</span>
    <a href="1jn05.htm" class="nav-arrow nav-next">→</a>
</div>

<!-- MENU DROPDOWN -->
<div class="menu-dropdown" id="menuDropdown">
    <div class="menu-option" id="aboutLink">About</div>
    <div class="menu-option verse-toggle">
        Verse Numbering
        <span class="toggle-options">
            <span class="toggle-choice" id="verseOn">On</span>
            <span class="toggle-choice active" id="verseOff">Off</span>
        </span>
    </div>
</div>

<!-- THE TALUS BONE - Navigation Aid (Desktop) -->
<div class="nav-aid" id="navAid">
    <a href="1jn03.htm" class="nav-arrow nav-prev">←</a>
    <span class="nav-text">1 John 4</span>
    <a href="1jn05.htm" class="nav-arrow nav-next">→</a>
</div>

<!-- TREE CONTAINER (hidden by default) -->
<div class="tree-container" id="treeContainer">
    <svg id="tree"></svg>
</div>

<article>
    <h1>John's First Letter</h1>
    <h2>Chapter 4</h2>

    <section><p><span class="verse" id="V1"></span>Beloved, don’t believe every spirit, but test the spirits, whether they are of God, because many false prophets have gone out into the world.   <span class="verse" id="V2"></span>By this you know the Spirit of God: every spirit who confesses that Jesus Christ has come in the flesh is of God,   <span class="verse" id="V3"></span>and every spirit who doesn’t confess that Jesus Christ has come in the flesh is not of God; and this is the spirit of the Antichrist, of whom you have heard that it comes. Now it is in the world already.   <span class="verse" id="V4"></span>You are of God, little children, and have overcome them, because greater is he who is in you than he who is in the world.   <span class="verse" id="V5"></span>They are of the world. Therefore they speak of the world, and the world hears them.   <span class="verse" id="V6"></span>We are of God. He who knows God listens to us. He who is not of God doesn’t listen to us. By this we know the spirit of truth, and the spirit of error.</p><p><span class="verse" id="V7"></span>Beloved, let’s love one another, for love is of God; and everyone who loves has been born of God and knows God.   <span class="verse" id="V8"></span>He who doesn’t love doesn’t know God, for God is love.   <span class="verse" id="V9"></span>By this God’s love was revealed in us, that God has sent his only born<label class="margin-toggle sidenote-number" for="1jn-4-9-note-1">
</label>
<input class="margin-toggle" id="1jn-4-9-note-1" type="checkbox"/>
<span class="sidenote">
        The phrase “only born” is from the Greek word “μονογενη”, which is sometimes translated “only begotten” or “one and only”.
        </span> Son into the world that we might live through him.   <span class="verse" id="V10"></span>In this is love, not that we loved God, but that he loved us, and sent his Son as the atoning sacrifice<label class="margin-toggle sidenote-number" for="1jn-4-10-note-1">
</label>
<input class="margin-toggle" id="1jn-4-10-note-1" type="checkbox"/>
<span class="sidenote">
        “atoning sacrifice” is from the Greek “ιλασμος”, an appeasing, propitiating, or the means of appeasement or propitiation—the sacrifice that turns away God’s wrath because of our sin.
        </span> for our sins.   <span class="verse" id="V11"></span>Beloved, if God loved us in this way, we also ought to love one another.   <span class="verse" id="V12"></span>No one has seen God at any time. If we love one another, God remains in us, and his love has been perfected in us.</p><p><span class="verse" id="V13"></span>By this we know that we remain in him and he in us, because he has given us of his Spirit.   <span class="verse" id="V14"></span>We have seen and testify that the Father has sent the Son as the Savior of the world.   <span class="verse" id="V15"></span>Whoever confesses that Jesus is the Son of God, God remains in him, and he in God.   <span class="verse" id="V16"></span>We know and have believed the love which God has for us. God is love, and he who remains in love remains in God, and God remains in him.   <span class="verse" id="V17"></span>In this, love has been made perfect among us, that we may have boldness in the day of judgment, because as he is, even so we are in this world.   <span class="verse" id="V18"></span>There is no fear in love; but perfect love casts out fear, because fear has punishment. He who fears is not made perfect in love.   <span class="verse" id="V19"></span>We love him,<label class="margin-toggle sidenote-number" for="1jn-4-19-note-1">
</label>
<input class="margin-toggle" id="1jn-4-19-note-1" type="checkbox"/>
<span class="sidenote">
        NU omits “him”.
        </span> because he first loved us.   <span class="verse" id="V20"></span>If a man says, “I love God,” and hates his brother, he is a liar; for he who doesn’t love his brother whom he has seen, how can he love God whom he has not seen?   <span class="verse" id="V21"></span>This commandment we have from him, that he who loves God should also love his brother. <span class="nav-ribbon-bottom"><a class="nav-arrow nav-next" href="1jn05.htm">→</a></span></p></section>
</article>

<!-- D3.js -->
<script src="https://d3js.org/d3.v7.min.js"></script>

<!-- Bible Data -->
<script src="bible-data.js"></script>

<!-- Navigation Script -->
<script src="js/navigation.js"></script>

<!-- Navigation Controls Script -->
<script src="js/nav-controls.js"></script>

</body>
</html>