Last active
September 23, 2025 19:09
-
-
Save loveJesus/275e5b5bfc283fbefd3b8fcebe11ffa5 to your computer and use it in GitHub Desktop.
Bible-Flashcard-Chirho-My-Pen-Group-Project.html
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>Bible Flashcard Chirho - My Pen Group Project</title> | |
| <style> | |
| body { | |
| background: magenta; | |
| font-family:; | |
| text-align: center; | |
| } | |
| .cardChirho { | |
| border: 5px solid black; | |
| text-align: center; | |
| display: inline-block; | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| background: white; | |
| } | |
| #pContentChirho { | |
| display: none; | |
| } | |
| h2 { | |
| background: purple; | |
| color: black; | |
| display: inline-block; | |
| padding: 8px; | |
| } | |
| h4 { | |
| } | |
| .roundedChirho { | |
| border-radius: 20px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div onclick="displayContentChirho();"> | |
| <h4 class="roundedChirho">Next Card</h4> | |
| </div> | |
| <div> | |
| <h2 class="roundedChirho">Verses</h2> | |
| </div> | |
| <div onclick="comebackChirho();" class="roundedChirho cardChirho"> | |
| <h1 id="h1CitationChirho">Walk with Jesus</h1> | |
| <p id="pContentChirho">click here</p> | |
| </div> | |
| <script> | |
| // Hallelujah, this is a list of 12 Bible verses | |
| let bibleVersesChirho = [ | |
| { | |
| citationChirho: "Hebrews 11:1", | |
| contentChirho: | |
| "Now faith is confidence in what we hope for and assurance about what we do not see.", | |
| }, | |
| { | |
| citationChirho: "Ephesians 2:8", | |
| contentChirho: | |
| "For it is by grace you have been saved, through faith—and this is not from yourselves, it is the gift of God", | |
| }, | |
| { | |
| citationChirho: "Romans 10:17", | |
| contentChirho: | |
| "Consequently, faith comes from hearing the message, and the message is heard through the word about Christ.", | |
| }, | |
| { | |
| citationChirho: "Colossians 2:6-7", | |
| contentChirho: | |
| "So then, just as you received Christ Jesus as Lord, continue to live your lives in him, rooted and built up in him, strengthened in the faith as you were taught, and overflowing with thankfulness.", | |
| }, | |
| { | |
| citationChirho: "1 Peter 2:21", | |
| contentChirho: | |
| "To this you were called, because Christ suffered for you, leaving you an example, that you should follow in his steps.", | |
| }, | |
| { | |
| citationChirho: "John 8:12", | |
| contentChirho: | |
| "When Jesus spoke again to the people, he said, “I am the light of the world. Whoever follows me will never walk in darkness, but will have the light of life.”", | |
| }, | |
| { | |
| citationChirho: "Matthew 4:19", | |
| contentChirho: | |
| "“Come, follow me,” Jesus said, “and I will send you out to fish for people.”", | |
| }, | |
| { | |
| citationChirho: "John 10:10", | |
| contentChirho: | |
| "The thief comes only to steal and kill and destroy; I have come that they may have life, and have it to the full.", | |
| }, | |
| { | |
| citationChirho: "Psalms 34:8", | |
| contentChirho: | |
| "Taste and see that the Lord is good;blessed is the one who takes refuge in him.", | |
| }, | |
| { | |
| citationChirho: "James 1:17", | |
| contentChirho: | |
| "Every good and perfect gift is from above, coming down from the Father of the heavenly lights, who does not change like shifting shadows.", | |
| }, | |
| { | |
| citationChirho: "Matthew 4:19", | |
| contentChirho: | |
| "'Come, follow me,' Jesus said, 'and I will send you out to fish for people.'", | |
| }, | |
| ]; | |
| function displayContentChirho() { | |
| let randomIndexChirho = Math.floor( | |
| Math.random() * bibleVersesChirho.length, | |
| ); | |
| let randomBibleVerseChirho = | |
| bibleVersesChirho[randomIndexChirho]; | |
| let h1ElementChirho = | |
| document.getElementById("h1CitationChirho"); | |
| let pElementChirho = document.getElementById("pContentChirho"); | |
| h1ElementChirho.innerHTML = | |
| randomBibleVerseChirho.citationChirho; | |
| pElementChirho.innerHTML = randomBibleVerseChirho.contentChirho; | |
| pElementChirho.style.display = "none"; | |
| } | |
| function comebackChirho() { | |
| let pElementChirho = document.getElementById("pContentChirho"); | |
| pElementChirho.style.display = "block"; | |
| } | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment