[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_198":199,"_200":201},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_69":151,"_40":-7,"_152":-5,"_17":153,"_154":155,"_156":157,"_158":159,"_160":161,"_109":-5,"_162":163,"_164":165,"_166":48,"_167":168,"_169":26,"_170":-5,"_171":-5,"_172":173},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","cameronpak","name","bible-reader","branchName","main","project",{"_32":58,"_13":14,"_34":113,"_46":-5,"_114":48,"_49":50,"_115":50,"_116":-5,"_117":-5,"_118":119,"_120":-5,"_121":48,"_122":-5,"_123":-5,"_124":22,"_52":53,"_125":-5,"_126":-5,"_127":-5,"_128":-5,"_129":130,"_131":130,"_132":133,"_134":133,"_135":133,"_136":130,"_137":130,"_138":139,"_140":141,"_142":28,"_47":48},"ahead",23,"behind",0,"diff",{"_62":63,"_64":65,"_66":67},"hasChanges",true,"sourceBranch",{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":41,"_59":50,"_60":39,"_61":53,"_54":14,"_51":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":12,"_52":53,"_54":55},"pull","id","079bed7a-1c8b-11f1-b76d-42dde27851f2","createdAt",["D",1773151887888],"updatedAt",["D",1773247891437],"projectId","079b437a-1c8b-11f1-b76d-42dde27851f2","version",44,"forkedBranchId","forkedBranchVersion","lockfileKey","1773247891633-esm.town_v_cameronpak_semantics-css-demo@44-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","47e0b4b2-7d41-46e6-8dce-0ae3d76e1a8f","projectName","semantics-css-demo",24,"531d2644-1e37-11f1-948d-42dde27851f2","53187f2c-1e37-11f1-948d-42dde27851f2","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[],"deleted",[101],"modified",[68],{"_69":70,"_71":72,"_73":74},"path","main.tsx","targetFile",{"_32":93,"_13":70,"_76":94,"_78":-5,"_79":33,"_80":41,"_81":26,"_34":95,"_40":96,"_84":85,"_86":97,"_64":48,"_88":98,"_89":-7,"_69":99,"_91":100},"sourceFile",{"_32":75,"_13":70,"_76":77,"_78":-5,"_79":57,"_80":56,"_81":26,"_34":82,"_40":83,"_84":85,"_86":87,"_64":48,"_88":-5,"_89":-7,"_69":90,"_91":92},"2050006e-1ef6-11f1-ae47-42dde27851f2","fileId","019ce30d-81c6-76dd-936a-d4bd1a79869f","parentId","branchId","branchVersion","latest",["D",1773417787788],22,"fileType","http","content","/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from \"npm:hono\";\nimport { css, Style } from \"npm:hono/css\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => {\n return c.html(\n \n \n \n \n YV Bible HTML Demo\n \n \n \n \n\n \n

YV Bible HTML Demo

\n \n

See code on Val.Town

\n \n\n

\n\n

The Beginning

\n \n 1In the beginning was the Word, and\n the Word was with God, and the Word was God.{\" \"}\n \n 2He was with God in the beginning.\n {\" \"}\n \n 3Through Him all things were made,\n and without Him nothing was made that has been made.{\" \"}\n \n 4In Him was life, and that life was\n the light of men. \n 5The Light shines in the darkness,\n and the darkness has not overcome\n 1:5\n Or\n comprehended\n \n it.\n

The Witness of John

\n \n 6There came a man who was sent from\n God. His name was John. \n 7He came as a witness to testify\n about the Light, so that through him everyone might believe.\n \n 8He himself was not the Light, but he\n came to testify about the Light.\n

\n \n 9The true Light, who gives light to\n everyone, was coming into the world.{\" \"}\n \n 10He was in the world, and though the\n world was made through Him, the world did not recognize Him.{\" \"}\n \n 11He came to His own, and His own did\n not receive Him.\n \n 12But to all who did receive Him, to\n those who believed in His name, He gave the right to become\n children of God —\n \n 13children born not of blood, nor of\n the desire or will of man, but born of God.\n

The Word Became Flesh

\n \n 14The Word became flesh and made His\n dwelling among us.\n 1:14\n Or\n and tabernacled among us\n \n We have seen His glory, the glory of the one and only\n Son\n 1:14\n Or\n the Only Begotten\n or\n the Unique One\n \n from the Father, full of grace and truth.\n

\n \n 15John testified concerning Him. He\n cried out, saying, “This is He of whom I said, ‘He who comes after\n me has surpassed me because He was before me.’”\n

\n \n 16From His fullness we have all\n received grace upon grace. \n 17For the law was given through\n Moses; grace and truth came through Jesus Christ.\n \n 18No one has ever seen God, but the\n one and only Son, who is Himself God and\n 1:18\n Or\n but the only begotten God, who\n ; BYZ and TR\n but the only begotten Son, who\n \n is at the Father’s side,\n 1:18\n Greek\n in the Father’s bosom\n \n has made Him known.\n

The Mission of John the Baptist

\n \n 19And this was John’s testimony when\n the Jews of Jerusalem sent priests and Levites to ask him, “Who\n are you?”\n \n 20He did not refuse to confess, but\n openly declared, “I am not the Christ.”\n

\n \n 21“Then who are you?” they inquired.\n “Are you Elijah?”\n

He said, “I am not.”

“Are you the Prophet?”

He answered, “No.”

\n \n 22So they said to him, “Who are you?\n We need an answer for those who sent us. What do you say about\n yourself?”\n

\n \n 23John replied in the words of Isaiah\n the prophet:\n

\n “I am a voice of one calling in the wilderness,\n

\n ‘Make straight the way for the Lord.’”\n 1:23\n Isaiah 40:3 (see also LXX)\n \n

\n \n 24Then the Pharisees who had been\n sent \n 25asked him, “Why then do you\n baptize, if you are not the Christ, nor Elijah, nor the Prophet?”\n

\n \n 26“I baptize\n with\n 1:26\n Or\n in\n ; also in verse 31 and twice in 33\n \n water,” John replied, “but among you stands One you do not know.\n \n 27He is the One who comes after me,\n the straps of whose sandals I am not worthy to untie.”\n

\n \n 28All this happened at Bethany beyond\n the Jordan, where John was baptizing.\n

Jesus the Lamb of God

\n \n 29The next day John saw Jesus coming\n toward him and said, “Look, the Lamb of God, who takes away the\n sin of the world!\n \n 30This is He of whom I said, ‘A man\n who comes after me has surpassed me because He was before me.’\n \n 31I myself did not know Him, but the\n reason I came baptizing with water was that He might be revealed\n to Israel.”\n

\n \n 32Then John testified, “I saw the\n Spirit descending from heaven like a dove and resting on Him.{\" \"}\n \n 33I myself did not know Him, but the\n One who sent me to baptize with water told me, ‘The man on whom\n you see the Spirit descend and rest is He who will baptize with\n the Holy Spirit.’ \n 34I have seen and testified that this\n is the Son of God.\n 1:34\n SBL\n the Chosen One of God\n ”\n

The First Disciples

\n \n 35The next day John was there again\n with two of his disciples. \n 36When he saw Jesus walking by, he\n said, “Look, the Lamb of God!”\n \n 37And when the two disciples heard\n him say this, they followed Jesus.\n

\n \n 38Jesus turned and saw them\n following. “What do you want?” He asked.\n

\n They said to Him, “Rabbi” (which means Teacher), “where are You\n staying?”\n

\n \n 39“Come and see,” He replied. So they\n went and saw where He was staying, and spent that day with Him. It\n was about the tenth hour.\n 1:39\n That is, about four in the afternoon\n \n

\n \n 40Andrew, Simon Peter’s brother, was\n one of the two who heard John’s testimony and followed Jesus.\n \n 41He first found his brother Simon\n and told him, “We have found the Messiah” (which is translated as\n Christ).\n

\n \n 42Andrew brought him to Jesus, who\n looked at him and said, “You are Simon son of John. You will be\n called Cephas” (which is translated as Peter).\n

Jesus Calls Philip and Nathanael

\n \n 43The next day Jesus decided to set\n out for Galilee. Finding Philip, He told him, “Follow Me.”{\" \"}\n \n 44Now Philip was from Bethsaida, the\n same town as Andrew and Peter.\n

\n \n 45Philip found Nathanael and told\n him, “We have found the One Moses wrote about in the Law, the One\n the prophets foretold — Jesus of Nazareth, the son of Joseph.”\n

\n \n 46“Can anything good come from\n Nazareth?” Nathanael asked.\n

“Come and see,” said Philip.

\n \n 47When Jesus saw Nathanael\n approaching, He said of him, “Here is a true Israelite, in whom\n there is no deceit.”\n

\n \n 48“How do You know me?” Nathanael\n asked.\n

\n Jesus replied, “Before Philip called you, I saw you under the fig\n tree.”\n

\n \n 49“Rabbi,” Nathanael answered, “You\n are the Son of God! You are the King of Israel!”\n

\n \n 50Jesus said to him, “Do you believe\n just because I told you I saw you under the fig tree? You will see\n greater things than these.” \n 51Then He declared, “Truly, truly, I\n tell you, you will all see heaven open and the angels of God\n ascending and descending on the Son of Man.”\n 1:51\n See Genesis 28:12.\n \n

\n \n ,\n );\n});\n\nexport default app.fetch;","label","children",[70],"contentHash","e263b4fb9356dd9b2d945d52044dd0610cdca1b34271296236ddc1eb6b8595ad","8e32e368-1d6a-11f1-b962-42dde27851f2","079de65c-1c8b-11f1-b76d-42dde27851f2",["D",1773247891437],40,"/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => {\n return c.html(\n \n \n \n \n semantics/ui CSS\n \n \n\n \n

Semantics UI CSS

\n Imagining Shadcn UI styles by default via a semantic CSS ui library\n

\n \n

See code on Val.Town

\n \n\n

\n\n

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

\n\n

\n This is a paragraph with bold text,{\" \"}\n italic text, and a link.\n

\n\n

\n Here's some inline code and a code block:\n

\n\n

console.log('Hello, World!');

\n\n

\n This is a blockquote. It's styled automatically.\n

\n\n

Unordered list item 1
Unordered list item 2
Unordered list item 3

\n\n

Ordered list item 1
Ordered list item 2
Ordered list item 3

\n\n

Buttons

\n\n

Variants

\n \n \n \n \n \n \n

\n\n

Sizes

\n \n \n \n \n

\n\n

States

\n \n \n

\n\n

As Link

\n Link as Button\n\n

Form elements

Form in a card

\n Email\n \n

\n\n

\n User id (read only)\n \n

\n\n

\n Random disabled input\n \n

\n\n

\n About me\n \n \n

\n\n

\n \n Remember me\n

\n\n

\n \n \n Is this checkbox inside a <label> element?\n \n

\n\n

\n Choose a cardinal direction:\n\n

\n \n North\n

\n\n

\n \n East\n

\n\n

\n \n South\n

\n\n

\n \n West\n

\n\n \n\n \n Switch\n \n \n Switch\n \n\n \n

\n\n

Today is the Lord's day

Fart

I can put whatever info I want in here

\n \n

\n\n

\n Default\n Secondary\n \n Outline\n \n Destructive\n

\n\n

\n This is an `.x-stack`\n

\n New\n

\n\n

\n This is a `.y-stack`\n

\n New\n

\n\n

Spinner

\n All you need to do is add aria-busy=\"true\"{\" \"}\n to any element\n

\n And, if you want an overlay, you'll need to also add{\" \"}\n data-variant=\"overlay\"\n

This is a card

All the things and contents in here

\n\n

Item

\n\n

Basic Item

A simple item with title and description.

\n\n \n

\n\n \n \n \n \n

Link Item

Another simple item with title and description.

\n \n \n \n \n

\n \n ,\n );\n});\n\nexport default app.fetch;","semanticsui",[70],"69ee8a67754bd98b0fc498840ba71687fde72e310b29381b282cd6ae1c110edd",{"_69":102,"_71":103,"_73":-7},"README.md",{"_32":104,"_13":102,"_76":105,"_78":-5,"_79":33,"_80":106,"_81":26,"_34":107,"_40":108,"_84":109,"_86":110,"_64":48,"_88":-5,"_89":-7,"_69":111,"_91":112},"35eff17a-1d40-11f1-8b0c-42dde27851f2","134458b4-1d40-11f1-a02e-42dde27851f2",33,["D",1773229704509],2,"file","# Semanitcs UI CSS Demo\n\nA semantic-ish CSS component library in the likeness of Shadcn UI, without the\nfront-end framework overhead.\n\nhttps://www.npmjs.com/package/semantics-ui",[102],"d3c0558b43834dde82f49ac9fce3a9db5d4d5b089eabd7a05eccf2d91c02452f",["D",1773335839121],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","35ef5666-3780-42d5-ade0-86fe3fdb6bb1","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_150":146},"org",{"_11":12,"_143":144,"_145":146,"_118":119,"_147":148,"_149":48},"branch","displayName","Cam","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7fcc9ac1-f8fb-41e2-0168-af29ef7c6400/square512?exp=1789531199&sig=5a65ebc4eb57dd26953116b2196a9d191721da421d85fe76c455184a5660ed08","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":58,"_13":14,"_34":194,"_46":-5,"_114":48,"_49":50,"_115":50,"_116":-5,"_117":-5,"_118":119,"_120":-5,"_121":48,"_122":-5,"_123":-5,"_124":22,"_52":53,"_125":-5,"_126":-5,"_127":-5,"_128":-5,"_129":130,"_131":130,"_132":133,"_134":133,"_135":133,"_136":130,"_137":130,"_138":195,"_140":196,"_142":197,"_47":48},"tree",[191],"files",[191],"counts",{"_180":22,"_181":182,"_183":22,"_184":185,"_186":187},"contents",[177],"upstreamProject",{"_32":39,"_13":55,"_116":-5,"_117":-5,"_49":50,"_138":176},"upstreamBranch",{"_32":33,"_34":174,"_36":175,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":12,"_52":53,"_54":55},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1773151887888],["D",1773247891437],{"_11":12,"_150":146},{"_32":75,"_13":70,"_76":77,"_78":-5,"_79":57,"_80":56,"_81":26,"_34":178,"_40":83,"_84":85,"_86":87,"_64":48,"_88":-5,"_69":179},["D",1773417787788],[70],"pulls","branches",1,"forks","envVars",{"_188":22,"_190":22},"connections",{"_188":22,"_189":22},"count","unfilledCount","emptyCount",{"_32":75,"_13":70,"_76":77,"_78":-5,"_79":57,"_80":56,"_81":26,"_34":82,"_40":83,"_84":85,"_86":87,"_64":48,"_88":-5,"_89":192,"_69":193},[],[70],["D",1773335839121],{"_11":12,"_150":146},{"_11":12,"_143":144,"_145":146,"_118":119,"_147":148,"_149":48},{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":41,"_59":50,"_60":39,"_61":53,"_54":14,"_51":12},"ctx",{"_138":-5,"_171":231,"_232":233,"_234":235,"_236":48,"_237":48,"_238":48,"_239":26,"_240":-5,"_241":-7,"_242":-7,"_243":22,"_244":48,"_245":48,"_246":-5,"_247":48,"_248":48,"_249":48,"_250":-5},"ENV",{"_202":203,"_204":205,"_206":16,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

YV Bible HTML Demo

Semantics UI CSS

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Buttons

Variants

Sizes

States

As Link

Form elements

\n This is an .x-stack\n

\n This is a .y-stack\n

Spinner

Item

Basic Item

Link Item

\n This is an `.x-stack`\n

\n This is a `.y-stack`\n

Compare

Mergebible-reader/mainintosemantics-css-demo/main

Hmain.tsx+308-319

README.md+0-6