Hideki's Code Stock

(SELECT 'blog' as model, `blog_id` as id, `blog_published_on` as published_on FROM `mt_blog`)
UNION
(SELECT 'event' as model, `event_id` as id, `event_published_on` as published_on FROM `mt_event`)
UNION
(SELECT 'report' as model, `report_id` as id, `report_published_on` as published_on FROM `mt_report`)
UNION
(SELECT 'recruitment' as model, `recruitment_id` as id, `recruitment_published_on` as published_on FROM `mt_recruitment`)
ORDER BY published_on DESC LIMIT 20;

SetEnvIf Cookie "wordpress_logged_in_.*" wp_member
Order deny,allow
Deny from all
Allow from env=wp_member

<div class="p-header">
  <h1 class="p-header__heading">
    <span class="p-header__headingInner"><span>吹矢サークル 遊矢家（ゆうやけ）</span></span>
  </h1>
</div>

.p-header {
	&__headingInner {
		--gradient-stop-center: 60%;
		background: linear-gradient(to right, rgba(0,0,0,.58) 60%, transparent 95%);  // IE11
		background: linear-gradient(to right, rgba(0,0,0,.58) var(--gradient-stop-center), transparent 100%);
		color: #fff;
		@include mq-min(768) {
			--gradient-stop-center: 30%;
			--gradient-stop-end: 50%;
			background: linear-gradient(to right, rgba(0,0,0,.58) 30%, transparent 50%);  // IE11
			background: linear-gradient(to right, rgba(0,0,0,.58) var(--gradient-stop-center), transparent var(--gradient-stop-end));
		}
	}
}

if (window.CSS && CSS.supports('color', 'var(--fake-var)')) {
    const $headingInner = $('.p-header__headingInner');
    const $headingText = $('.p-header__headingInner span');
    const $content = $('.c-content');
    $(window).on('load resize', () => {
        window.requestAnimationFrame(() => {
            const totalWidth = window.innerWidth;
            const contentWidth = $content.eq(0).width();
            const textWidth = $headingText.width();
            const widthFromLeftToTextEnd = (totalWidth - contentWidth) / 2 + textWidth;
            const percentage = widthFromLeftToTextEnd / totalWidth * 100;
            $headingInner[0].style.setProperty('--gradient-stop-center', percentage + '%');
            $headingInner[0].style.setProperty('--gradient-stop-end', (percentage + 20 > 100 ? 100 : percentage + 20) + '%');
        });
    });
}

<mt:block strtotime setvar="n_days_ago">7 days ago 00:00</mt:block>
<mt:date format="Y-m-d H:i:s" unixtime="$n_days_ago">

str.replace(' ', '\xa0');