Changes

/new-site/includes/blog-page-list2/

/new-site/includes/blog-page-list2/

Blog Page List1

Blog Page List1

<logic:variable as="current_page_id" value="[? \Components\Website\Pages::currentPageId() ?]" />

<div class="events-filter-container">

	<ul>

		<li>

			<a href="/new-site/blog/" class="[? $current_page_id == '/new-site/blog/' ? 'active' : '' ?]">All</a>

		</li>

		<data:repeater as="page" datasource="\Components\Website\Pages::getChildren('/new-site/blog/')" datafilter="[? [['page_is_offline', '=', 0]] ?]">

			<logic:variable as="is_active" value="" />

			<logic:if test="$page['page_id'] == $current_page_id">

				<logic:variable as="is_active" value="active" />

			</logic:if>

			<li>

				<a href="[? $page['page_id'] ?]" class="[? $is_active ?]">[? $page['page_title'] ?]</a>

			</li>

		</data:repeater>

	</ul>

</div>

<logic:variable as="current_page_id" value="[? \Components\Website\Pages::currentPageId() ?]" />

<div class="events-filter-container">

	<ul>

		<li>

			<a href="/new-site/blog/" class="[? $current_page_id == '/new-site/blog/' ? 'active' : '' ?]">All</a>

		</li>

		<data:repeater as="page" datasource="\Components\Website\Pages::getChildren('/new-site/blog/')" datafilter="[? [['page_is_offline', '=', 0]] ?]">

			<logic:variable as="is_active" value="" />

			<logic:if test="$page['page_id'] == $current_page_id">

				<logic:variable as="is_active" value="active" />

			</logic:if>

			<li>

				<a href="[? $page['page_id'] ?]" class="[? $is_active ?]">[? $page['page_title'] ?]</a>

			</li>

		</data:repeater>

	</ul>

</div>

.events-filter-container ul

{

	display: flex;

    justify-content: space-evenly;

    align-items: center;

    flex-flow: wrap;

    gap: 0rem;

    list-style: none;

    padding: 0;

    margin: 0;

}



.events-filter-container

{

	padding: 1rem 0;

	border-top: 1px solid #8f8f8f;

	border-bottom: 1px solid #8f8f8f;

}



.events-filter-container ul li:after 

{

    content: "";

    position: absolute;

    top: 15%;

    left: 0;

    width: 1px;

    height: 70%;

    background: #8f8f8f;

}



.events-filter-container ul li:first-child:after

{

	display: none;

}



.events-filter-container ul li

{

    flex-grow: 1;

    width: auto;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0 1rem;



}



.events-filter-container ul li a 

{

	color: inherit;

}



.events-filter-container ul li:hover a,

.events-filter-container ul li a.active

{

	color: #d2042d;

} 

.events-filter-container ul

{

	display: flex;

    justify-content: space-evenly;

    align-items: center;

    flex-flow: wrap;

    gap: 0rem;

    list-style: none;

    padding: 0;

    margin: 0;

}



.events-filter-container

{

	padding: 1rem 0;

	border-top: 1px solid #8f8f8f;

	border-bottom: 1px solid #8f8f8f;

}



.events-filter-container ul li:after 

{

    content: "";

    position: absolute;

    top: 15%;

    left: 0;

    width: 1px;

    height: 70%;

    background: #8f8f8f;

}



.events-filter-container ul li:first-child:after

{

	display: none;

}



.events-filter-container ul li

{

    flex-grow: 1;

    width: auto;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0 1rem;



}



.events-filter-container ul li a 

{

	color: inherit;

}



.events-filter-container ul li:hover a,

.events-filter-container ul li a.active

{

	color: #d2042d;

} 

0

0

0

0

0

0

0.5

0.5

1

1

1

1

0

0

/new-site/includes/

/new-site/includes/

0

0

16

16

0

0