SethTrowbridge/devo-book
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

misc

Browse Source
This commit is contained in:
TreetopFlyer 2021-09-02 17:56:45 -04:00
parent 88bfdffc45
commit 918611f753
1 changed files with 215 additions and 172 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
index.html
View File

@ -35,7 +35,7 @@ section
max-width:900px;
margin:0 auto;
box-sizing: border-box;
padding:20px;
padding:66px;
}
@ -128,6 +128,28 @@ h2[data-spy='true'] > span:first-child::before, h2[data-spy='true'] > span:last-
{
right:-5px;
}
.copy
{
}
.copy--narrow
{
max-width:600px;
margin:0 auto;
text-align:center;
}
.copy--large
{
font-size:22px;
line-height:33px;
}
.copy--isolate
{
padding:20px;
box-sizing: border-box;
}
</style>
<!-- nav menu -->
@ -724,26 +746,51 @@ Video.Init = function()
</nav>
<main>
<section id="intro">
<img src="https://via.placeholder.com/1024x512.png"/>
<style>
#intro
{
background:black;
max-width:100%;
}
#intro svg
{
display:block;
width:100%;
max-width:280px;
margin:0 auto;
}
#intro svg path
{
fill:white;
}
</style>
<section id="intro" style="background:black;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 295.7 845.5 107.3">
<path d="M12.2 343.3h7v-38.2H9v5.6H0v-13.9h47.6v13.9h-9v-5.6h-10v38.2h7v8.3H12.2V343.3z" ></path>
<path d="M59.1 343.3h6.3v-38.2h-6.3v-8.3h21.2c12.5 0 21.5 5.6 21.5 16.6 0 7-4.2 12.5-10.4 14.9l8.3 14.9h6.3v8.3H93.1L82 330.7c-1 0-2.1 0-3.4 0 -1.7 0-3.4 0-4.6 0v12.5h7v8.3H59.1V343.3zM92.1 313.8c0-5.9-4.9-8.7-12.5-8.7h-5.2v17.8c1 0 2.4 0 5.2 0C87.2 322.9 92.1 319.3 92.1 313.8z" ></path>
<path d="M119.2 331.5v-26.4h-5.9v-8.3h21.9v8.3h-6.6v26.1c0 8.3 4.2 12.9 11.2 12.9s11.5-4.2 11.5-12.5v-26.4h-6.6v-8.3h21.9v8.3h-5.9v26.4c0 14.3-8.3 21.2-20.5 21.2C127.6 352.7 119.2 345.8 119.2 331.5z" ></path>
<path d="M187.4 343.3h7v-38.2h-10v5.6h-9v-13.9h47.6v13.9h-9v-5.6h-10v38.2h7v8.3h-23.3v-8.3H187.4z" ></path>
<path d="M233.9 343.3h6.3v-38.2h-6.3v-8.3h22.6v8.3h-7v14.6h25.4v-14.6h-7v-8.3h22.6v8.3h-6.3v38.2h6.3v8.3h-22.6v-8.3h7V328h-25.4v15.3h7v8.3h-22.6L233.9 343.3 233.9 343.3z" ></path>
<path d="M307 347.5h7.3v-46.6H307v-4.2h38.5v9.4H341V301H319v21.5h18.1v4.2h-18.5v20.9h8v4.2h-19.8v-4.3H307z" ></path>
<path d="M355.3 324.2c0-16 11.9-28.5 27.8-28.5 15.6 0 27.5 12.5 27.5 28.5 0 16-11.9 28.5-27.8 28.5C367.1 352.7 355.3 340.2 355.3 324.2zM405.7 324.2c0-13.6-9.4-24.3-22.9-24.3 -13.6 0-22.9 10.8-22.9 23.9 0 13.6 9.4 24.3 22.9 24.3C396.3 348.2 405.7 337.8 405.7 324.2z" ></path>
<path d="M421.7 347.5h7.3v-46.6h-7.3v-4.2h20.5c11.9 0 19.1 6.3 19.1 15.6 0 7.6-5.2 12.9-12.5 14.9l12.9 20.2h6.6v4.2h-9.4l-14.6-23.3c-1 0-2.1 0-3.1 0 -2.4 0-5.2 0-7.3 0v19.1h7.3v4.2h-19.5v-4.1H421.7zM456.8 312.4c0-7.3-5.9-11.5-14.9-11.5h-8.3v23.3c2.1 0 4.9 0 7.3 0C450.2 324.6 456.8 320.4 456.8 312.4z" ></path>
<path d="M481.9 345.1h6.6v-41.7h-6.6v-6.6h21.5v6.6h-7.3v41.4h17.3v-8h7.3v14.9h-38.9V345.1z" ></path>
<path d="M534.3 345.1h7.3v-41.7h-7.3v-6.6h21.9v6.6h-7v41.4h7v6.6h-21.9V345.1z" ></path>
<path d="M569.4 345.1h6.6v-41.7h-6.6v-6.6h40v11.2h-7.3v-4.6h-18.5v18.1h17v6.6h-17v17h7.3v6.6h-21.5V345.1z" ></path>
<path d="M618.8 345.1h6.6v-41.7h-6.6v-6.6h40.4v11.2h-7.3v-4.6H633v17h17.3v6.6H633v18.1h18.8v-4.6h7.3v11.2h-40.3V345.1z" ></path>
<path d="M665.1 303.4L665.1 303.4c0-3.4 2.7-6.6 6.6-6.6 3.4 0 6.3 2.7 6.3 6.3l0 0c0 3.4-2.7 6.6-6.6 6.6C667.8 309.7 665.1 306.8 665.1 303.4zM677.1 303.4L677.1 303.4c0-3.1-2.4-5.9-5.9-5.9 -3.1 0-5.9 2.7-5.9 5.9l0 0c0 3.1 2.4 5.9 5.9 5.9C674.7 309 677.1 306.5 677.1 303.4zM668.8 299.5h3.1c1 0 1.7 0.3 2.1 0.7 0.3 0.3 0.7 0.7 0.7 1.4l0 0c0 1-0.7 1.7-1.4 2.1l1.7 2.4h-1.4l-1.7-2.4 0 0h-1.4v2.4h-1.4v-6.6h-0.3V299.5zM672 303c0.7 0 1.4-0.3 1.4-1l0 0c0-0.7-0.3-1-1.4-1h-1.7v2.1C670.2 303 672 303 672 303z" ></path>
</svg>
</section>
<section id="order">
<h2 data-spy="0.2|0.8"><span></span><span>Order</span><span></span></h2>
<h3>Truth For Life</h3>
<h4>365 Daily Devotionals</h4>
<h5>by Alistair Begg</h5>
<p>
Duis augue neque, dignissim at diam ac, mattis cursus justo. Morbi blandit in ligula eu scelerisque.
Maecenas hendrerit eu nunc non molestie. Vivamus augue enim, egestas a magna vitae, consequat facilisis urna.
Nullam semper ligula in est tincidunt, vel fringilla nunc vehicula. Nam tempus pellentesque ante, nec iaculis nisi porta id.
Ut aliquet purus nec mi egestas ornare.
<p class="copy copy--large copy--narrow copy--isolate">
Enhance your study of God’s Word by reflecting on a passage of Scripture each day and diving deep into its meaning by reading the rich insights you’ve come to enjoy from Alistair Begg.
</p>
<a class="CTA" href="https://truthforlife.org/store/buy/">Buy Now</a>
<span>$10.00 (free shipping)</span>
<div>
<style>
<style>
.frame
{
@ -896,7 +943,7 @@ Video.Init = function()
bottom: -26px;
top:auto;
}
</style>
</style>
<div class="frame">
<div class="frame__image">
@ -967,7 +1014,6 @@ Video.Init = function()
frame__setup(document.querySelector(".frame"));
</script>
</div>
</section>
<section id="video">
@ -976,11 +1022,8 @@ Video.Init = function()
</section>
<section id="about">
<h2 data-spy="0.2|0.8"><span></span><span>About</span><span></span></h2>
<p>
Duis augue neque, dignissim at diam ac, mattis cursus justo. Morbi blandit in ligula eu scelerisque.
Maecenas hendrerit eu nunc non molestie. Vivamus augue enim, egestas a magna vitae, consequat facilisis urna.
Nullam semper ligula in est tincidunt, vel fringilla nunc vehicula. Nam tempus pellentesque ante, nec iaculis nisi porta id.
Ut aliquet purus nec mi egestas ornare.
<p class="copy copy--large copy--narrow copy--isolate">
Each daily reading begins with a passage from Scripture and is followed by a commentary written by Alistair. The commentary explains God’s words, offers encouragement, and reflects on how the Bible’s truth inspires us to live daily for Christ. Each reading concludes with three questions for deeper reflection:
</p>
<ul>
<li>