index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Hebrews 1</title>
    <link rel="stylesheet" type="text/css" href="css/gridj.css">
</head>

<body>

<div class="container">
    <div class="jesus">
        <svg  width="100%" height="600" viewBox="0 0 1200 600">
            <g
            id="layer1" transform="translate(-120)">
           <path
              style="fill:none;stroke:none;stroke-width:1.95235"
              d="m 152.87482,197.12806 98.96633,0.8046"
              id="path1" />
           <path
              style="fill:none;stroke:none;stroke-width:1.95235"
              d="m 205.1741,197.93266 2.41381,231.72605"
              id="path2" />
           <path
              style="fill:none;stroke:none;stroke-width:1.95235"
              d="m 121.49525,481.95799 c 16.36029,12.33726 32.72058,24.67453 45.99665,21.45593 13.27608,-3.21861 23.46753,-21.99234 29.50208,-37.14584 6.03455,-15.15349 7.91192,-26.68592 9.78933,-38.21858"
              id="path3"
              transform="matrix(1.1028652,0,0,0.96847068,-12.471336,15.949895)" />
           <text
              xml:space="preserve"
              style="font-size:30px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;stroke:#000000;stroke-width:1.95235"
              id="text3"><textPath
                xlink:href="#path1"
                id="textPath5"><tspan
                  id="tspan4"
                  style="font-size:30px">Genesis</tspan></textPath></text>
           <text
              xml:space="preserve"
              style="font-size:30px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;stroke:#000000;stroke-width:1.95235"
              id="text5"><textPath
                xlink:href="#path2"
                id="textPath6"><tspan
                  id="tspan5">   Exodus Leviticus</tspan></textPath></text>
           <text
              xml:space="preserve"
              style="font-size:30px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;stroke:#000000;stroke-width:1.95235"
              id="text6"
              transform="matrix(1.0517136,0,0,1.147189,-6.2046987,-74.477334)"><textPath
                xlink:href="#path3"
                id="textPath7"><tspan
                  id="tspan6"
                  style="fill:#000000;stroke:#000000">Nu m bers</tspan></textPath></text>
           <text
              xml:space="preserve"
              style="font-size:30px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;stroke:#000000;stroke-width:1.95235"
              id="text7"
              transform="matrix(0.96588309,0,0,1.1144474,10.59517,-23.16877)"><textPath
                xlink:href="#path9"
                id="textPath11"><tspan
                  id="tspan7">  Deuteronomy</tspan></textPath></text>
           <path
              style="fill:none;stroke:none;stroke-width:1.95235"
              d="m 315.40489,201.15108 122.29986,0.8046"
              id="path8" />
           <path
              style="fill:none;stroke:none;stroke-width:1.95235"
              d="m 316.2095,202.76029 0.8046,225.28921"
              id="path9" />
           <path
              style="fill:none;stroke:none;stroke-width:1.95235"
              d="M 317.0141,428.8541 H 432.87712"
              id="path10" />
           <path
              style="fill:none;stroke:none;stroke-width:1.95235"
              d="M 318.62331,305.74964 H 409.5436"
              id="path11" />
           <text
              xml:space="preserve"
              style="font-size:30px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:none;stroke:none;stroke-width:1.95235"
              id="text11"
              transform="translate(13.678273)"><textPath
                xlink:href="#path8"
                id="textPath13"><tspan
                  id="tspan11"
                  style="fill:#000000;stroke:#000000">Joshua</tspan></textPath></text>
           <text
              xml:space="preserve"
              style="font-size:30px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;stroke:#000000;stroke-width:1.95235"
              id="text12"
              transform="translate(15.287482,-0.80460432)"><textPath
                xlink:href="#path10"
                id="textPath14"><tspan
                  id="tspan12">Judges</tspan></textPath></text>
           <text
              xml:space="preserve"
              style="font-size:30px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;stroke:#000000;stroke-width:1.95235"
              id="text13"
              transform="translate(17.701295)"><textPath
                xlink:href="#path11"
                id="textPath15"><tspan
                  id="tspan13">Ruth</tspan></textPath></text>
           <path
              style="fill:none;stroke:none;stroke-width:1.95235"
              d="m 491.61324,378.96863 c 6.43683,21.18792 12.87367,42.37583 26.95446,52.83569 14.08079,10.45985 35.80468,10.19165 52.70149,6.03445 16.89681,-4.1572 28.96563,-12.20308 38.08454,-22.12666 9.11892,-9.92357 15.28742,-21.72419 18.23764,-34.19569 2.95021,-12.4715 2.68201,-25.61311 -2.0116,-36.60946 -4.69362,-10.99634 -13.81229,-19.84682 -33.7936,-33.12296 -19.98132,-13.27615 -50.82387,-30.9771 -66.37955,-45.19188 -15.55569,-14.21478 -15.82389,-24.94262 -14.21464,-33.39103 1.60924,-8.44841 5.09579,-14.61692 11.13041,-20.3833 6.03462,-5.76639 14.61689,-11.13031 26.0156,-13.94643 11.3987,-2.81612 25.61309,-3.08431 38.08457,0.26828 12.47147,3.35259 23.19931,10.32568 33.92737,17.29892"
              id="path15"
              transform="matrix(1.0347496,0,0,0.99987366,-17.067868,0.03916871)" />
           <path
              style="fill:none;stroke:none;stroke-width:1.95235"
              d="m 491.61324,378.96863 c 6.43683,21.18792 12.87367,42.37583 26.95446,52.83569 14.08079,10.45985 35.80468,10.19165 52.70149,6.03445 16.89681,-4.1572 28.96563,-12.20308 38.08454,-22.12666 9.11892,-9.92357 15.28742,-21.72419 18.23764,-34.19569 2.95021,-12.4715 2.68201,-25.61311 -2.0116,-36.60946 -4.69362,-10.99634 -13.81229,-19.84682 -33.7936,-33.12296 -19.98132,-13.27615 -50.82387,-30.9771 -66.37955,-45.19188 -15.55569,-14.21478 -15.82389,-24.94262 -14.21464,-33.39103 1.60924,-8.44841 5.09579,-14.61692 11.13041,-20.3833 6.03462,-5.76639 14.61689,-11.13031 26.0156,-13.94643 11.3987,-2.81612 25.61309,-3.08431 38.08457,0.26828 12.47147,3.35259 23.19931,10.32568 33.92737,17.29892"
              id="path15-4"
              transform="matrix(0.87368153,0,0,0.9069993,512.40287,39.615778)" />
           <text
              xml:space="preserve"
              style="font-size:30px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:none;stroke:#000000;stroke-width:1.95235"
              id="text15"><textPath
                xlink:href="#path15"
                id="textPath19"><tspan
                  id="tspan15"
                  style="fill:#000000;stroke:#000000">1Samuel 2Samuel 1Kings 2Kings 1Chronicles</tspan></textPath></text>
           <path
              style="fill:none;stroke:none;stroke-width:1.95235"
              d="m 704.02878,201.95568 c 0.2682,46.93526 0.5364,93.87051 0.93871,126.99358 0.4023,33.12307 0.9387,52.43319 8.31438,67.45258 7.37568,15.01938 21.59008,25.74723 35.939,31.64767 14.34892,5.90044 28.83151,6.97322 43.58274,5.76628 14.75123,-1.20694 29.77021,-4.69348 41.43706,-16.36045 11.66684,-11.66696 19.98092,-31.51347 24.27214,-69.06223 4.29123,-37.54875 4.55943,-92.79714 4.82763,-148.04663"
              id="path19"
              transform="matrix(1.0444322,0,0,1.0066998,-31.241383,-5.352499)" />
           <text
              xml:space="preserve"
              style="font-size:30px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:none;stroke:#000000;stroke-width:1.95235"
              id="text20"><textPath
                xlink:href="#path19"
                id="textPath20"><tspan
                  id="tspan20"
                  style="fill:#000000;stroke:#000000">2Chronicles Ezra Nehemiah Esther Job Psalms</tspan></textPath></text>
           <text
              xml:space="preserve"
              style="font-size:30px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:none;stroke:none;stroke-width:1.95235"
              id="text21"><textPath
                xlink:href="#path15-4"
                id="textPath21"><tspan
                  id="tspan21"
                  style="fill:#000000;stroke:#000000">Proverbs Ecclesiasiastes Song of Songs</tspan></textPath></text>
         </g> 
         </svg>
    </div>
    <div class="christ">
        <svg width="200" height="200vh" viewBox="0 0 110 300" xmlns="http://www.w3.org/2000/svg">
            <g
           id="layer2">
          <path
             style="display:none;fill:none;stroke:#000000;stroke-width:0.516559"
             d="m 63.306941,147.95737 0.361754,64.75395"
             id="path3_" />
          <path
             style="display:none;fill:none;stroke:#000000;stroke-width:0.516559"
             d="m 103.82339,147.59561 v 64.75396"
             id="path4_" />
          <path
             style="display:none;fill:none;stroke:#000000;stroke-width:0.516559"
             d="M 63.306941,178.3447 H 103.46163"
             id="path5_" />
          <path
             style="display:none;fill:none;stroke:#000000;stroke-width:0.516559"
             d="M 66.200974,237.31059 65.83922,300.97928"
             id="path6_" />
          <path
             style="display:none;fill:none;stroke:#000000;stroke-width:0.516559"
             d="m 66.200974,237.67235 c 4.461632,-0.24117 8.923264,-0.48234 12.842299,0.1206 3.919036,0.60294 7.295336,2.04992 9.767338,4.22048 2.472002,2.17055 4.03957,5.06452 4.401315,8.50122 0.361744,3.43671 -0.48233,7.41592 -2.110246,10.24967 -1.627916,2.83376 -4.039556,4.52191 -8.380669,5.48659 -4.341113,0.96468 -10.611388,1.20585 -16.881791,1.44702"
             id="path7_" />
          <path
             style="display:none;fill:none;stroke:#000000;stroke-width:0.516559"
             d="m 66.200974,267.33616 34.004876,34.36665"
             id="path8_" />
          <path
             style="display:none;fill:none;stroke:#000000;stroke-width:0.533734"
             d="M 64.210709,318.70325 H 89.717874"
             id="path9_" />
          <path
             style="display:none;fill:none;stroke:#000000;stroke-width:0.516559"
             d="m 77.415347,318.70523 0.361754,61.13642"
             id="path10_" />
          <path
             style="display:none;fill:none;stroke:#000000;stroke-width:0.566257"
             d="m 64.563728,380.18443 26.683113,-0.17974"
             id="path11_" />
          <path
             style="display:none;fill:none;stroke:#000000;stroke-width:0.516559"
             d="m 59.508524,450.9263 c 1.869068,2.95434 3.738121,5.90865 5.99911,7.89831 2.260988,1.98967 4.913801,3.01461 8.169626,3.37636 3.255824,0.36175 7.114456,0.0603 10.159244,-0.93455 3.044788,-0.99484 5.275559,-2.68299 6.993901,-4.55207 1.718342,-1.86909 2.924161,-3.91898 3.496937,-6.54173 0.572776,-2.62275 0.512486,-5.81817 0.180871,-8.22989 -0.331614,-2.41172 -0.934521,-4.03957 -1.959505,-5.27557 -1.024984,-1.23601 -2.471968,-2.08008 -7.204997,-4.85357 -4.733029,-2.77349 -12.751746,-7.4762 -17.002362,-10.88273 -4.250616,-3.40654 -4.732943,-5.51672 -4.883673,-7.50639 -0.15073,-1.98967 0.03014,-3.85871 0.994843,-5.69764 0.964699,-1.83893 2.713128,-3.64765 4.79324,-4.94395 2.080111,-1.2963 4.491755,-2.08008 6.722592,-2.41169 2.230836,-0.33161 4.280734,-0.21103 5.818201,0 1.537467,0.21102 2.562412,0.51248 4.069738,1.59776 1.507326,1.08528 3.496932,2.95431 5.486583,4.82337"
             id="path12_" />
          <path
             style="display:none;fill:none;stroke:#000000;stroke-width:0.516559"
             d="m 51.54994,487.28256 54.26309,-0.18087"
             id="path13_" />
          <path
             style="display:none;fill:none;stroke:#000000;stroke-width:0.516559"
             d="m 78.138855,487.64433 0.180877,62.04079"
             id="path14_" />
          <path
             style="display:none;fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.516559;stroke-opacity:1"
             d="m 104.72777,111.96285 c -4.09988,3.19549 -8.199758,6.39099 -10.370284,7.89829 -2.170525,1.50731 -2.411692,1.32643 -4.521962,1.41688 -2.11027,0.0904 -6.089483,0.45219 -9.254855,-0.1809 -3.165372,-0.63309 -5.516726,-2.26095 -7.807856,-4.4315 -2.29113,-2.17055 -4.521902,-4.88365 -6.330684,-8.71226 -1.808783,-3.82861 -3.195479,-8.772484 -3.677813,-13.143716 -0.482334,-4.371231 -0.0603,-8.169573 0.904395,-12.148907 0.964692,-3.979335 2.471969,-8.139421 4.552082,-11.395231 2.080112,-3.255811 4.732921,-5.607164 7.114489,-7.144626 2.381568,-1.537461 4.491758,-2.260954 7.144651,-2.592561 2.652894,-0.331607 5.848325,-0.271316 8.561502,0.301472 2.713176,0.572788 4.943947,1.658027 6.511557,2.683007 1.56761,1.02498 2.471978,1.989639 3.376358,2.954313"
             id="path15_" />
          <text
             xml:space="preserve"
             style="font-size:7.9375px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.516559;stroke-opacity:1"
             id="text15"
             transform="translate(-2.5322777,-51.549939)"><textPath
               xlink:href="#path15_"
               id="textPath15"
               style="font-size:7.9375px;fill:#000000;fill-opacity:1;stroke-width:0.516559">Isaiah Jeremiah Lamentations Ezekiel</textPath></text>
          <text
             xml:space="preserve"
             style="font-size:7.9375px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.516559;stroke-opacity:1"
             id="text16"
             transform="translate(-2.5322777,-51.549939)"><textPath
               xlink:href="#path3_"
               id="textPath16"><tspan
                 id="tspan16"
                 style="stroke-width:0.516559">Daniel  Hosea  Joel</tspan></textPath></text>
          <text
             xml:space="preserve"
             style="font-size:7.9375px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.516559;stroke-opacity:1"
             id="text17"
             transform="translate(-2.5322777,-51.549939)"><textPath
               xlink:href="#path5_"
               id="textPath17"><tspan
                 id="tspan17"
                 style="stroke-width:0.516559">     Obadiah</tspan></textPath></text>
          <text
             xml:space="preserve"
             style="font-size:7.9375px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.516559;stroke-opacity:1"
             id="text18"
             transform="translate(-2.5322777,-51.549939)"><textPath
               xlink:href="#path4_"
               id="textPath18"><tspan
                 id="tspan18"
                 style="stroke-width:0.516559">Amos  Jonah  Micah</tspan></textPath></text>
          <text
             xml:space="preserve"
             style="font-size:7.9375px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.516559;stroke-opacity:1"
             id="text19"
             transform="translate(-2.5322777,-51.549939)"><textPath
               xlink:href="#path6_"
               id="textPath19"><tspan
                 id="tspan19"
                 style="stroke-width:0.516559">Nahum Habakkuk</tspan></textPath></text>
          <text
             xml:space="preserve"
             style="font-size:7.9375px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.516559;stroke-opacity:1"
             id="text20"
             transform="translate(-2.5322777,-51.549939)"><textPath
               xlink:href="#path7_"
               id="textPath20"><tspan
                 id="tspan20"
                 style="stroke-width:0.516559">   Zephaniah Haggai</tspan></textPath></text>
          <text
             xml:space="preserve"
             style="font-size:7.9375px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.516559;stroke-opacity:1"
             id="text21"
             transform="translate(-2.5322777,-51.549939)"><textPath
               xlink:href="#path8_"
               id="textPath21"><tspan
                 id="tspan21"
                 style="stroke-width:0.516559">       Zechariah</tspan></textPath></text>
          <text
             xml:space="preserve"
             style="font-size:7.9375px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.516559;stroke-opacity:1"
             id="text22"
             transform="translate(-2.5322777,-51.549939)"><textPath
               xlink:href="#path9_"
               id="textPath22"><tspan
                 id="tspan22"
                 style="stroke-width:0.516559">Malachi</tspan></textPath></text>
          <text
             xml:space="preserve"
             style="font-size:7.9375px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.516559;stroke-opacity:1"
             id="text23"
             transform="translate(-2.5322777,-51.549939)"><textPath
               xlink:href="#path10_"
               id="textPath23"><tspan
                 id="tspan23"
                 style="stroke-width:0.516559"> Mark Luke John </tspan></textPath></text>
          <text
             xml:space="preserve"
             style="font-size:7.9375px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.516559;stroke-opacity:1"
             id="text24"
             transform="translate(-2.5322777,-51.549939)"><textPath
               xlink:href="#path11_"
               id="textPath24"><tspan
                 id="tspan24"
                 style="stroke-width:0.516559">Matthew</tspan></textPath></text>
          <text
             xml:space="preserve"
             style="font-size:7.9375px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.516559;stroke-opacity:1"
             id="text25"
             transform="translate(-2.5322777,-51.549939)"><textPath
               xlink:href="#path12_"
               id="textPath25"><tspan
                 id="tspan25"
                 style="stroke-width:0.516559">Acts Romans 1COr 2Cor Gal Eph Phil Col </tspan></textPath></text>
          <text
             xml:space="preserve"
             style="font-size:7.9375px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.516559;stroke-opacity:1"
             id="text27"
             transform="translate(-2.5322777,-51.549939)"><textPath
               xlink:href="#path13_"
               id="textPath27"><tspan
                 id="tspan27"
                 style="stroke-width:0.516559">  1Thess 2Thess </tspan></textPath></text>
          <text
             xml:space="preserve"
             style="font-size:7.9375px;font-family:'Gentium Plus';-inkscape-font-specification:'Gentium Plus';fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.516559;stroke-opacity:1"
             id="text28"
             transform="translate(-2.5322777,-51.549939)"><textPath
               xlink:href="#path14_"
               id="textPath28"><tspan
                 id="tspan28"
                 style="stroke-width:0.516559"> 1Tim  2Tim  Tit</tspan></textPath></text>
        </g>
         </svg> 
    </div>
    <div class="bible">
        <h1>The Letter to the Hebrews</h1>
    <h2>Chapter 1</h2>
    <section>
        <p>God, having in the past spoken to the fathers through the prophets at many times and in various ways,  has at the end of these days spoken to us by his Son, whom he appointed heir of all things, through whom also he made the worlds.  His Son is the radiance of his glory, the very image of his substance, and upholding all things by the word of his power, who, when he had by himself purified us of our sins, sat down on the right hand of the Majesty on high,  having become as much better than the angels as the more excellent name he has inherited is better than theirs.  For to which of the angels did he say at any time,</p>
        <blockquote><p>“You are my Son. <br/>Today I have become your Father?”<label for="sn-demo"
        class="margin-toggle sidenote-number">
        </label> 
        <input type="checkbox" id="sn-demo" class="margin-toggle"/>
        <span class="sidenote">
        Ps 2:7
        </span></p></blockquote>
        <p>and again, </p><blockquote><p>“I will be to him a Father, <br/>and he will be to me a Son?”<label for="next"
            class="margin-toggle sidenote-number">
            </label> 
            <input type="checkbox" id="next" class="margin-toggle"/>
            <span class="sidenote">
            2 Samuel 7:14; 1 Chronicles 17:13
            </span></p></blockquote>
        <p> When he again brings in the firstborn into the world he says, </p><blockquote><p>“Let all the angels of God worship him.”<label for="next-"
            class="margin-toggle sidenote-number">
            </label> 
            <input type="checkbox" id="next-" class="margin-toggle"/>
            <span class="sidenote">
            Deuteronomy 32:43 LXX
            </span></p></blockquote>
            <p>Of the angels he says, </p><blockquote><p>“He makes his angels winds, <br/>and his servants a flame of fire.”<label for="next--"
            class="margin-toggle sidenote-number">
            </label> 
            <input type="checkbox" id="next--" class="margin-toggle"/>
            <span class="sidenote">
            Psalms 104:4
            </span></p></blockquote><p> But of the Son he says, </p><blockquote><p>“Your throne, O God, is forever and ever. <br/>The scepter of uprightness is the scepter of your Kingdom. <br/> You have loved righteousness and hated iniquity; <br/>therefore God, your God, has anointed you with the oil of gladness above your fellows.”<label for="next---"
            class="margin-toggle sidenote-number">
            </label> 
            <input type="checkbox" id="next---" class="margin-toggle"/>
            <span class="sidenote">
            Psalms 45:6-7
            </span></p></blockquote>
            <p> And, </p><blockquote><p>“You, Lord, in the beginning, laid the foundation of the earth. <br/>The heavens are the works of your hands. <br/> They will perish, but you continue. <br/>They all will grow old like a garment does. <br/> You will roll them up like a mantle, <br/>and they will be changed; <br/>but you are the same. <br/>Your years won’t fail.”<label for="next----"
            class="margin-toggle sidenote-number">
            </label> 
            <input type="checkbox" id="next----" class="margin-toggle"/>
            <span class="sidenote">
            Psalms 102:25-27
            </span></p></blockquote>
            <p> But which of the angels has he told at any time, </p><blockquote><p>“Sit at my right hand, <br/>until I make your enemies the footstool of your feet?”<label for="next-----"
                class="margin-toggle sidenote-number">
                </label> 
                <input type="checkbox" id="next-----" class="margin-toggle"/>
                <span class="sidenote">
                Psalms 110:1
                </span></p></blockquote>
                <p> Aren’t they all serving spirits, sent out to do service for the sake of those who will inherit salvation? </p>
</section>
    </div>
  </div>

</body>
</html>