Difference between revisions of "Template:FullPagePanel"
From Buddha-Nature
((by SublimeText.Mediawiker)) |
((by SublimeText.Mediawiker)) |
||
(53 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | <div class="fullpage">{{#addbodyclass:fullpage-panel no-first-heading}} | + | <div class="fullpage">{{#addbodyclass:fullpage-panel no-first-heading}}{{#set: |
− | <div> | + | |TileDescription={{{ description | }}} |
− | < | + | |PageTilePhoto={{PAGENAME:{{{ image | }}} }} |
− | <div class="container"> | + | }} |
+ | <div><noglossary> | ||
+ | <div class="h1 large animated fadeIn speed-2s mb-1 pb-1">{{{ title | }}}</div>{{#if: {{{ subtitle | }}} | | ||
+ | <div class="h2 text-center font-italic border-0 mt-1 pt-1 animated fadeIn speed-2s">{{{ subtitle | }}}</div> | }}</noglossary> | ||
+ | <div class="container mt-5"> | ||
<div class="row"> | <div class="row"> | ||
− | <div class="col-lg- | + | <div class="col-lg-{{#if: {{{ jumbocolumns | }}} | {{{ jumbocolumns | }}} | 10 }} offset-lg-{{#switch: {{{ jumbocolumns | }}} |
− | <div class="row depth-1 p-0" style="font-size: 1.5rem; line-height: 1.4; border-top: none; background: rgb(255, 252, 245);">{{#widget:DivWithBackImg | + | |12=0 |
− | |src={{filepath:{{PAGENAME:{{{ image | }}} }}| | + | |10=1 |
− | |classes=d-none d-md-block col-md-4 | + | |8=2 |
− | |imageposition={{{ imagePosition | center | + | |6=3 |
+ | |#default=1 | ||
+ | }} p-0"> | ||
+ | <div class="row depth-1 m-3 p-0 rounded" style="font-size: 1.5rem; line-height: 1.4; border-top: none; background: rgb(255, 252, 245); overflow: auto;">{{#widget:DivWithBackImg | ||
+ | |src={{filepath:{{PAGENAME:{{{ image | }}} }}|1000}} | ||
+ | |classes=d-none d-md-block col-md-{{#ifeq: {{{ imageattop | }}} | true | 12 div-220px | {{#if: {{{ imagecolumns | }}} | {{{ imagecolumns | }}} | 4 }} }} | ||
+ | |imageposition={{#if: {{{ imagePosition | }}} | ||
+ | | {{{ imagePosition | }}} | ||
+ | | center | ||
+ | }} | ||
}} | }} | ||
− | <div class="col-12 col-md-8 | + | <div class="col-12 col-md-{{#ifeq: {{{ imageattop | }}} | true | 12 | {{#if: {{{ textcolumns | }}} |
+ | | {{{ textcolumns | }}} | ||
+ | | 8 | ||
+ | }} }} {{{ classes | }}} p-4 p-lg-5">{{{ description | }}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </div>{{#if: {{{ discoverAnchor | }}} | | ||
+ | <div class="row d-none d-lg-flex mt-3"> | ||
+ | <div class="col-0 col-lg-4 offset-lg-4 p-0 animated fadeIn delay-15s" style="height: 40px; border-left: 1px solid #000000; border-right: 1px solid #000000;"></div> | ||
</div> | </div> | ||
− | <div class="row | + | <div class="row d-none d-lg-flex"> |
− | |||
− | |||
− | |||
<div class="col-lg-4 offset-lg-2"> | <div class="col-lg-4 offset-lg-2"> | ||
− | <div class="h1 link-no- | + | <div class="h1 link-no-border link-no-color dark-text text-center my-1 animated fadeInDown delay-1s grey-hoverlay rounded p-1 pb-2 plainlinks">[http://buddhanature.tsadra.org/index.php/Discover{{{ discoverAnchor | }}} <i class="fas fa-chevron-left opac-70" style="font-size: 1.9rem; vertical-align: baseline;"></i> Discover]</div> |
</div> | </div> | ||
<div class="col-lg-4"> | <div class="col-lg-4"> | ||
− | <div class="h1 link-no- | + | <div class="h1 link-no-border link-no-color dark-text text-center my-1 animated fadeInDown delay-1s grey-hoverlay rounded p-1 pb-2">{{#widget:SmoothScrollToAnchor |
|anchor=page-content | |anchor=page-content | ||
|text=<i class="fas fa-chevron-down opac-70" style="font-size: 1.9rem;"></i> Explore | |text=<i class="fas fa-chevron-down opac-70" style="font-size: 1.9rem;"></i> Explore | ||
}}</div> | }}</div> | ||
</div> | </div> | ||
− | </div> | + | </div> | |
+ | <div class="d-none d-lg-block down link-no-border dark-text">{{#widget:SmoothScrollToAnchor | ||
+ | |anchor=page-content | ||
+ | |text=<i class="fas fa-chevron-down"></i> | ||
+ | }} | ||
+ | </div> }} | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
</div> | </div> |