Петр Слободянюк

// Функция для превращения путей в древовидный массив
function pathsToTree(array $paths, $separator="/") {
    $pathsTree = [];
    
    foreach ($paths as $path) {
        $pathParts = array_reverse(explode($separator, $path));
        $pathTree = [];
        
        foreach ($pathParts as $i=>$pathPart) {
            if (empty($pathPart)) {
                continue;
            }

            $pathTree = ($i == 0 ? [$pathPart] : [$pathPart => $pathTree]);
        }
        
        $pathsTree = array_merge_recursive($pathsTree, $pathTree);
    }
    
    return $pathsTree;
}



// Пример использования
$testPaths = [
    '/dir1/sdir1/file',
    '/dir1/sdir2/sdir3/file',
    '/dir2/sdir1/file'
];

var_dump(pathsToTree($testPaths));
/* Результат:
array(2) {
  ["dir1"]=>
  array(2) {
    ["sdir1"]=>
    array(1) {
      [0]=>
      string(4) "file"
    }
    ["sdir2"]=>
    array(1) {
      ["sdir3"]=>
      array(1) {
        [0]=>
        string(4) "file"
      }
    }
  }
  ["dir2"]=>
  array(1) {
    ["sdir1"]=>
    array(1) {
      [0]=>
      string(4) "file"
    }
  }
}
*/

1) Не делайте отступы блокам через  , есть же padding/margin
2) Забудьте о float: left в тех местах, для которых он не предназначен. Для создания сетки используйте flex/css grids
3) Делайте осмысленные названия классов и идентификаторов у элементов. У вас куча container1, container2 и.т.д.
4) Не используйте position: absolute, где не нужно явное абсолютное позиционирование (у плавающих блоков например).
5) Соблюдайте семантику. Заголовки должны быть в h1-h6 тегах.
6) Не забывайте добавлять атрибут alt для всех картинок img
7) У вас на сайте везде (вроде везде) используется шрифт "Trebuchet MS", но задаете вы его для элементов каждый раз, хотя можно было задать глобально для body
8) Блок "ГАЛЕРЕЯ" не по центру.
9) У вас соц-иконки в футере выровнены очень странно. Иконка insta имеет очень странный отступ от левого края, который видимо предназначается для выравнивания всего блока с иконками. Сделайте контейнер

.container {
   width: 100%;
   max-width: 1040px;
   padding: 15px;
   margin: 0 auto;
}

и в него кладите элементы, которые должны быть внутри сайта. У вас через странный отступ почти все отпозиционировано. Посмотрите чужие работы, как люди делают разметку. Вы пока слабо представляете, как это все происходит.
10) Вы должны адаптировать не только под маленькие и средние экраны, но и под большие, с шириной 2560px. Не нужно делать под них широкий сайт, просто нужно делать так, чтобы на них сайт тупо не уходил влево, а был по центру.
11) Куча повторяющегося кода в css

.footer>.footer_img>.vk{
    margin: 5% 0 0 1%;
	display: inline-block;
}
.footer>.footer_img>.twitter{
    margin: 5% 0 0 1%;
	display: inline-block;
}
.footer>.footer_img>.facebook{
    margin: 5% 0 0 1%;
	display: inline-block;
}

12) Освойте БЭМ (или другую методологию). Код будет чище и проще.
13) Сайт не адаптивный абсолютно, имеется только один media запрос, и тот только для изменения шрифта у документа. Посмотрите на другие сайты, как они адаптируются.

Это основное, но список можно продолжать долго. По коду можно судить, что вы учились по старой литературе, выбросите ее. Смотрите как верстают другие, ковыряйте макеты, читайте умные статьи и сайты, тренируйтесь часто, и все будет ок.

Два коммента выше про:

RewriteCond %{REQUEST_URI} ^(.*)/{2,}(.*)$
и про
RewriteCond %{THE_REQUEST} ([^\s]*)\/{2,}(\?[^\s]*)?

Вы вообще сами проверяли как будет происходить редирект? А я отвечу, что станицы вида site.ru/page//// будут редиректиться сначала на site.ru/page/// потом на site.ru/page// потом только на site.ru/page/

Потому как что (.*), что ([^\s]*) - жадные! Нужно указывать (.*?) и ([^\s]*?)

Господа, проверяйте свой код прежде, чем рекомендовать кому то.

Решение тут css.yoksel.ru/flexbox

Я сделал и у меня решилась подобная проблема.
Для этого я в css создал класс row-flex

.row-flex {
    display: flex;
    flex-flow: row wrap;
}

и в html применил класс row-flex

<div class="container-fluid">
    <div class="row row-flex">
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
            ... содержимое блока ...
        </div>
    </div>
</div>

всё работает!

append? Указываете родительский блок, в котором лежат записи и в него вставляете!

$('#content').append('ваши записи'); // Они вставятся в конец блока

"Почему-то пишет что функция setMap не определена!". А где она объявляется?

Mention.objects.filter(mentionn_id=step_id).order_by('-pk')[:3]

Где в order_by ты кладёшь поле с минусом (по убыванию), по которому нужно эти самые последние выбрать. pk - это алиас к primary key. Если ты его не менял - это ID.

Bojczuk:

If no such ordering is defined for a given QuerySet, calling reverse() on it has no real effect

# -*- coding: utf-8 -*-

Эта строка указывает, что кодировка исходника - UTF-8. В этом файле у тебя всё правильно, компилятор ругается на другой файл (/home/vitali/projects/mysite/blog/admin.py). Вставь в начало всех файлов проекта эту строку.

НО, если я уберу таб в последней строке,

Зачем? Ты понимаешь, что делаешь? Или это рандом?
Вообще, компилятор же всё ведь написал, научись понимать, что написано.

Во-первых, если вы создаёте множество динамических элементов, не используйте в них id и не ссылайтесь на них по id. Селектор по id выбирает только первый элемент из списка, потому что такой элемент должен быть один.
Во-вторых, метод .click() не работает с динамически добавленными элементами. Поэтому событие вешается только на тот элемент, который уже был на странице. Навешивайте обработчик события методом .on() на элемент html. Это проделегирует обработчик на все элементы, указанные в качестве контекста, включая те, что были созданы динамически.
Суммируем:

<span class="addField add">
    <i class="icon"></i>Добавить
</span>
<div class="inputs">
    <div>
        <input type="file" name="dynamic[]" class="field" > 
        <span class="remove">Удалить</span>
    </div>
</div>

$(document).ready(function () {
    $('html').on('click','.add',function () {
        $('<div><input type="file" class="field" name="dynamic[]" /><span class="remove">Удалить</span></div> ').fadeIn('slow').appendTo('.inputs');                                
    });
    $('html').on('click','.remove', function () {                               
        $(this).parent().remove();    
    });
});