add some scripts

This commit is contained in:
themohooks 2024-07-05 07:42:42 +03:00
parent 765f58b40d
commit 429e512eee
7 changed files with 795 additions and 28 deletions

149
static/css/notie.css Normal file
View file

@ -0,0 +1,149 @@
.notie-container {
font-size: 1.6rem;
height: auto;
left: 0;
position: fixed;
text-align: center;
width: 100%;
z-index: 999999;
box-sizing: border-box;
-o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
-ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
font-weight: 500;
}
@media screen and (max-width:900px) {
.notie-container {
font-size: 1.4rem
}
}
@media screen and (max-width:750px) {
.notie-container {
font-size: 1.2rem
}
}
@media screen and (max-width:400px) {
.notie-container {
font-size: 1rem
}
}
.notie-background-success {
background-color: rgba(37, 228, 123, 0.89);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(6.9px);
}
.notie-background-warning {
background-color: #d6a14d
}
.notie-background-error {
background: rgba(255, 21, 71, 0.795);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(6.9px);
/*background-color: #e1715b*/
}
.notie-background-info {
background: rgba(0, 85, 255, 0.438);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(6.9px);
}
.notie-background-neutral {
background-color: #a0a0a0
}
.notie-background-overlay {
background-color: rgb(0, 0, 0)
}
.notie-textbox {
color: #fff;
padding: 20px
}
.notie-textbox-inner {
margin: 0 auto;
max-width: 900px
}
.notie-overlay {
height: 100%;
left: 0;
opacity: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999998;
}
.notie-button {
cursor: pointer
}
.notie-button,
.notie-element {
color: #fff;
padding: 10px
}
.notie-element-half {
width: 50%
}
.notie-element-half,
.notie-element-third {
display: inline-block;
box-sizing: border-box
}
.notie-element-third {
width: 33.3333%
}
.notie-alert {
cursor: pointer
}
.notie-input-field {
background-color: #fff;
border: 0;
font-family: inherit;
font-size: inherit;
outline: 0;
padding: 10px;
text-align: center;
width: 100%;
box-sizing: border-box
}
.notie-select-choice-repeated {
border-bottom: 1px solid hsla(0, 0%, 100%, .2);
box-sizing: border-box
}
.notie-date-selector-inner {
margin: 0 auto;
max-width: 900px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.notie-date-selector-inner [contenteditable],
.notie-date-selector-inner [contenteditable]:focus {
outline: 0 solid transparent
}
.notie-date-selector-up {
transform: rotate(180deg);
transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}

579
static/js/core_lk.js Normal file
View file

@ -0,0 +1,579 @@
var gal_cid = -1;
var new_vehicle_idx = 0;
var modified = false;
$(document).ready(function()
{
$.ajaxSetup({cache: false});
$('.progress-button').progressInitialize();
// Выбор города
// События всплывающего списка результатов поиска
$('#vlist').on('mouseenter mouseleave', '.found_vehicle', function()
{
var state = parseInt($(this).data('state'));
$(this).toggleClass('s' + state + ' s' + (state+10));
})
.on('click', '.found_vehicle a', function(e)
{
e.stopPropagation();
})
.on('click', '.found_vehicle', function()
{
var nid = $(this).data('nid');
var vid = $(this).data('vid');
if ($('#conn_veh tbody[data-vid="' + vid + '"]').length > 0)
{
alert(_text['UP_V_LINKED'] + '.');
return;
}
var cid = $(this).data('cid');
var cname = $('.cname', this).html();
var type = $(this).data('type');
var html = '<tbody data-nid="' + nid + '" data-vid="' + vid + '" data-twoside="' + $(this).data('twoside') + '" class="s' + $(this).data('state') + '">\n';
html += '<tr>\n';
html += '<td style="padding:3px 10px 5px"><input type="hidden" name="nids[]" value="' + nid + '"><input type="hidden" name="cids[]" value="' + cid + '"><a href="' + (nid > 0 ? '/vehicle/' + vid + '/#n' + nid : '/lk/vehicles.php?action=edit&amp;vid=' + (-nid)) + '" target="_blank" class="num pcnt">' + $('.num', this).html() + '</a></td>\n';
html += '<td style="padding:3px 10px 6px">' + $('.mname', this).html() + '</td>\n';
html += '<td style="padding:3px 0 6px 10px; color:#777" class="r">' + _text['UP_ROUTE'] + ':</td>\n';
html += '<td style="padding:3px 7px" class="nw"><input type="text" class="route" name="route[' + nid + ']" style="width:40px; font-weight:bold; text-align:center" maxlength="7" value="">, <input type="text" class="notes" name="notes[' + nid + ']" style="width:170px" maxlength="100" value="" placeholder="' + _text['UP_NOTES'] + '"></td>\n';
html += '<td class="r"><a href="#" class="delLink" style="font-size:16px">&times;</a></td>\n';
html += '</tr>\n';
html += '<tr>\n';
html += '<td style="padding:0 12px 7px" colspan="2"><a href="/city/' + cid + '/" target="_blank">' + cname + '</a></td>\n';
html += '<td style="padding:0 0 7px; color:#777" class="r">' + _text['VIEW'] + ':</td>\n';
html += '<td style="padding:0 7px 7px" colspan="2"><input type="hidden" class="view" name="view[' + nid + ']" value="0"><a href="#" class="view_link dot">' + views[0] + '</a></td>\n';
html += '</tr>\n';
html += '<tr>\n';
html += '<td colspan="2"></td>\n';
html += '<td style="padding:0 0 7px; color:#777" class="r">' + _text['UP_BIND'] + ':</td>\n';
html += '<td style="padding:0 7px 7px" colspan="2"><input type="hidden" name="pri[' + nid + ']" class="pri-value" value="1"><a class="pri-label dot" href="#">' + binds[0].label + '</a></td>\n';
html += '</tr>\n';
html += '</tbody>\n';
var row = $(html);
$('#conn_veh').append(row).show().tablesort('recountRows');
$('.pri-label', row).selector2(binds);
$('.no-links').hide();
if (cid != $('#search_cid').val())
{
$('#search_cid').val(cid);
$('#cname').val(cname);
}
$('#search_type').val(type).trigger('change');
cnames[cid] = cname;
showDefaultCity();
modify();
setTimeout(function() { $('#conn_veh tbody[data-nid="' + nid + '"] .view_link').click(); }, 100);
});
// Строка добавления нового ТС
$('#vlist').on('mouseenter mouseleave', '#add_new_vehicle', function()
{
var state = parseInt($(this).data('state'));
$(this).toggleClass('s' + state + ' s' + (state+10));
})
.on('click', '#add_new_vehicle', function()
{
new_vehicle_idx++;
var nid = -new_vehicle_idx;
var cid = $('#search_cid').val();
var num = $('#search_num').val();
var gos = $('#search_gos').val();
var type = $('#search_type').val();
var cname = $('#cname').val();
var by_gos = ($(this).attr('bygos') == 1);
var html = '<tbody data-nid="' + nid + '" class="s1">\n';
html += '<tr>\n';
html += '<td style="padding:3px 10px 5px"><input type="hidden" name="nids[]" value="' + nid + '"><input type="hidden" name="cids[]" value="' + cid + '"><span class="num">' + (by_gos ? gos : num) + '</span></td>\n';
html += '<td style="padding:3px 10px 6px">' + $('#search_type option:selected').html() + '</td>\n';
html += '<td style="padding:3px 0 6px 10px; color:#777" class="r">' + _text['UP_ROUTE'] + ':</td>\n';
html += '<td style="padding:3px 7px" class="nw"><input type="text" class="route" name="route[' + nid + ']" style="width:40px; font-weight:bold; text-align:center" maxlength="7" value="">, <input type="text" class="notes" name="notes[' + nid + ']" style="width:170px" maxlength="100" value="" placeholder="' + _text['UP_NOTES'] + '"></td>\n';
html += '<td class="r"><a href="#" class="delLink" style="font-size:16px">&times;</a></td>\n';
html += '</tr>\n';
html += '<tr>\n';
html += '<td style="padding:0 12px 7px" colspan="2"><a href="/city/' + cid + '/" target="_blank">' + cname + '</a></td>\n';
html += '<td style="padding:0 0 7px; color:#777" class="r">' + _text['VIEW'] + ':</td>\n';
html += '<td style="padding:0 7px 7px" colspan="2"><input type="hidden" class="view" name="view[' + nid + ']" value="0"><a href="#" class="view_link dot">' + views[0] + '</a></td>\n';
html += '</tr>\n';
html += '<tr>\n';
html += '<td colspan="2"></td>\n';
html += '<td style="padding:0 0 7px; color:#777" class="r">' + _text['UP_BIND'] + ':</td>\n';
html += '<td style="padding:0 7px 7px" colspan="2"><input type="hidden" name="pri[' + nid + ']" class="pri-value" value="1"><a class="pri-label dot" href="#">' + binds[0].label + '</a></td>\n';
html += '</tr>\n';
html += '<tr>\n';
html += '<td id="new_vehicle_' + new_vehicle_idx + '" style="padding:5px" colspan="6">' + _text['UP_LOADING'] + '</td>\n';
html += '</tr>\n';
html += '</tbody>\n';
var row = $(html);
$('#conn_veh').append(row).show().tablesort('recountRows');
$('.pri-label', row).selector2(binds);
$('.no-links').hide();
cnames[cid] = cname;
var form = $('.new_vehicle_template').clone(true).removeClass('new_vehicle_template').show();
$('select[name="nv_service[]"]', form).change();
$('select[name="nv_state[]"]', form).change();
$('input[name="nv_cid[]"]', form).val(cid);
$('input[name="nv_type[]"]', form).val(type);
$('input[name="nv_num[]"]', form).val(num);
$('input[name="nv_gos[]"]', form).val(gos);
if (by_gos)
$('.tbody_nv_num', form).css('display', '');
else $('.tbody_nv_gos', form).css('display', '');
$.get('/api.php', { action: 'get-depot-list', cid: cid }, function(data)
{
$('.did', form).html(data);
$('.tbody_nv_did', form).css('display', (data != '') ? '' : 'none');
$('#new_vehicle_' + new_vehicle_idx).empty().append(form);
$('input[name="nv_mid[]"]', form).attr('id', 'mid_' + new_vehicle_idx);
$('input[name="nv_chid[]"]', form).attr('id', 'chid_' + new_vehicle_idx);
var nv_type = $('input[name="nv_type[]"]', form);
$('.mname', form).autocompleteSelector('mid_' + new_vehicle_idx, '/api.php?action=get-models', {
minLength: 1,
paramsCallback: function(params) { params.type = nv_type.val(); },
selectCallback: function(item) { form.closest('tbody').data('twoside', item.twoside); }
});
$('.chname', form).autocompleteSelector('chid_' + new_vehicle_idx, '/api.php?action=get-chassis', {
minLength: 1,
paramsCallback: function(params) { params.type = nv_type.val(); }
});
$('.did', form).select2();
showDefaultCity();
})
.fail(function(jx) { alert(jx.responseText); });
modify();
});
$('#image').click(function()
{
$('#dateLoaded, #dateAbsent').hide();
$('#map_frame').removeClass('s12').css('background-color', '#ccc');
$('#statusbox').html('');
$('#errorsbox').hide();
})
.change(function(e)
{
$('#filename').html(this.files[0].name);
checkImageForUpload(e.target, true, no_exif ? null : function(input)
{
EXIF.getData(input.files[0], function()
{
var dt = EXIF.getTag(this, "DateTimeOriginal");
if (dt)
{
dt = dt.split(' ')[0].split(':');
setDate(parseInt(dt[2]), parseInt(dt[1]), parseInt(dt[0]));
$('#dateLoaded').fadeIn('slow');
}
else $('#dateAbsent').fadeIn('slow');
var lt = EXIF.getTag(this, 'GPSLatitude');
var ln = EXIF.getTag(this, 'GPSLongitude');
if (lt && ln)
{
lt = parseCoord(lt, EXIF.getTag(this, 'GPSLatitudeRef'));
ln = parseCoord(ln, EXIF.getTag(this, 'GPSLongitudeRef'));
$('#lat').val(lt);
$('#lng').val(ln);
if (map)
{
var pos = [lt, ln];
marker.setLatLng(pos);
map.setView(pos);
}
$('#map_frame').css('background-color', '').attr('class', 's12');
}
});
});
});
$('#day, #month, #year').on('change', function() { $('#dateAbsent').hide(); });
$('#search_type').on('change', function() { changeColor(this); }).change();
// Комментарий
$('#up-comment-link').on('click', function() { $('#up-comment-row').toggle(); });
// Опции прямой публикации
/*$('input[name="pub"]').on('click', function()
{
$('#temp_pub').css('display', $('#pub0').is(':checked') ? 'none' : 'block')
});*/
// Хак для IE
$('label.button').on('click', function()
{
$(this).css('position', 'static');
setTimeout(function() { $('label.button').css('position', 'relative'); }, 50);
});
// Опции даты
$('.approx-aprx').css('font-weight', 'normal');
// Временная публикация
$('#cond').on('click', function() { if ($(this).is(':checked')) $('#tech').prop('checked', false); });
$('#tech').on('click', function() { if ($(this).is(':checked')) $('#cond').prop('checked', false); });
// Закрытие селектора ракурса по Esc или Backspace
$(document).on('keydown', function(e)
{
if ((e.which == 27 || e.which == 8) && $('#views-selector').is(':visible'))
{
e.preventDefault();
$('#views-selector').hide();
}
});
// Модификация формы (но не только здесь)
$('#image, #day, #month, #year, #pdate_approx, #main-cid, #place, #notes, #naa, #nomap, #license, #comment, #notes_mod, #px').on('change', modify);
$('#conn_veh').on('change', 'input:checkbox, input:text', modify);
// Предотвращение случайного закрытия формы
window.onbeforeunload = function() { if (modified) return false; }
});
function modify()
{
modified = true;
}
function parseCoord(val, ref)
{
var coord = parseFloat(val[0] + (val[1] / 60.0) + (val[2] / 3600.0));
if (ref == 'W' || ref == 'S') coord = -coord;
return coord;
}
function searchVehicles(by_gos)
{
$('#search_cid, #search_type, #search_num, #search_gos').prop('disabled', true);
$('#vlist').html('<div class="nw" style="padding:6px 10px">' + _text['UP_SEARCHING'] + '</div>').show();
var data = { cid: $('#search_cid').val(), type: $('#search_type').val(), pub_pid: pub_pid };
if (!by_gos)
data.num = $('#search_num').val().trim();
else data.gos = $('#search_gos').val().trim();
$.get('/api.php?action=upload-search-vehicles', data, function (r)
{
$('#vlist').html(r);
$('#search_cid, #search_type, #search_num, #search_gos').prop('disabled', false);
});
return false;
}
function artClick()
{
var art = $('input[name="art"]:checked').val();
if (art == 0)
{
$('.lnk-vehicle').show();
$('.lnk-gallery').hide();
}
else
{
$('.lnk-vehicle').hide();
$('.lnk-gallery').show();
loadGalleries(art == 2 ? 0 : $('#search_cid').val());
}
$('#lnk_cid_tr')[art == 2 ? 'hide' : 'show']();
}
function loadGalleries(cid)
{
if (cid == gal_cid) return;
gal_cid = cid;
var sel = $('#search_gid').prop('disabled', true).empty().append('<option value="0">' + _text['UP_LOADING'] + '</option>');
$.get('/api.php', { action: 'get-galleries', cid: gal_cid }, function(data) { sel.html(data).prop('disabled', false); }, 'html');
}
function showDefaultCity()
{
var cids = $('#links input[name="cids[]"]');
if (cids.length == 0)
{
cnames.length = 0;
return;
}
var i, cid, new_cnames = {};
for (i = 0; i < cids.length; i++)
{
cid = cids.eq(i).val();
if (cid) new_cnames[cid] = cnames[cid];
}
var keys = Object.keys(new_cnames);
if (keys.length)
{
cnames = new_cnames;
cid = $('#main-cid').val();
if (cnames[cid] == undefined)
{
keys = Object.keys(cnames);
$('#main-cid').val(keys[0]);
$('#main-cname').val(cnames[keys[0]]);
selectCity(keys[0]);
}
}
}
function checkForm()
{
var i, err = '';
function addError(txt) { err += '<li class="sm">' + txt + '.<br>&nbsp;'; }
var image = $('#image');
if (!pid && image.val() == '')
{
$('#step1')[0].scrollIntoView();
image.focus();
alert(_text['UP_NOFILE'] + '.');
return false;
}
// Проверяем наличие привязок вообще
if ($('#links input').length == 0)
{
$('#step2')[0].scrollIntoView();
alert(_text['UP_NOLINKS'] + '.');
return false;
}
if ($('#conn_veh .pri-value[value="1"]').length == 0 &&
$('#conn_veh .pri-value[value="2"]').length == 0 &&
$('#conn_gid tr').length == 0)
{
$('#step2')[0].scrollIntoView();
alert(_text['UP_NO_PRI']);
return false;
}
// Проверим, указаны ли ракурсы
if ($('.view[value="0"]').length > 0)
{
$('#step2')[0].scrollIntoView();
alert(_text['UP_NOVIEW']);
return false;
}
// Проверим корректность привязки творческой фотографии
if ($('#creative').val() == 1 && ($('#conn_veh input[name="nids[]"]').length || $('#conn_gid input[name="gids[]"]').length > 1))
{
$('#step2')[0].scrollIntoView();
alert(_text['UP_CREATIVE']);
return false;
}
// Проверяем наличие даты
if ($('#year').val() == 0 && !confirm(_text['UP_NODATE'] + '.'))
{
$('#step1')[0].scrollIntoView();
return false;
}
// Проверяем разрешение на публикацию
if ($('#naa_hint').is(':visible') && $('#naa_allow').val().trim() == '')
{
alert(_text['UP_NAA_ALLOW_NO']);
$('#step1')[3].scrollIntoView();
return false;
}
// Уточняем, правильно ли, что выбрано "города нет в списке"
var cid = $('#main-cid').val();
if (pid == 0 && cid == 0 && !confirm(_text['UP_NOCITY'])) return false;
// Уточняем, если город не соответствует привязкам
if (cid != 0 && cnames[cid] == undefined && !confirm(_text['UP_OTHERCITY'])) return false;
// Проверяем наличие МС
if ($('.view[value="9"], .view[value="10"], .view[value="11"], .view[value="12"]').length == 0 && $('#place').val().trim() == '' && !confirm(_text['UP_NOPLACE'] + '.'))
{
$('#step3')[0].scrollIntoView();
return false;
}
// Проверяем правильность указания координат
if (!$('#nomap').prop('checked'))
{
if ($('#lat').val() == 0.0 || $('#lng').val() == 0.0)
{
$('#step4')[0].scrollIntoView();
alert(_text['UP_NOCOORDS']);
return false;
}
if ($('#directions input:checked').length == 0)
{
$('#step4')[0].scrollIntoView();
alert(_text['UP_NODIR']);
return false;
}
}
return true;
}
function setDate(d, m, y)
{
$('#day').val(d);
$('#month').val(m);
$('#year').val(y);
$('#pdate_approx').val(0);
}
document.onclick = function(e)
{
e = e || window.event;
E = e.target || e.srcElement;
if (E.id != 'phint' && E.parentNode.id != 'phint' && E != _getID('mform').place) $('#phint').slideUp();
if (E.className != 'searchVehiclesBtn' && E.id != 'vlist_table' && E.className != 'num' && $('#vlist').css('display') == 'block') $('#vlist').hide().html('');
if ($(E).closest('#views-selector').length == 0) $('#views-selector').hide();
};
function showHint(id) { $('#'+id+'_hint').fadeIn() }
function hideHint(id) { $('#'+id+'_hint').fadeOut() }
function changeColor(sel) { sel.className = sel.options[sel.selectedIndex].className }
function toggleNAA(wl)
{
if ($('#naa').prop('checked'))
{
$('#naa_hint').show();
if (!wl)
{
$('#pub1_label').hide();
$('#pub0').prop('checked', true);
}
}
else
{
$('#naa_hint').hide();
$('#pub1_label').show();
}
}
function checkSpecialViews()
{
var fields = $('.route, .notes');
if (!moderator) fields.add('#place');
if ($('.view[value="9"], .view[value="10"], .view[value="11"], .view[value="12"]').length > 0)
fields.prop('disabled', true).val('');
else fields.prop('disabled', false);
}

7
static/js/jquery.form.min.js vendored Normal file

File diff suppressed because one or more lines are too long

1
static/js/notie.js Normal file

File diff suppressed because one or more lines are too long

17
static/js/progressbar.js Normal file
View file

@ -0,0 +1,17 @@
function scrollProgressBarWidth(number) {
var getMax = function() {
return $(document).height() - $(window).height();
};
var progressBar = $(".progress-bard"),
max = getMax(),
value,
width;
var setWidth = function() {
progressBar.css({
width: number + '%'
});
};
setWidth();
}

View file

@ -9,7 +9,46 @@
<link rel="stylesheet" href="/static/css/desktop.css">
<link rel="stylesheet" href="/static/css/trans.css">
<link rel="stylesheet" href="/static/css/photo.css">
<link rel="stylesheet" href="/static/css/notie.css">
<script src="/static/js/jquery.js"></script>
<script src="/static/js/jquery-ui.js"></script>
<script src="/static/js/jquery.form.min.js"></script>
<script src="/static/js/core.js"></script>
<script src="/static/js/index.js"></script>
<script src="/static/js/core_lk.js"></script>
<script src="/static/js/imageupload.js"></script>
<script src="/static/js/progress.js"></script>
<script src="/static/js/notie.js"></script>
<div class="progress-container fixed-top">
<span class="progress-bard"></span>
</div>
<style>
.progress-container {
width: 100%;
background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)) var(--theme-bg-color);
height: 5px;
display: block;
}
@-webkit-keyframes bg-move {
0% { background-position: var(--bckgr); }
100% { background-position: var(--bckgr2); }
}
@keyframes bg-move {
0% { background-position: var(--bckgr); }
100% { background-position: var(--bckgr2); }
}
.progress-bard {
background-color: #3862eb;
width: 0%;
display: block;
height: inherit;
transition: width 0.6s ease;
background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #64b5ef 75.52%, rgba(100, 181, 239, 0) 100%);
background-repeat: no-repeat;
animation: bg-move linear 2s infinite;
}
</style>

View file

@ -641,17 +641,7 @@ $user = new User(Auth::userid());
<div class="sm" style="color:#999; margin-top:3px">Можно пояснить ценность фотографии, если на ней изображёно что-то редкое или уникальное (ведь фотомодераторам это может быть неизвестно).</div>
</td>
</tr>
<tr>
<td></td>
<td style="padding-top:15px"><input type="checkbox" name="px" id="px" value="1"> <label for="px">Не участвовать в <a href="/voting.php?show=results">Фотоконкурсе</a></label></td>
</tr>
<tr>
<td></td>
<td style="padding-top:10px">
<input type="checkbox" name="dontclear" id="dontclear" value="1"> <label for="dontclear">Не очищать привязки</label>
<div class="sm" style="margin-top:5px; color:#888">Если установить эту галочку, после загрузки фото не будут очищены привязки к ТС и галереям. <br />Установите её, если Вы планируете загрузить еще фото в тот же профиль или галерею.</div>
</td>
</tr>
<tr>
<td></td>
<td style="padding:20px 2px 12px">
@ -670,22 +660,7 @@ $user = new User(Auth::userid());
</div>
</td>
</tr>
<tr>
<td class="footer"><b><a href="/">Главная</a> &nbsp; &nbsp; <a href="/lk/">Личный кабинет</a> &nbsp; &nbsp; <a href="https://forum.transphoto.org">Форум</a> &nbsp; &nbsp; <a href="/rules/">Правила</a> &nbsp; &nbsp; <a href="/admin/">Редколлегия</a></b><br>
<a href="/set.php?dark=0" style="display:inline-block; padding:1px 10px; margin-top:5px; background-color:#ddd; color:#333">Светлая тема</a>
<div class="sitecopy">&copy; Администрация ТрансФото и авторы материалов, 2002—2024<br>Использование фотографий и иных материалов, опубликованных на сайте, допускается только с разрешения их авторов.</div>
<div style="margin:15px 0">
<noindex>
<!-- Yandex.Metrika informer -->
<a href="https://metrika.yandex.ru/stat/?id=73971775&amp;from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/73971775/3_0_DDDDDDFF_DDDDDDFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="73971775" data-lang="ru" /></a>
<!-- /Yandex.Metrika informer -->
</noindex>
</div>
</td>
</tr>
</table>
</body>