From 918611f75328cc8f6c92f287fc6d0f1dae2af4ee Mon Sep 17 00:00:00 2001 From: TreetopFlyer Date: Thu, 2 Sep 2021 17:56:45 -0400 Subject: [PATCH] misc --- index.html | 387 +++++++++++++++++++++++++++++------------------------ 1 file changed, 215 insertions(+), 172 deletions(-) diff --git a/index.html b/index.html index a69478a..9f787d0 100644 --- a/index.html +++ b/index.html @@ -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; + +} @@ -724,179 +746,204 @@ Video.Init = function()
-
- + +
+ + + + + + + + + + + + + + +

Order

-

Truth For Life

-

365 Daily Devotionals

-
by Alistair Begg
-

- 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. +

+ 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.

Buy Now $10.00 (free shipping) -
- + .frame + { + position:relative; + padding:20px; + border-bottom: none; + box-sizing:border-box; + } + + .frame__image + { + position:relative; + z-index:20; + margin-bottom:19px; + } + + .frame__bar + { + position:relative; + bottom:0; + left:0; + width:100%; + height:44px; + overflow:hidden; + transform-origin: center 22.5px; + } + .frame__bar span + { + display: block; + position: absolute; + top: -10.5px; + left: 50%; + width: 20px; + height: 20px; + border: 5px solid #000; + border-right-color: transparent; + border-bottom-color: transparent; + transform: translate(-50%, 20px) rotate(45deg); + transition: left 0.4s; + } + .frame__bar span::before, .frame__bar span::after + { + content: " "; + display: block; + position: absolute; + width: 1000px; + height:0px; + border-top: 5px solid black; + transform:rotate(-45deg); + } + .frame__bar span::before + { + bottom: -0.5px; + right: 20px; + transform-origin: right bottom; + } + .frame__bar span::after + { + top: -4px; + left: 17px; + transform-origin: left top; + } + .frame__bar--down + { + transform: scaleY(-1); + } + .frame__bar--up + { + transform: scaleY(1); + } + .frame__bar--1-3 span + { + left:16.6%; + } + .frame__bar--2-3 span + { + left:50%; + } + .frame__bar--3-3 span + { + left:83%; + } + + .frame__bracket + { + position:relative; + display:block; + width:100%; + height:0px; + top:-200px; + z-index:10; + border-top:5px solid black; + } + .frame__bracket::before, .frame__bracket::after + { + content:" "; + display:block; + width:15px; + height:171px; + position:absolute; + top:-5px; + border:5px solid black; + } + .frame__bracket::before + { + left:-20px; + } + .frame__bracket::after + { + right:-20px; + } + + .frame__button + { + position:relative; + display:block; + float:left; + padding:5px 0px 5px 0px; + box-sizing: border-box; + width:33.3%; + text-align:center; + text-transform: uppercase; + cursor:pointer; + } + .frame__button:hover::before + { + content: " "; + display: block; + width: 7px; + height: 7px; + background: black; + position: absolute; + top: -12px; + left: 50%; + transform: translateX(-5px) rotate(45deg); + transition: top 0.4s, bottom 0.4s; + } + .frame__button--upper:hover::before + { + top:auto; + bottom:-9px; + } + .frame__button[data-frame-active='true']:hover::before + { + bottom:auto; + top: -30px; + } + .frame__button--upper[data-frame-active='true']:hover::before + { + bottom: -26px; + top:auto; + } +
@@ -967,8 +1014,7 @@ Video.Init = function() frame__setup(document.querySelector(".frame")); -
- +

Videos

@@ -976,11 +1022,8 @@ Video.Init = function()

About

-

- 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. +

+ 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: