Difference between revisions of "Template:FullPagePanel"

From Buddha-Nature
((by SublimeText.Mediawiker))
((by SublimeText.Mediawiker))
 
(140 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 class="container">
+
|TileDescription={{{ description | }}}
 +
|PageTilePhoto={{PAGENAME:{{{ image | }}} }}
 +
}}
 +
<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-8 offset-lg-2 p-0">
+
<div class="col-lg-{{#if: {{{ jumbocolumns | }}} | {{{ jumbocolumns | }}} | 10 }} offset-lg-{{#switch: {{{ jumbocolumns | }}}
<div class="depth-1 p-5" style="border-top: none; font-size: 1.4rem; line-height: 1.4; {{#widget:BackgroundImageStyles
+
|12=0
|src={{filepath:{{PAGENAME:{{{ image | }}} }}|800}}
+
|10=1
|imageposition={{{ imagePosition | center }}}
+
|8=2
}}">{{OpaqueOverlay|rgb(0,0,0)|.3}}
+
|6=3
<h1 class="large">{{{ title | }}}</h1>
+
|#default=1
<div class="col-4" style="">
+
}} p-0">
</div>
+
<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
<div class="{{{ textwidth | col-8 }}}" style="padding: 2.25rem; min-height: 275px; max-height: 525px;">
+
|src={{filepath:{{PAGENAME:{{{ image | }}} }}|1000}}
<div style="overflow: scroll;">{{{ description | }}}</div>
+
|classes=d-none d-md-block col-md-{{#ifeq: {{{ imageattop | }}} | true | 12 div-220px | {{#if: {{{ imagecolumns | }}} | {{{ imagecolumns | }}} | 4 }} }}
</div>
+
|imageposition={{#if: {{{ imagePosition | }}}
 +
| {{{ imagePosition | }}}  
 +
| center
 +
}}
 +
}}
 +
<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 d-none d-lg-flex">
 +
<div class="col-lg-4 offset-lg-2">
 +
<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 class="col-lg-4">
 +
<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
 +
|text=<i class="fas fa-chevron-down opac-70" style="font-size: 1.9rem;"></i> Explore
 +
}}</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 class="down link-no-border dark-text">{{#widget:SmoothScrollToAnchor
 
|anchor=page-content
 
|text=<i class="fas fa-chevron-down"></i>
 
}}
 
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 12:50, 23 September 2022