Макар Герасимов

Что бы не прописывать абсолютный путь, используйте __dirname, если это необходимо.

https://api.jquerymobile.com/scrollstart/

"Note that iOS devices freeze DOM manipulation during scroll, queuing them to apply when the scroll finishes. We're currently investigating ways to allow DOM manipulations to apply before a scroll starts"

Создаете модификатор блока .header, например .header--fixed.

.header
  height 60px
  background #000
  &--fixed
     position fixed
     left 0
     top 0

Со стороны JS делаете проверку:

$(window).scroll(function() {
  var container = $('.header');
  var status = $(this).offsetTop >= container.height() ? true : false;

  container.toggleClass('.header--fixed', status);
});

Либо делаете сразу фиксированным .header и создаете отступ у контейнера который оказывается под .header

И так, решение проблемы. Модель имеет метод под названием onUnsafeAttribute. Данный метод вызывается в том случае, если была передана в модель какая либо переменная, которая не была объявлена. Концепт следующий:
1) В представлении, other[name1..n] используем other_name1..n
2) Определим переменную в модели $other типа array
3) Переопределим функцию onUnsafeAttribute и сделаем запись в наш массив.
4) В правилах огласим кэллбэк на нашу переменную и в нем будем перебирать наш массив.

<?php
namespace backend\models;

use Yii;
use backend\models\Model;
use backend\filters\Filter;

class MySuperModel extends Model
{
    public $name;
    public $other = [];

    public function rules()
    {
        return [
            [['name','other'], 'required'],
            ['other', 'checkOther'],
        ];
    }

    public function attributeLabels()
    {
        return [
            'id' => 'ID',
            'name' => 'Name',
        ];
    }

    public function onUnsafeAttribute($name, $value)
    {
        if( ! strpos('other_', $name) ) {
            list($other, $name) = explode('_', $name);
            $this->other[$name] = $value;
        }
    }
    
    public function checkOther(string $attribute)
    {
        if( ! is_array($this->$attribute) ) {
            return false;
        }
        
        $errors = [];

        foreach( $this->$attribute as $name => $value ) {
            $filter = Filter::run($this->site_id, $name, $value);
            $name = 'other_' . $name;
            
            if( ! $filter ) {
                $errors[$name] = Yii::t('messages', 'Field does not exist');
                continue;
            }
        }

        if( !empty($errors) ) {
            return $this->addErrors($errors);
        }

        return true;
    }
}

В общем тут дела плачевны. Во первых facebook любит конфиденциальность и без маркера пользователя вы не получите информации больше чем: "имя фамилия", "id". Так что создавайте приложение, размещайте код на странице забора информации, после того как человек авторизовывается, забираете маркер и храните его в сессии например. После можете уже работать с ним на стороне сервера некоторое время.

Например если интересен запрос постов с корпоративной страницы: получаете маркер пользователя (редактора страницы например), запрашиваете маркер доступа к странице, и уже потом с этим маркером отправляете запросы

Так же хочу заметить, если вы желаете забирать информацию и хранить у себя на сервере. То это нарушение авторских прав. Соглашение фб таково: каждый пользователь который хранит информацию в fb - передает свои авторские права сервису. Из этого следует следующее: если fb узнает что вы дублируете информацию на своем сервере, то скорее всего заблокирует ваше приложение. (но можете забить на это, если вы небольшая компания/или вообще не юр лицо) Вот у нас в компании с этим трудности :/

Так как надо то? Можно JS, а можно и PHP

Мой Вам совет, делайте на js. Не грузите вы сервер, разделяйте фронт и бэк

var myLogos = ['/img/logo1.png','/img/logo2.png','/img/logo3.png'];
var logoRand = Math.round(Math.random() * (myLogos.length - 1));

console.log(myLogos[logoRand])

Автоматизируем решение Ивана с применением jQuery библиотеки:

<form action="#" method="post" class="example">
    <div>
      <label for="one">Тестовое поле 1</label>
      <input type="text" id="one" name="params[name1][value]" value="example 1">
    </div>
    <div>
      <label for="two">Тестовое поле 2</label>
      <input type="text" id="two" name="params[name2][value]" value="example 2">
    </div>
    <input type="submit" value="отправить">
  </form>

var form = $('.example');

form.find('input[type="text"]').each(function(i, data) {
  var label = $(this).parent().find('label').text();
  var name = $(this).attr('name').split('][')[0] + '][label]';
  $(this).parent().append('<input type="hidden" name="'+name+'" value="'+label+'">');
});

На сервере получаете

$_POST['params'][name0..n] {
   "label",
   "value"
}

Посмотреть как работает

Все достаточно просто. Нужно было немного глубже в док. копнуть.

Решение лежало на поверхности. У нас есть прямая ссылка на отзыв:
https://www.facebook.com/USERNAME/posts/POST_ID

Вырезаем POST_ID и обращаемся с ним к API:
/2.7/POST_ID?fields=from,message,start_time

По умолчанию при обращении без аргументов, информация выводится неполная и нелогичная.
Там же мы получаем USER_ID и уже можем подгрузить более подробную публичную информацию о пользователе. Например аватар.

-- Проблема в шрифте и его корявого восприятия кирилицы с разных осей. --
Нашел альтернативу шрифту Pragmatica : Helvetice (подключается по умолчанию в bootstrap)
Но в комплекте не поставляется :( а он есть по дефолту только на mac устройствах но не windows. Решение: нашел и подключил (правда он платный, но сумел найти слив)

Так подойдет?

<section id="content">
     <h2 class="section-title">Заголовок</h2>
</section>

@import url(http://allfont.ru/allfont.css?fonts=pragmatica-cyrillic);
section {
    .section-title {
        font-family: 'Pragmatica Cyrillic', Tahoma;
        height 55px;
        background #fff;
        text-align center;
        text-transform uppercase;
        line-height 60px;
        margin 26px 0;
    }
}