Christmas Decorations

  <script src="{$jamroom_url}/skins/YOUR-SKIN/contrib/snowstorm/snowstorm.js"></script>

this.targetElement = null;      // element which snow will be appended to (null = document.body) - can be an element ID eg. 'myDiv', or a DOM node reference

{* ======== END OF EMBEDDED TEMPLATES ======== *}
{* BEGIN Container *}
<div class="container">
    {* BEGIN About Section *}
    {if isset($_conf.mdFOTMD_Oct3_2017_index_activity_section) && $_conf.mdFOTMD_Oct3_2017_index_activity_section == 'on'}
        <div class="row">
            <div class="col12 last">
                <div class="title m10">
                    <h2>{jrCore_lang skin=$_conf.jrCore_active_skin id="8" default="About"}</h2>
                </div>
                {jrCore_list module="jrBlog" limit="1" search1="blog_category = about" template="index_about.tpl"}
            </div>
        </div>
    {/if}
    {* END About Section *}

<div class="container">

<div class="container" id="about_section">

this.targetElement = null; 

this.targetElement = 'about_section'; 

{* BEGIN Container *}
<div class="container">

    {* BEGIN About Section *}
    {if isset($_conf.pwPWskin_Dec20_2017_index_activity_section) && $_conf.pwPWskin_Dec20_2017_index_activity_section == 'on'}
        <div class="row">
            <div class="col12 last">
                <div class="title m10">
                    <h2>{jrCore_lang skin=$_conf.jrCore_active_skin id="8" default="About"}</h2>
                </div>
                {jrCore_list module="jrBlog" limit="1" search1="blog_category = about" template="index_about.tpl"}
            </div>
        </div>
    {/if}
    {* END About Section *}

    {* BEGIN Activity And Top Right Section *}
    {if isset($_conf.pwPWskin_Dec20_2017_index_activity_section) && $_conf.pwPWskin_Dec20_2017_index_activity_section == 'on'}
        <div class="row">
{* BEGIN Activity Section *}
            <div class="col8">

                <div class="title m10">
                    <h2>{jrCore_lang skin=$_conf.jrCore_active_skin id="20" default="Latest"} {jrCore_lang skin=$_conf.jrCore_active_skin id="27" default="Activity"}</h2>
                </div>

                {* BEGIN Activity Section *}
                <a id="activdiv" name="activdiv"></a>
                <div id="activitydiv" style="margin: 10px 10px 0 10px;padding-bottom: 10px;">
                    <div class="item"{if !jrCore_is_mobile_device()} style="max-height:916px;overflow-y:auto;overflow-x:hidden"{/if}>
                      {*  {jrCore_list module="jrAction" search1="action_module != jrFollower" search2="action_data NOT_LIKE %\"comment_module\":\"jrProfile\"%" order_by="_item_id desc" pagebreak=50 page=$_post.p} *}
                        {* michael *}
                        {jrCore_list module="jrAction" search1="action_module != jrFollower"  search3="action_original_item NOT_LIKE jrProfile:%" order_by="_item_id desc" pagebreak=50 page=$_post.p}
                        <br>
                        <div style="width:100%;text-align:center;padding:10px">
                            <a href="{$jamroom_url}/timeline">View More</a>
                        </div>
                    </div>
                </div>

            </div>
            {* END Activity Section *}

            {* BEGIN Right Side Section *}
            <div class="col4 last">
                <div class="container">

                    {* BEGIN Top Groups Section *}
                    {if isset($_conf.pwPWskin_Dec20_2017_top_groups_active) && $_conf.pwPWskin_Dec20_2017_top_groups_active == 'on'}
                    {if isset($_conf.pwPWskin_Dec20_2017_top_groups_limit) && $_conf.pwPWskin_Dec20_2017_top_groups_limit > 5}
                        {assign var="group_pb" value=$_conf.pwPWskin_Dec20_2017_top_groups_limit}
                    {else}

<div class="row">
            <div class="col12 last">

{if isset($_items)}
<div style="margin: 10px 10px 0 10px;padding-bottom: 2px;">
    {jrCore_module_url module="jrBlog" assign="burl"}
    {foreach from=$_items item="item"}
        <div class="p10" id="snowstormArea">
            
            {$item.blog_text|jrCore_format_string:$item.profile_quota_id:null:nl2br|jrBlog_readmore}
            {if strpos($item.blog_text,'<!-- pagebreak -->')}
                <span class="info"><a href="{$jamroom_url}/{$item.profile_url}/{$burl}/{$item._item_id}/{$item.blog_title_url}">{jrCore_lang module="jrBlog" id="25" default="Read more"} &raquo;</a></span>
            {/if}
        </div>
    {/foreach}
</div>
{elseif jrUser_is_master()}
    <div class="center p10">
        Create an Admin blog with the category set to <b>about</b> to add content to this section.
    </div>
{else}
    <div class="center p10">
        <h1>Welcome to {$_conf.jrCore_system_name}!</h1>
    </div>
{/if}

#snowstormArea {
    display: block;
    position: relative;
}

/* SNOW DIV */
#snow-div {
    position: relative;
    overflow: hidden;
    _zoom: 1; /* IE 6 display fix */
}

<div id="snow-div">
Content should go inside this div...
</div>

  this.targetElement = null;      // element which snow will be appended to (null = document.body) - can be an element ID eg. 'myDiv', or a DOM node reference

  this.targetElement = snow-div;      // element which snow will be appended to (null = document.body) - can be an element ID eg. 'myDiv', or a DOM node reference