Алексей Орлов

При клике проверять наличие класса и менять текст. Примерно так

https://codepen.io/inkshio/pen/mjmbrM - что то типо того можешь сделать

Не пользуйтесь file_get_contents()

вот рабочий вариант для CURL:

function curlRequest($url)
{
    $myCurl = curl_init();

    curl_setopt_array($myCurl, array(
        CURLOPT_URL => $url,
        CURLOPT_SSL_VERIFYPEER => false,
        CURLOPT_SSL_VERIFYHOST => false,
        CURLOPT_RETURNTRANSFER => true,
    ));
    $response = curl_exec($myCurl);
    curl_close($myCurl);

    return $response;
}

$url = 'http://www.cbr-xml-daily.ru/daily_json.js';

$contents = curlRequest($url);

$data = json_decode($contents, true);

var_dump($data);

https://codepen.io/anon/pen/BVbdOz
Оно?

Док: https://pugjs.org/language/iteration.html

Так?

x = someElement
if (x.checked) {
  var foo = x.value
}

Как-то вот так: https://jsfiddle.net/76ksr1fm/19/
Значения, которые могут поменяться (цены), лучше вынести в отдельные переменные, функцию-апдейтер тоже объявить отдельно, и не присваивать on-свойства — это вчерашний век.

Как вариант https://jsfiddle.net/3qmxg5z7/ но можно написать лучше

С помощью css на данный момент такое невозможно. Псевдокласс :has на данный момент не поддерживается ни одним браузером
https://developer.mozilla.org/en-US/docs/Web/CSS/:has

блоку с телефоном желательно вырезать ту область где отображаются картинки

и сейви в .png. и как выше сказано через z-index телефон на передний план + задай ему overflow: hidden; и будет все круто ))))

Тот эффект, что тебе нужен, называется параллакс (parallax), в интернете достаточно много таких библиотек, например, skrollr. Вырезать по каждому пузырьку не надо, достаточно создать 2-3 слоя с пузырьками, которые будут двигаться с разной скоростью относительно друг друга.

тыц
второй тыц
третий тыц

Читайте issue в репозитории

Как сделать во все scss файлы автозапуск другого scss в nuxt?