asxpi/photos
1
0
Fork 0
Code Issues Pull requests Activity

initial commit

Browse source
This commit is contained in:
Sergei Poljanski 2023-08-02 20:14:32 +00:00
commit 8eb7bc35cc
81 changed files with 809 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
bgmain.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.2 MiB

54
contacts.php Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>asxpi // Objects</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="navbar">
<div class="container" id="asd">
<div class="logo">
<a href="index.html">
asxpi/<h1>Objects</h1>
</a>
</div>
<ul class="menu" id="navmenu">
<li>
<a href="nature.php">
NATURE
</a>
</li>
<li>
<a href="people.php">
PEOPLE
</a>
</li>
<li>
<a href="streets.php">
STREETS
</a>
</li>
<li>
<a href="objects.php">
OBJECTS
</a>
</li>
<li>
<a href="contacts.php">
CONTANCTS
</a>
</li>
</ul>
</div>
</div>
<div class="contacts">
//TODO: написать страницу с контактами
</div>
</body>
</html>

52
index.html Normal file
View file

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <title></title> -->
<title>My photos</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="container">
<div class="bar">
<div class="logo">
<h1>MY</h1>
<h2>PORTFOLIO</h2>
</div>
<div class="cross">
<img src="pic/xbar.png" alt="">
</div>
<div class="links">
<ul class="menu">
<li>
<a href="nature.php">
NATURE
</a>
</li>
<li>
<a href="people.php">
PEOPLE
</a>
</li>
<li>
<a href="streets.php">
STREETS
</a>
</li>
<li>
<a href="objects.php">
OBJECTS
</a>
</li>
</ul>
</div>
</div>
</div>
</header>
</body>
</html>

23
makethumb.php Normal file
View file

@ -0,0 +1,23 @@
<?php
/*www.ashishrevar.com*/
/*Function to create thumbnails*/
function make_thumb($src, $dest, $desired_width) {
/* read the source image */
$source_image = imagecreatefromjpeg($src);
$width = imagesx($source_image);
$height = imagesy($source_image);
/* find the “desired height” of this thumbnail, relative to the desired width */
$desired_height = floor($height * ($desired_width / $width));
/* create a new, “virtual” image */
$virtual_image = imagecreatetruecolor($desired_width, $desired_height);
/* copy source image at a resized size */
imagecopyresampled($virtual_image, $source_image, 0, 0, 0, 0, $desired_width, $desired_height, $width, $height);
/* create the physical thumbnail image to its destination */
imagejpeg($virtual_image, $dest);
}
make_thumb($src, $dest, $desired_width);
?>

77
nature.php Normal file
View file

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>asxpi // Nature</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="navbar">
<div class="container" id="asd">
<div class="logo">
<a href="index.html">
asxpi/<h1>Nature</h1>
</a>
</div>
<ul class="menu" id="navmenu">
<li>
<a href="nature.php">
NATURE
</a>
</li>
<li>
<a href="people.php">
PEOPLE
</a>
</li>
<li>
<a href="streets.php">
STREETS
</a>
</li>
<li>
<a href="objects.php">
OBJECTS
</a>
</li>
</ul>
</div>
</div>
<div class="pix">
<?php
$directory = 'nature'; //название папки с изображениями
$allowed_types=array('jpg','jpeg','gif','png'); //разрешеные типы изображений
$file_parts=array();
$ext='';
$title='';
$i=0;
//пробуем открыть папку
$dir_handle = @opendir($directory) or die("There is an error with your image directory!");
while ($file = readdir($dir_handle)) //поиск по файлам
{
if($file=='.' || $file == '..') continue; //пропустить ссылки на другие папки
$file_parts = explode('.',$file); //разделить имя файла и поместить его в массив
$ext = strtolower(array_pop($file_parts)); //последний элеменет - это расширение
$title = implode('.',$file_parts);
$title = htmlspecialchars($title);
$nomargin='';
if(in_array($ext,$allowed_types))
{
if(($i+1)%4==0) $nomargin='nomargin'; //последнему изображению в ряде присваевается CSS класс "nomargin"
echo '
<div class="pic '.$nomargin.'" style="background:url('.$directory.'/'.$file.') no-repeat; background-size: cover; background-position: center;">
<a href="'.$directory.'/'.$file.'" title="'.$title.'" target="_blank">'.$title.'</a>
</div>';
$i++;
}
}
closedir($dir_handle); //закрыть папку
?>
</div>
</body>
</html>

BIN
nature/DSC_3671.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6 MiB

BIN
nature/DSC_3713.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.2 MiB

BIN
nature/DSC_3832.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.7 MiB

BIN
nature/DSC_4100.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.1 MiB

BIN
nature/DSC_4208.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.5 MiB

BIN
nature/ducks.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 531 KiB

BIN
nature/lasna.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.3 MiB

BIN
nature/lasna2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.3 MiB

BIN
nature/narva.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 919 KiB

78
objects.php Normal file
View file

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>asxpi // Objects</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="navbar">
<div class="container" id="asd">
<div class="logo">
<a href="index.html">
asxpi/<h1>Objects</h1>
</a>
</div>
<ul class="menu" id="navmenu">
<li>
<a href="nature.php">
NATURE
</a>
</li>
<li>
<a href="people.php">
PEOPLE
</a>
</li>
<li>
<a href="streets.php">
STREETS
</a>
</li>
<li>
<a href="objects.php">
OBJECTS
</a>
</li>
</ul>
</div>
</div>
<div class="pix">
<?php
$directory = 'objects'; //название папки с изображениями
$allowed_types=array('jpg','jpeg','gif','png'); //разрешеные типы изображений
$file_parts=array();
$ext='';
$title='';
$i=0;
//пробуем открыть папку
$dir_handle = @opendir($directory) or die("There is an error with your image directory!");
while ($file = readdir($dir_handle)) //поиск по файлам
{
if($file=='.' || $file == '..') continue; //пропустить ссылки на другие папки
$file_parts = explode('.',$file); //разделить имя файла и поместить его в массив
$ext = strtolower(array_pop($file_parts)); //последний элеменет - это расширение
$title = implode('.',$file_parts);
$title = htmlspecialchars($title);
$nomargin='';
if(in_array($ext,$allowed_types))
{
if(($i+1)%4==0) $nomargin='nomargin'; //последнему изображению в ряде присваевается CSS класс "nomargin"
echo '
<div class="pic '.$nomargin.'" style="background:url('.$directory.'/'.$file.') no-repeat; background-size: cover; background-position: center;">
<a href="'.$directory.'/'.$file.'" title="'.$title.'" target="_blank">'.$title.'</a>
</div>';
$i++;
}
}
closedir($dir_handle); //закрыть папку
?>
</div>
</body>
</html>

BIN
objects/ava.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 280 KiB

BIN
objects/glogg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 465 KiB

79
people.php Normal file
View file

@ -0,0 +1,79 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>asxpi // People</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="navbar">
<div class="container" id="asd">
<div class="logo">
<a href="index.html">
asxpi/<h1>People</h1>
</a>
</div>
<ul class="menu" id="navmenu">
<li>
<a href="nature.php">
NATURE
</a>
</li>
<li>
<a href="people.php">
PEOPLE
</a>
</li>
<li>
<a href="streets.php">
STREETS
</a>
</li>
<li>
<a href="objects.php">
OBJECTS
</a>
</li>
</ul>
</div>
</div>
<div class="pix">
<?php
$directory = 'people'; //название папки с изображениями
$allowed_types=array('jpg','jpeg','gif','png'); //разрешеные типы изображений
$file_parts=array();
$ext='';
$title='';
$i=0;
//пробуем открыть папку
$dir_handle = @opendir($directory) or die("There is an error with your image directory!");
while ($file = readdir($dir_handle)) //поиск по файлам
{
if($file=='.' || $file == '..') continue; //пропустить ссылки на другие папки
$file_parts = explode('.',$file); //разделить имя файла и поместить его в массив
$ext = strtolower(array_pop($file_parts)); //последsний элеменет - это расширение
$title = implode('.',$file_parts);
$title = htmlspecialchars($title);
$nomargin='';
if(in_array($ext,$allowed_types))
{
if(($i+1)%4==0) $nomargin='nomargin'; //последнему изображению в ряде присваевается CSS класс "nomargin"
echo '
<div class="pic '.$nomargin.'" style="background:url('.$directory.'/'.$file.') no-repeat; background-size: cover; background-position: center;">
<a href="'.$directory.'/'.$file.'" title="'.$title.'" target="_blank">'.$title.'</a>
</div>';
$i++;
}
}
closedir($dir_handle); //закрыть папку
?>
</div>
</body>
</html>

BIN
people/DSC_4572.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.3 MiB

BIN
people/DSC_4590.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.8 MiB

BIN
people/DSC_4595.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.9 MiB

BIN
people/DSC_4886_1.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.3 MiB

BIN
people/DSC_5082.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.7 MiB

BIN
people/DSC_5231.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.1 MiB

BIN
people/DSC_5506.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.3 MiB

BIN
people/DSC_5949.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5 MiB

BIN
people/DSC_6038.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.3 MiB

BIN
people/DSC_6580.jpg Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.2 MiB

BIN
people/DSC_6611.jpg Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.2 MiB

BIN
people/DSC_6633.jpg Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.9 MiB

BIN
people/DSC_6998.jpg Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3 MiB

BIN
people/DSC_7480.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.3 MiB

BIN
people/DSC_7535.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
people/DSC_7798_1.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
people/DSC_7803_1.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2 MiB

BIN
people/DSC_7831.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1 MiB

BIN
people/DSC_7842_1.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
people/DSC_7911.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.8 MiB

BIN
people/DSC_7946.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.6 MiB

BIN
people/DSC_8047.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.6 MiB

BIN
people/DSC_8157.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
people/DSC_8208.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.5 MiB

BIN
people/_DSC8601.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.1 MiB

BIN
people/_DSC8606.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.8 MiB

BIN
people/_DSC8883.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.2 MiB

BIN
people/johannes.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 334 KiB

BIN
people/leo.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 306 KiB

BIN
people/nikita.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.9 MiB

BIN
people/pchela2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.8 MiB

BIN
pic/bgmain.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 856 KiB

BIN
pic/xbar.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1,001 B

104
portugal.php Normal file
View file

@ -0,0 +1,104 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>asxpi // Streets</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="navbar">
<div class="container" id="asd">
<div class="logo">
<a href="index.html">
asxpi/<h1>Streets</h1>
</a>
</div>
<ul class="menu" id="navmenu">
<li>
<a href="nature.php">
NATURE
</a>
</li>
<li>
<a href="people.php">
PEOPLE
</a>
</li>
<li>
<a href="streets.php">
STREETS
</a>
</li>
<li>
<a href="objects.php">
OBJECTS
</a>
</li>
</ul>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js" async></script>
<div class="pa-gallery-player-widget" style="width:100%; height:480px; display:none;"
data-link="https://photos.app.goo.gl/peCsiXxm3m73QXAd7"
data-title="Portugal and Denmark"
data-description="50 new items added to shared album"
data-repeat="false">
<object data="https://lh3.googleusercontent.com/gq9FfTszPPBqn8lNVeDrkciei1pMv5dFvw7fuPFttbllVzhjpqFOgufA_74pq7H1305InkhpoXsd5tLmxHoSBILI4DhYJ7VDKjHjuGrqb2DPbJwyn8S7bcTtgSIw4b1fg08Dqbr3wg=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/P3I4RZlh2YvFS4iU8RGAGV9nJWPGPZqEjYnzMAdDqy2PUu6D4u3VOZ_GfXaMO5D5dp1z6_o8kLDyZj9vQ45vgCRsn6iKif7jyYYdKniS-BXaplxQgL9cIO3A0F4EgKhxJjfYsxMEYA=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/VNbXkZS8VlFjBNhtYnZVVtgvVUjY5pyS97iMCM8QOjtw1hjDHcsLK90OnAhrClJBzbHrvvGCKfZNVd6psrbilm_5ElGyVw9CHKlCBSqUKpRL3UfxufSEk8xBQrCULbRV-PojYfya7A=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/PBoOaEAOsk1dcIdCNxi54bgzGwjo-hnE7P5-oG5FO1qQ10ry17_CyYgm6RRlMrp9TEGr5wzfMxRu7mHK4DlUS3kd3GyBH319K3rVfOj6VRlD0K1oVBk5JVNXrASILacvEVfAKLvJpQ=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/EM2SbBGO_dWqvuMdlrKHXpHxJPxoJ4YmCz3J0tGnMzcoaga3nayZ90KUc8nFDV6yqHUQ51OI0K_Bu98jKh9kyok1yX5QdEwkhw2K4or76607hXDMnEDPc26AQICXomvbICpnoU_GHg=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/05w95fLj33zM4P2ZXXiyWwri4IqIbrWI-VySTJ3ecLzI6_GggQyBKZjjz3RLAfgpQRm3yPerVXDmeyeg8QIWDVliswUz7_dnTZ0CM6_qoSUUQhQP6o7iZP43i23I8kZdnjmnyyg08w=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/_27eyuvhoHZvg6294CyAxxjQNQBM00Pmw2vSRNhzUpLCHE2P9IEjCfoOR3rV2VSkU0kJsMdywTBkmi37UujDMrrF1Xxz36w6jxpFPyKqmzTB_SFY-Y5lFFj-W-MOqGvuNJjrTELIVw=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/9siWrgSJmg9e_i1nja-WgFavv64ZOhSSIZCt13NBo-kdhQeY2aIT1DJD0Z-iJ4OipeTBLbJil-GagFfIQEVdmo4H-jmn3UtKNq-1iWII3tjX4UsqhTuCKIHXC93I-PJOslrYkNHZLg=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/6I7iXU4UCm0GDnypNCcBkaJ7cQ29nkiIcbu1sauX48SCWKLKnQX8o3M87SbGadH8-Duv275s0iEOtkU3paYBYcbzrOBxY3UlULe8K75k05ujU5dteCIShxRE21WYuQeSsWPtSeceyg=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/fxllGfaiVI2QWgtX0Nvx_LB-dskflPRsJ1nSBj84oZ7VELHXI-RziyYFMViDdJQorFROF5gAnEsbLAWsuUxyRgNhBMYEZeFnAp4XL5ODtw1ncJ_sg5sMqknLTITR8wHWS7eyBq18pA=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/_fecLj0G77x8bneKd7UvEHnIJcDxI02kxHDJLeoeorIX9kpcb_zmiHvjzFMmzof-h59PPHi-PmNfBI54v-nQM-buPQAECI9PnAouXUedhqGADiv8x0RT72sPWMmIAIX0zyQyLuvQpw=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/GUdXKpPFi4YRYvBCVXEJUy0vWQZqOiewalLbrR0C4S7rp2OyM9qtPTLHRsag1fFCrAQ6s2TYTQcvWQ7J71KK6r_OQiYJi0niohpB8LQZO4V0uexMcLsWHnyCX6J63-KeLcU0lJUuKg=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/zRYt4qLa13cNvCXj3Zu37q5MTW4V0Py72h-QbsaavUXvl1yR7N4flL7yiAbOm32O2-XIjvy0ISSEcsx7C7awwiKycZ47lxHxAAJ1wnSTqWOM_A4cE6lHeBrWNzlingB-I-_CxsGMAg=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/P4r07Mrrbh25Gz9bdk8upkGNWhmRZCYd-1Cp0IASUOmhD20GBucVk-Egn3phgyqcBP0hoprWsxyNPuryUo2tnDCkua1mSAbsay8hDv8pYlaZw33ptbIymsYfXYr0uu-2I8-rR5UqLw=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/0-kBJj0tqeE_jXjjqFU3T0ZdS2qnP8SxHg0DqghDERw6qr0E5uBJ5osOlal4OuJ-HY4QjmI_pk2rBsO_6YD33201ULUM5-i8RVbJJLlqRrIgyjnrsfCtIo0JC72pxUHxPGiS15rc6A=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/qo-lhbZsmRSib0IO_8XV0p1xpg8Jcb2ZQolEKfbfy0bVLUcRwe5iZmbhy6DwE5u97EtQjyv8t5akkWCsJCpEjIZO4mw3NfS7lTdxUJ0huo2J5Bu6b0MQCDW2-iCcOcmSGDWM2AFriQ=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/H-tRFS-GVWmd0wsrGKaCTvHW2Lc7DSg1P6g2HCjMVD-vfIcOjoAiVMXpw0VM3QOO-2UT04lTZxvGoGFXM298aURaaSbi-boZcNJ0J95mg_enL6wH_WV4ftMOEoisEA5FOlNKz2oXLQ=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/qaIS5_5hbbbWO-Eb2m8KdVtPCrcZg1JDE-shdtq36YsYckpNvntIumddhWDgLWCo_RCLLn2Lq4agyRp3u-BcEgSZ_nKi95WaEevnKEY8S2EthI8DzICuLHUSCxlaXrB_O3tGE_Gxgg=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/cpnk3GbEcxgi0PyP5hHOqGGnB-X4I1fbbyAQG90a4a9KtAxxY_IqqAC5aJxFsa9oUQEODMcgJzk5zusty7rA-SZG5HKJXbTBI2xHpAhec2zsSaeSp6iWEI8GBGUgW8GShbt2sUBOfw=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/GvdLpcGSLiK4w_XX96h80og1slhpwZTy3b4OmnkXibJJ8_CRItkBfqy1J-Tvu-xFaQNRPmVhT0lPDNWGpweAY_nwMloQB8PdjlZQ-sGKd7tUiUc37KNcsaFLhJ2wQf4aY95ow8UsQg=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/wZHI5qSue9GDByqbBhV90OoD5LJb-_WuRDyExhX3_Zzqh75TPgVZG-kB_1hOGysxMa57ZtSVzyb9UcoEmffl0tP8Y50lGlT2w3sbjhcM3AyqCcpFjXUrKNRVZrIEiK8QkNanIDJ8dA=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/aNWZy1b3Q5xr_YnouJVzEdF_sYgjcQZPCe9XXp3aRK30R2Y17DvGjZNpq5EPLw3V0hw06Hhc12E0mjCxx0NNHD4a-ukoJ4Nfzc122kp5kWyk1SXkBWODOVg1bpzNQ9Bt6PxX1zQDdg=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/XNmlGgZszPZBk-c9py8xUWZz3lI9-cCJhpqhvdKYYKsrPNtt-HgPv3XarMfNqb2S9jHRufk0pxyD02xx1YC2XW3aQEGwjuxtcetJlgF42fJRuo1NNiJqBBT-96nKU_Lukqk3JoX39A=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/IaoP_0IacoIy5w7Spio_LADG2r5WfzVk5YsGuMApJut-I_kgdyN4_2yGAD_gt4qGY4sCvsh_x_cUXR6dmrvXEhu4fqn9rFPSbGgSBoftrvQ5tY8Pf-1CtEfuL-OrAenSKpFwKS2-MA=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/Nyhg9Y_SxpnADj4RLj2lDOAAFCl5p1sEOwRZTK1PA9ObBbTqnp85dOj4nTLaDjLHQXLfHyDX0_fsjQ0aRZzgqiz9VQyIYZ1gVp5ClJO8pGDvvOSJRnw7HGyTJt7YNTD-6zE5pJUxxQ=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/PxHxsG1R-grc6hgkJZJk7RTwbj1X9qMueJoeqouMV0g2Aata6_LD6er8dPCT7GW31Gi33hQHDJpwMegLN1Ci6tCNnnq-UJJEEfjFbORriW6jy7MU3a5wmIxvo4K7h7QqsE3Omw8LlQ=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/0bqaWvEhE4RX3nZvdfNq2JvhDmqU8gIBeUAfqF7B5OSe4HGiJcYM1O0JTx41PCOo7nVlzo0X-1N8RnWWSmIeoPblUm4LpqYdbFelI90g0NA4PcLIFBlrjjxfTq-nwiemgTM1A0M9EA=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/Ovz1hP0tDFlaESHmMwDnNYEJP9bE56jMXaHy6tYCT780Z3Y6SgEIP-izk48sT6X-R4i6Wdmah-UburJy4WxIcXmn84G0QVf3W-c8UPq1sOGx9aTrJWhYZX7S6QY0K3e-2qBFCz4cpQ=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/ZX3fsP_bHqL_oEZbDLlfkEAowQLyfRNy_a8hCIhntC8ibqugpqkpKQApmLOYr6dxUVWSpqnvCB7UOSTdIlm3gei94yoOprJawYmpgGL6LAMhstllFvwdTURwi2hdDr6h2c2eBLJEOA=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/rUOhG-uKU8jxAQ0zxmJXF6luzJQkMKzH88mUBbkEM0v3vnGu4T1-nMblBY-e45afW86CgCbQYvtsfDPHaJTkExLQKMZCsfPWJLmHyRglhCsWr_5HmvGx8amntepHKccA54LiThOGaA=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/mrWgdZRqvnOlOE05fwH8Ecw9qxZ0XAPAYoVB9cVubLMOMWgEdtdU3WNHg6NXpl4imOg82lhpT_tjm8pcBSQ6BMkJpEldvK20aJ2r8ij2txlInEGAlppedT_uOj5Sw3kMJm78aBBaLQ=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/e3N2fUXyxuVNHAss-k8vZd3rq4JqY6YvyXHzco72w_LkYdGIOVyVfZcmxYb_kxMpk_zB2EzYoL1qJFEwDWylJMObmue9SaOiYGB0WXNwS4i8CMVgfJCVjxWf6T5JlzAc7uPOsUxU_A=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/M-ERSu6d5dzB2HRqRisVkVwTC1EOVu7aVSknEKABrctBy3LMUO7had_XZXFavoVYjyV5BxKmSIsElnWHTgjDJ5N2BQtBUj-93ojWfwmvZDuk3MLqMg4L6sFRy3nW_lT03xi69-gwzQ=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/KZ2zTooJL2E5NQtoSUZq9ZuaLcA2HEfybdNM_sWZFes-CCgOqK1VxVTjFwhUmcR9VCFlxfj_8UsAQ46QFcbREnvPhWKriHMrKsTBNBzAaj2mKl8tM2VoRQvY0gDFfkPvYYxFe-zRiA=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/OQn2T_DT9AvYe_vpmdqa_qWv5mVokCsMxBqQV3ir1s2uYnSQQXkjQWFpX1eW7hg8mYYHzMzazlZT6KxRVZe0YZTXn9kGot20lfHi5LaYkA4gQdo_l8sMI0iIubqVYIVAKuL4OPKOQw=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/TH8Py9MYOd7MBQSr6HAU06oBT0VKSMFqbnAQIa-O_rA1KwhBOLWrgERzI7bcLskccOVqhomUrAkMmSAep2qOI_peOEbUl1I6rlhmHkYeBKDAVlTANeS4B8WUxJ-aG4TIihh8UFLC7w=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/FtMraByUpebT_ypxX1BKb5_SByYavTOkjFap_W0eTex-vdgBaRIhSJ2PfOC4XGjuISQssu5sLXhdcDOmxCVYi55uqXCP1hPmhhJDv6nRohWDkEEh-IoOHSbmNGe7PcU7NL_rUuPWiQ=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/sShvwa_mFm8xtFpB6UYcVMPqmr4WBX2r46M_AknCsDvNa9jcUZJP6VmeUndyYUpoYgTh8NGV1o1Wb3E32spvQ683zUQBl1sXQPYqWHOnvdYYj78anyBZV39VYmqvFjJ_vE9nSb1jpQ=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/T1OaRzz8AzDTkNYLeqsj0OzNy_CKqvqoiaStScH6LCI-rFFIB_Tuh8NODGtjYZgyvNNJ961zXyHs5KgM7w6dCEzc-PqOgX1EtzGvnvuvCAjMLXBOHdtn1kBSOolbfNkh4GWjBBQTzQ=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/4iH0VaSVqmI3UOvMU7IdH4M4SJRq-71Cy8xdIuTEWDYqUtKbksTXS8p_N_fs6BmWytJUsY7geEYJZzoqhu31if3J1L7LNs7pwoaFfX4vvzZqCllwNyaKCiGDhV4iHgC8HFEoCW8Rsg=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/NUY7u67VPF4pvtAMdIMv_u_OiXB-EpLb-76-s9yH6HdEs0x68215pBIhqT-kMO0juH7bf_wccHj3F1Z6WxqAyY-r62qP5w-BcLMwQ7Poo3lkH72SppxZxXGT8eGJNIiKVF1zEkxgJA=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/XgNjHua8q-4rXGA7h9ZrJaJEf368ajTVqvm7YXHh2EQ_Evn1kNaJozgo_X_j1D-UYwSsu8eDmoOIftGaTeD1wZ-_DjXQDQGhnReaFGYn6bdGGV-Mv08U95-IwmJIHWqsRQZbl6qxrA=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/vbtYZIoTjjQkRXa45iLiumZjW3g2qIdAri-IV9MNfr6zgU9LU9DabE_gAuL55VuDg7DK1sDrZt-1J6wDIKgshQSSR1RYwQ0vxmqSJXlgYQUiQBlv8HaBjkpG4VXxXf6F_DPJUy9-bA=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/BMUxrWyzw9cgx7CCuliD_nT6j2fouPHLjtE4ZHeTw_TvzOTpJ6Xd1Wx3ZwE6sGi4nJryUl-sA9Gb8uM0xoXjoZgy0TY3GZV-_t8kvdcOz4pzUzKq8Qjsku0uGllNDvARX20M8c6g0g=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/KEoSHOh5lXZ2NGnmPHfKbAs7zOo9kAepylIF0fu8jc6nTmYH5WRH6jRd1OFZiXDST_2u-_raoWJZC-9o6kBRm1hFnta0JiOV75eBFOjJVMm_0HDIHAL0zpfh--Km5MQEFFWc0FB2sw=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/_7FNnDS7tgW9VeX7nzyRhGeTU4IdlM6xumuai4uV0kkUryxiBE7AU8914zF_EAv2F7eaizpPHrUl94RSFp4CcYa0yjqvQR8oEkaO_enfKvw_F1VhgBRp1z4WviH_XX7UKwdsVyzwYQ=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/ZDDuQf4IGEiPaoIoOdAuXNWNBYeLCgEn9yM-6-BLyKKVwcWluEpe8eAz6shbC80Col6uWEQBiMp-s3W0TLPpFummb6LHlsZws1LrLbMxvv76SYz65M1neoUN8rDKVA-VTTSf8TQD7Q=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/ETcsKmdPdQdMAhki4eqACrcy1Hx6tM62m6UI_GmkklrNOeEm1C1LuFDOeWeah1Vp3p4Ft2tOW7Yy0A23JvfbNsA9cvWZyLIpFngizk4iGxr4IzQ6yMVbJZGwjLb9FDVquwvekmHfUA=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/PsKbxS6qREhM-fcHiAryVML_DgD4nBv_m0_IGDliHB0mFno2z1kEi-BcFSYv48XTZYrj2Ev3DyDsP_lxnNaYy_v4-3BGaccCIkTaol4OgWMr-jFI2fnI-TB7C1yHZXTR2QJ2aputXg=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/UUB9XGt0adyJ85A-yTm_mgyh6q3MZlCou9sAdv8urCiUui9lE4bjYl5K2kUyzaaO0b5H4kSzBuA4dVEuzQlBvq03aTqACLmaBGqbhh53U84kfCRlwKTTAmpvdTLMp3TyozhXjIK8sg=w1920-h1080"></object>
</div>
</body>
</html>

78
streets.php Normal file
View file

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>asxpi // Streets</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="navbar">
<div class="container" id="asd">
<div class="logo">
<a href="index.html">
asxpi/<h1>Streets</h1>
</a>
</div>
<ul class="menu" id="navmenu">
<li>
<a href="nature.php">
NATURE
</a>
</li>
<li>
<a href="people.php">
PEOPLE
</a>
</li>
<li>
<a href="streets.php">
STREETS
</a>
</li>
<li>
<a href="objects.php">
OBJECTS
</a>
</li>
</ul>
</div>
</div>
<div class="pix">
<?php
$directory = 'streets'; //название папки с изображениями
$allowed_types=array('jpg','jpeg','gif','png'); //разрешеные типы изображений
$file_parts=array();
$ext='';
$title='';
$i=0;
//пробуем открыть папку
$dir_handle = @opendir($directory) or die("There is an error with your image directory!");
while ($file = readdir($dir_handle)) //поиск по файлам
{
if($file=='.' || $file == '..') continue; //пропустить ссылки на другие папки
$file_parts = explode('.',$file); //разделить имя файла и поместить его в массив
$ext = strtolower(array_pop($file_parts)); //последний элеменет - это расширение
$title = implode('.',$file_parts);
$title = htmlspecialchars($title);
$nomargin='';
if(in_array($ext,$allowed_types))
{
if(($i+1)%4==0) $nomargin='nomargin'; //последнему изображению в ряде присваевается CSS класс "nomargin"
echo '
<div class="pic '.$nomargin.'" style="background:url('.$directory.'/'.$file.') no-repeat; background-size: cover; background-position: center;">
<a href="'.$directory.'/'.$file.'" title="'.$title.'" target="_blank">'.$title.'</a>
</div>';
$i++;
}
}
closedir($dir_handle); //закрыть папку
?>
</div>
</body>
</html>

BIN
streets/DSC_3855.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.6 MiB

BIN
streets/DSC_3937.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.2 MiB

BIN
streets/DSC_4014.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3 MiB

BIN
streets/DSC_4084.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.2 MiB

BIN
streets/DSC_4092.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6 MiB

BIN
streets/DSC_4275.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
streets/DSC_4523.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.1 MiB

BIN
streets/DSC_4688.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5 MiB

BIN
streets/DSC_4765.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.2 MiB

BIN
streets/_DSC0002.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.3 MiB

BIN
streets/_DSC0020.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.6 MiB

BIN
streets/_DSC0044.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.3 MiB

BIN
streets/_DSC0066.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5 MiB

BIN
streets/_DSC0080.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.7 MiB

BIN
streets/_DSC0090.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
streets/_DSC0098.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.8 MiB

BIN
streets/_DSC0105.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.5 MiB

BIN
streets/_DSC0113.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.2 MiB

BIN
streets/_DSC0117.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.5 MiB

BIN
streets/_DSC0121.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.4 MiB

BIN
streets/bgmain.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.2 MiB

BIN
streets/bridge.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 640 KiB

BIN
streets/krenholm.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
streets/museum.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 479 KiB

BIN
streets/russianelectricity.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 251 KiB

BIN
streets/tana.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 512 KiB

BIN
streets/train.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 470 KiB

264
style.css Normal file
View file

@ -0,0 +1,264 @@
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;400;600;700&display=swap');
/*ДЕФОЛТ*/
body {
padding: 0;
margin: 0;
font-family: 'Josefin Sans', sans-serif;
font-weight: 400;
color: #eeeeee;
font-size: 24px;
background-color: #000;
text-transform: none;
}
* {
box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6{
padding: 0;
margin: 0;
}
a {
text-decoration: none;
}
p {
margin: 0;
}
ul{
list-style-type: none;
padding-inline-start: 0px;
margin-block-start: 0;
margin-block-end: 0;
}
/**/
h1{
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 48px;
}
h2{
font-style: normal;
font-weight: bold;
font-size: 27px;
line-height: 27px;
}
h3{
}
html, body {
scrollbar-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1);
scrollbar-width: thin;
}
/*главная страница*/
.container {
width: 1520px;
margin: 0 auto;
}
header{
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(pic/bgmain.jpg);
background-size: cover;
background-position: center;
height: 100vh;
}
.bar{
display: inline-block;
text-align: center;
padding-top: 150px;
padding-right: 10px;
padding-left: 10px;
}
.logo a{
display: flex;
}
.cross{
padding-top: 8px;
margin: 0 auto;
}
.menu a{
text-decoration: none;
color: #eeeeee;
transition: 0.1s linear;
}
.menu a:hover{
color: #eeeeee;
opacity: 60%;
}
.links li{
margin-top: 24px;
}
/*нав галереи*/
.logo a{
text-decoration: none;
color: #eeeeee;
transition: 0.1s linear;
}
.navbar{
background-color: #1b1b1b;
padding-top: 26px;
padding-bottom: 26px;
}
#navmenu{
display: flex;
margin-left: auto;
margin-right: 0;
align-items: center;
}
#navmenu li {
margin-left: 40px;
}
#asd{
display: flex;
}
/*галерея*/
.clear{ /* clearfix класс */
clear:both;
}
.nomargin{ /* nomargin класс */
margin-right:0px;
}
.pic{
float:left;
margin:0;
width:33.33%;
height:400px;
}
.pic a{
height:400px;
text-indent:-99999px;
display:block;
}
/*Скроллбар*/
::-webkit-scrollbar {
width: 8px;
position: absolute;
}
::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, .3);
border-radius: 2em;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(255, 255, 255, .45);
}
/*Адаптив*/
@media screen and (max-width: 425px) {
body{
font-size: 16px;
}
.container {
margin: 0 auto;
max-width: 95%;
}
#navmenu{
display: block;
}
#navmenu li{
font-size: 16px;
padding-top: 10px;
}
.pix>.pic{
height: 150px;
}
.pix>.pic a{
height:150px;
}
}
@media screen and (max-width: 600px) {
.container {
margin: 0 auto;
width: 95%;
}
}
@media screen and (max-width: 768px) {
.container {
margin: 0 auto;
width: 95%;
}
body{
font-size: 20px;
}
.links{
font-size: 36px;
}
h1{
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 32px;
}
h2{
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 20px;
}
.bar{
align-items: center;
display: block;
}
.links li{
margin-top: 80px;
}
.pic{
height: 200px;
}
.pic a{
height:200px;
}
}
@media screen and (max-width: 1024px) {
.container {
margin: 0 auto;
width: 95%;
}
.links{
font-size: 28px;
}
h1{
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 32px;
}
h2{
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 20px;
}
.bar{
display: block;
}
.links li{
margin-top: 60px;
}
.pic{
height: 300px;
}
.pic a{
height:300px;
}
}
@media screen and (max-width: 1440px) {
.container {
margin: 0 auto;
max-width: 1200px;
}
}