misc
This commit is contained in:
parent
88bfdffc45
commit
918611f753
83
index.html
83
index.html
@ -35,7 +35,7 @@ section
|
|||||||
max-width:900px;
|
max-width:900px;
|
||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
box-sizing: border-box;
|
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;
|
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>
|
</style>
|
||||||
|
|
||||||
<!-- nav menu -->
|
<!-- nav menu -->
|
||||||
@ -724,26 +746,51 @@ Video.Init = function()
|
|||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<section id="intro">
|
<style>
|
||||||
<img src="https://via.placeholder.com/1024x512.png"/>
|
#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>
|
||||||
<section id="order">
|
<section id="order">
|
||||||
|
|
||||||
<h2 data-spy="0.2|0.8"><span></span><span>Order</span><span></span></h2>
|
<h2 data-spy="0.2|0.8"><span></span><span>Order</span><span></span></h2>
|
||||||
<h3>Truth For Life</h3>
|
<p class="copy copy--large copy--narrow copy--isolate">
|
||||||
<h4>365 Daily Devotionals</h4>
|
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.
|
||||||
<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>
|
</p>
|
||||||
<a class="CTA" href="https://truthforlife.org/store/buy/">Buy Now</a>
|
<a class="CTA" href="https://truthforlife.org/store/buy/">Buy Now</a>
|
||||||
<span>$10.00 (free shipping)</span>
|
<span>$10.00 (free shipping)</span>
|
||||||
<div>
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
.frame
|
.frame
|
||||||
{
|
{
|
||||||
@ -896,7 +943,7 @@ Video.Init = function()
|
|||||||
bottom: -26px;
|
bottom: -26px;
|
||||||
top:auto;
|
top:auto;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<div class="frame">
|
<div class="frame">
|
||||||
<div class="frame__image">
|
<div class="frame__image">
|
||||||
|
|
||||||
@ -967,7 +1014,6 @@ Video.Init = function()
|
|||||||
frame__setup(document.querySelector(".frame"));
|
frame__setup(document.querySelector(".frame"));
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<section id="video">
|
<section id="video">
|
||||||
@ -976,11 +1022,8 @@ Video.Init = function()
|
|||||||
</section>
|
</section>
|
||||||
<section id="about">
|
<section id="about">
|
||||||
<h2 data-spy="0.2|0.8"><span></span><span>About</span><span></span></h2>
|
<h2 data-spy="0.2|0.8"><span></span><span>About</span><span></span></h2>
|
||||||
<p>
|
<p class="copy copy--large copy--narrow copy--isolate">
|
||||||
Duis augue neque, dignissim at diam ac, mattis cursus justo. Morbi blandit in ligula eu scelerisque.
|
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:
|
||||||
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>
|
</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user