feat(core): ✨ move footer info into body footer

They are related to the article/page instead of the whole site

includes/Partials/Footer.php

@@ -41,12 +41,6 @@ final class Footer extends Partial {
 		$footerLinks = $skin->getFooterLinksPublic();
 		$msg = [ 'desc', 'tagline' ];
 
-		// Get last modified message
-		if ( $footerLinks['info']['lastmod'] && isset( $footerLinks['info']['lastmod'] ) ) {
-			$data['html-lastmodified'] = $footerLinks['info']['lastmod'];
-			unset( $footerLinks['info']['lastmod'] );
-		}
-
 		// Get messages
 		foreach ( $msg as $key ) {
 			$data["msg-citizen-footer-$key"] = $skin->msg( "citizen-footer-$key" )

resources/skins.citizen.styles/Catlinks.less

@@ -1,5 +1,4 @@
 .catlinks {
-	margin-top: @content-margin-top * 2;
 	clear: both;
 	line-height: 1.2;
 

resources/skins.citizen.styles/Footer.less

@@ -1,27 +1,3 @@
-.last-modified-bar {
-	&-content {
-		display: flex;
-		align-items: center;
-		padding: 12px var( --padding-page );
-		margin: 0 auto;
-	}
-
-	&-icon {
-		width: 20px;
-		height: 20px;
-		margin-right: @icon-padding;
-		background-position: center;
-		background-repeat: no-repeat;
-		opacity: var( --opacity-icon-base );
-	}
-
-	&-text {
-		a {
-			margin-right: 5px;
-		}
-	}
-}
-
 .citizen-footer {
 	padding-top: var( --space-xl );
 	padding-bottom: var( --space-xl );
@@ -119,16 +95,6 @@
 		padding: @margin-side / 2 0;
 	}
 
-	&-info {
-		font-size: 0.8125rem;
-		opacity: 0.5;
-
-		ul {
-			flex-direction: column;
-			gap: var( --space-xs );
-		}
-	}
-
 	&-icons {
 		display: flex;
 
@@ -147,20 +113,8 @@
 	}
 }
 
-.skin-citizen-dark {
-	.last-modified-bar-icon {
-		filter: invert( 1 );
-	}
-}
-
 @media ( min-width: @width-breakpoint-desktop ) {
 	.citizen-footer {
 		margin-bottom: 0;
 	}
 }
-
-// NOTE: Temporary disabling them, planning to move them into body footer
-.last-modified-bar,
-#footer-info-copyright {
-	display: none;
-}

skin.json

@@ -279,8 +279,7 @@
 				".citizen-search__icon:after": "resources/skins.citizen.icons/shared/search.svg",
 				".citizen-search__random:after": "resources/skins.citizen.icons/shared/random.svg",
 				"#citizen-languages__buttonCheckbox:after": "resources/skins.citizen.icons/shared/language.svg",
-				"#page-actions-more__buttonCheckbox:after": "resources/skins.citizen.icons/more.svg",
-				".last-modified-bar-icon": "resources/skins.citizen.icons/shared/history.svg"
+				"#page-actions-more__buttonCheckbox:after": "resources/skins.citizen.icons/more.svg"
 			}
 		},
 		"skins.citizen.icons.ca": {

templates/ContentFooter.mustache

@@ -3,4 +3,7 @@
 }}
 <footer class="mw-body-footer">
 	{{{html-categories}}}
+	{{#data-citizen-footer}}
+		{{#data-citizen-info}}{{>ContentFooter__item}}{{/data-citizen-info}}
+	{{/data-citizen-footer}}
 </footer>

templates/ContentFooter__item.mustache

@@ -0,0 +1,3 @@
+{{#array-items}}
+<section id="{{id}}" class="body-footer__item">{{{html}}}</section>
+{{/array-items}}

templates/Footer.mustache

@@ -18,20 +18,11 @@
 
 <footer class="mw-footer citizen-footer" {{{html-user-language-attributes}}}>
 	<div class="citizen-footer__container">
-		{{#html-lastmodified}}
-		<section class="last-modified-bar">
-			<div class="last-modified-bar-content">
-				<div class="last-modified-bar-icon"></div>
-				<div class="last-modified-bar-text">{{{.}}}</div>
-			</div>
-		</section>
-		{{/html-lastmodified}}
 		<section class="citizen-footer__content">
 			<div class="citizen-footer__siteinfo">
 				<div id="footer-sitetitle" class="mw-wiki-title">{{>Wordmark}}</div>
 				<p id="footer-desc">{{{msg-citizen-footer-desc}}}</p>
 			</div>
-			{{#data-citizen-info}}{{>Footer__row}}{{/data-citizen-info}}
 			{{#data-citizen-places}}{{>Footer__row}}{{/data-citizen-places}}
 		</section>
 		<section class="citizen-footer__bottom">