diff --git a/assets/.DS_Store b/assets/.DS_Store
new file mode 100644
index 0000000..adb8061
Binary files /dev/null and b/assets/.DS_Store differ
diff --git a/assets/images/photographers/00-Portraits/EllieRoseWilkens.jpg b/assets/images/photographers/00-Portraits/EllieRoseWilkens.jpg
new file mode 100644
index 0000000..7445f05
Binary files /dev/null and b/assets/images/photographers/00-Portraits/EllieRoseWilkens.jpg differ
diff --git a/assets/images/photographers/00-Portraits/MarcelNikolic.jpg b/assets/images/photographers/00-Portraits/MarcelNikolic.jpg
new file mode 100644
index 0000000..f7316f7
Binary files /dev/null and b/assets/images/photographers/00-Portraits/MarcelNikolic.jpg differ
diff --git a/assets/images/photographers/00-Portraits/MimiKeel.jpg b/assets/images/photographers/00-Portraits/MimiKeel.jpg
new file mode 100644
index 0000000..3b270b6
Binary files /dev/null and b/assets/images/photographers/00-Portraits/MimiKeel.jpg differ
diff --git a/assets/images/photographers/00-Portraits/NabeelBradford.jpg b/assets/images/photographers/00-Portraits/NabeelBradford.jpg
new file mode 100644
index 0000000..df2ecd8
Binary files /dev/null and b/assets/images/photographers/00-Portraits/NabeelBradford.jpg differ
diff --git a/assets/images/photographers/00-Portraits/RhodeDubois.jpg b/assets/images/photographers/00-Portraits/RhodeDubois.jpg
new file mode 100644
index 0000000..25bb066
Binary files /dev/null and b/assets/images/photographers/00-Portraits/RhodeDubois.jpg differ
diff --git a/assets/images/photographers/00-Portraits/TracyGalindo.jpg b/assets/images/photographers/00-Portraits/TracyGalindo.jpg
new file mode 100644
index 0000000..fcb5f2e
Binary files /dev/null and b/assets/images/photographers/00-Portraits/TracyGalindo.jpg differ
diff --git a/assets/images/photographers/195/Architecture_Contrast.jpg b/assets/images/photographers/195/Architecture_Contrast.jpg
new file mode 100644
index 0000000..a235f1c
Binary files /dev/null and b/assets/images/photographers/195/Architecture_Contrast.jpg differ
diff --git a/assets/images/photographers/195/Architecture_Corner_Room.jpg b/assets/images/photographers/195/Architecture_Corner_Room.jpg
new file mode 100644
index 0000000..78af6ea
Binary files /dev/null and b/assets/images/photographers/195/Architecture_Corner_Room.jpg differ
diff --git a/assets/images/photographers/195/Architecture_Dome.jpg b/assets/images/photographers/195/Architecture_Dome.jpg
new file mode 100644
index 0000000..b8b74ac
Binary files /dev/null and b/assets/images/photographers/195/Architecture_Dome.jpg differ
diff --git a/assets/images/photographers/195/Architecture_On_a_hill.jpg b/assets/images/photographers/195/Architecture_On_a_hill.jpg
new file mode 100644
index 0000000..d26f863
Binary files /dev/null and b/assets/images/photographers/195/Architecture_On_a_hill.jpg differ
diff --git a/assets/images/photographers/195/Architecture_coverr_circle_empty_highway_in_buenos_aires_587740985637.mp4 b/assets/images/photographers/195/Architecture_coverr_circle_empty_highway_in_buenos_aires_587740985637.mp4
new file mode 100644
index 0000000..30a926a
Binary files /dev/null and b/assets/images/photographers/195/Architecture_coverr_circle_empty_highway_in_buenos_aires_587740985637.mp4 differ
diff --git a/assets/images/photographers/195/Travel_Adventure_Door.jpg b/assets/images/photographers/195/Travel_Adventure_Door.jpg
new file mode 100644
index 0000000..d7fb6a3
Binary files /dev/null and b/assets/images/photographers/195/Travel_Adventure_Door.jpg differ
diff --git a/assets/images/photographers/195/Travel_Bike_and_Stair.jpg b/assets/images/photographers/195/Travel_Bike_and_Stair.jpg
new file mode 100644
index 0000000..d83f415
Binary files /dev/null and b/assets/images/photographers/195/Travel_Bike_and_Stair.jpg differ
diff --git a/assets/images/photographers/195/Travel_OpenMountain.jpg b/assets/images/photographers/195/Travel_OpenMountain.jpg
new file mode 100644
index 0000000..5e10ef4
Binary files /dev/null and b/assets/images/photographers/195/Travel_OpenMountain.jpg differ
diff --git a/assets/images/photographers/195/Travel_SunsetonCanals.jpg b/assets/images/photographers/195/Travel_SunsetonCanals.jpg
new file mode 100644
index 0000000..4e63bf7
Binary files /dev/null and b/assets/images/photographers/195/Travel_SunsetonCanals.jpg differ
diff --git a/assets/images/photographers/195/Travel_Tower.jpg b/assets/images/photographers/195/Travel_Tower.jpg
new file mode 100644
index 0000000..6621ae9
Binary files /dev/null and b/assets/images/photographers/195/Travel_Tower.jpg differ
diff --git a/assets/images/photographers/243/.DS_Store b/assets/images/photographers/243/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/assets/images/photographers/243/.DS_Store differ
diff --git a/assets/images/photographers/243/Animals_Rainbow.jpg b/assets/images/photographers/243/Animals_Rainbow.jpg
new file mode 100644
index 0000000..b82deb2
Binary files /dev/null and b/assets/images/photographers/243/Animals_Rainbow.jpg differ
diff --git a/assets/images/photographers/243/Animals_Wild_Horses_in_the_mountains.mp4 b/assets/images/photographers/243/Animals_Wild_Horses_in_the_mountains.mp4
new file mode 100644
index 0000000..d9c560d
Binary files /dev/null and b/assets/images/photographers/243/Animals_Wild_Horses_in_the_mountains.mp4 differ
diff --git a/assets/images/photographers/243/Event_BenevidesWedding.jpg b/assets/images/photographers/243/Event_BenevidesWedding.jpg
new file mode 100644
index 0000000..3d14ac9
Binary files /dev/null and b/assets/images/photographers/243/Event_BenevidesWedding.jpg differ
diff --git a/assets/images/photographers/243/Event_PintoWedding.jpg b/assets/images/photographers/243/Event_PintoWedding.jpg
new file mode 100644
index 0000000..2be52d3
Binary files /dev/null and b/assets/images/photographers/243/Event_PintoWedding.jpg differ
diff --git a/assets/images/photographers/243/Event_SeasideWedding.jpg b/assets/images/photographers/243/Event_SeasideWedding.jpg
new file mode 100644
index 0000000..3bbad32
Binary files /dev/null and b/assets/images/photographers/243/Event_SeasideWedding.jpg differ
diff --git a/assets/images/photographers/243/Portrait_Background.jpg b/assets/images/photographers/243/Portrait_Background.jpg
new file mode 100644
index 0000000..d438af7
Binary files /dev/null and b/assets/images/photographers/243/Portrait_Background.jpg differ
diff --git a/assets/images/photographers/243/Portrait_Nora.jpg b/assets/images/photographers/243/Portrait_Nora.jpg
new file mode 100644
index 0000000..e971c76
Binary files /dev/null and b/assets/images/photographers/243/Portrait_Nora.jpg differ
diff --git a/assets/images/photographers/243/Portrait_Wednesday.jpg b/assets/images/photographers/243/Portrait_Wednesday.jpg
new file mode 100644
index 0000000..22398de
Binary files /dev/null and b/assets/images/photographers/243/Portrait_Wednesday.jpg differ
diff --git a/assets/images/photographers/243/Travel_HillsideColor.jpg b/assets/images/photographers/243/Travel_HillsideColor.jpg
new file mode 100644
index 0000000..0fee337
Binary files /dev/null and b/assets/images/photographers/243/Travel_HillsideColor.jpg differ
diff --git a/assets/images/photographers/243/Travel_Lonesome.jpg b/assets/images/photographers/243/Travel_Lonesome.jpg
new file mode 100644
index 0000000..741fd12
Binary files /dev/null and b/assets/images/photographers/243/Travel_Lonesome.jpg differ
diff --git a/assets/images/photographers/527/.DS_Store b/assets/images/photographers/527/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/assets/images/photographers/527/.DS_Store differ
diff --git a/assets/images/photographers/527/Portrait_AfternoonBreak.jpg b/assets/images/photographers/527/Portrait_AfternoonBreak.jpg
new file mode 100644
index 0000000..8e2891b
Binary files /dev/null and b/assets/images/photographers/527/Portrait_AfternoonBreak.jpg differ
diff --git a/assets/images/photographers/527/Portrait_Alexandra.jpg b/assets/images/photographers/527/Portrait_Alexandra.jpg
new file mode 100644
index 0000000..3647b37
Binary files /dev/null and b/assets/images/photographers/527/Portrait_Alexandra.jpg differ
diff --git a/assets/images/photographers/527/Portrait_Shaw.jpg b/assets/images/photographers/527/Portrait_Shaw.jpg
new file mode 100644
index 0000000..c7565ed
Binary files /dev/null and b/assets/images/photographers/527/Portrait_Shaw.jpg differ
diff --git a/assets/images/photographers/527/Portrait_Sunkissed.jpg b/assets/images/photographers/527/Portrait_Sunkissed.jpg
new file mode 100644
index 0000000..3dc312b
Binary files /dev/null and b/assets/images/photographers/527/Portrait_Sunkissed.jpg differ
diff --git a/assets/images/photographers/527/Travel_Boat_Wanderer.jpg b/assets/images/photographers/527/Travel_Boat_Wanderer.jpg
new file mode 100644
index 0000000..6783078
Binary files /dev/null and b/assets/images/photographers/527/Travel_Boat_Wanderer.jpg differ
diff --git a/assets/images/photographers/527/Travel_Bridge_into_Forest.jpg b/assets/images/photographers/527/Travel_Bridge_into_Forest.jpg
new file mode 100644
index 0000000..85bd25d
Binary files /dev/null and b/assets/images/photographers/527/Travel_Bridge_into_Forest.jpg differ
diff --git a/assets/images/photographers/527/Travel_On_the_Road.jpg b/assets/images/photographers/527/Travel_On_the_Road.jpg
new file mode 100644
index 0000000..8cf69a5
Binary files /dev/null and b/assets/images/photographers/527/Travel_On_the_Road.jpg differ
diff --git a/assets/images/photographers/527/Travel_Outdoor_Baths.jpg b/assets/images/photographers/527/Travel_Outdoor_Baths.jpg
new file mode 100644
index 0000000..e530c46
Binary files /dev/null and b/assets/images/photographers/527/Travel_Outdoor_Baths.jpg differ
diff --git a/assets/images/photographers/527/Travel_Road_into_Hill.jpg b/assets/images/photographers/527/Travel_Road_into_Hill.jpg
new file mode 100644
index 0000000..5a23f0b
Binary files /dev/null and b/assets/images/photographers/527/Travel_Road_into_Hill.jpg differ
diff --git a/assets/images/photographers/527/Travel_Rock_Mountains.mp4 b/assets/images/photographers/527/Travel_Rock_Mountains.mp4
new file mode 100644
index 0000000..92de1f6
Binary files /dev/null and b/assets/images/photographers/527/Travel_Rock_Mountains.mp4 differ
diff --git a/assets/images/photographers/82/Art_Mine.jpg b/assets/images/photographers/82/Art_Mine.jpg
new file mode 100644
index 0000000..3c2e881
Binary files /dev/null and b/assets/images/photographers/82/Art_Mine.jpg differ
diff --git a/assets/images/photographers/82/Art_Purple_light.jpg b/assets/images/photographers/82/Art_Purple_light.jpg
new file mode 100644
index 0000000..99700f0
Binary files /dev/null and b/assets/images/photographers/82/Art_Purple_light.jpg differ
diff --git a/assets/images/photographers/82/Art_Triangle_Man.jpg b/assets/images/photographers/82/Art_Triangle_Man.jpg
new file mode 100644
index 0000000..0c532fe
Binary files /dev/null and b/assets/images/photographers/82/Art_Triangle_Man.jpg differ
diff --git a/assets/images/photographers/82/Art_Wooden_Horse_Sculpture.mp4 b/assets/images/photographers/82/Art_Wooden_Horse_Sculpture.mp4
new file mode 100644
index 0000000..91791cc
Binary files /dev/null and b/assets/images/photographers/82/Art_Wooden_Horse_Sculpture.mp4 differ
diff --git a/assets/images/photographers/82/Event_18thAnniversary.jpg b/assets/images/photographers/82/Event_18thAnniversary.jpg
new file mode 100644
index 0000000..18218da
Binary files /dev/null and b/assets/images/photographers/82/Event_18thAnniversary.jpg differ
diff --git a/assets/images/photographers/82/Event_Sparklers.jpg b/assets/images/photographers/82/Event_Sparklers.jpg
new file mode 100644
index 0000000..2343a2f
Binary files /dev/null and b/assets/images/photographers/82/Event_Sparklers.jpg differ
diff --git a/assets/images/photographers/82/Event_WeddingGazebo.jpg b/assets/images/photographers/82/Event_WeddingGazebo.jpg
new file mode 100644
index 0000000..704e57c
Binary files /dev/null and b/assets/images/photographers/82/Event_WeddingGazebo.jpg differ
diff --git a/assets/images/photographers/82/Fashion_Pattern_on_Pattern.jpg b/assets/images/photographers/82/Fashion_Pattern_on_Pattern.jpg
new file mode 100644
index 0000000..9d1891d
Binary files /dev/null and b/assets/images/photographers/82/Fashion_Pattern_on_Pattern.jpg differ
diff --git a/assets/images/photographers/82/Fashion_Urban_Jungle.jpg b/assets/images/photographers/82/Fashion_Urban_Jungle.jpg
new file mode 100644
index 0000000..966e345
Binary files /dev/null and b/assets/images/photographers/82/Fashion_Urban_Jungle.jpg differ
diff --git a/assets/images/photographers/82/Fashion_Yellow_Beach.jpg b/assets/images/photographers/82/Fashion_Yellow_Beach.jpg
new file mode 100644
index 0000000..64cc7d7
Binary files /dev/null and b/assets/images/photographers/82/Fashion_Yellow_Beach.jpg differ
diff --git a/assets/images/photographers/925/Animals_Majesty.jpg b/assets/images/photographers/925/Animals_Majesty.jpg
new file mode 100644
index 0000000..bbf265f
Binary files /dev/null and b/assets/images/photographers/925/Animals_Majesty.jpg differ
diff --git a/assets/images/photographers/925/Animals_Puppiness.mp4 b/assets/images/photographers/925/Animals_Puppiness.mp4
new file mode 100644
index 0000000..6d50831
Binary files /dev/null and b/assets/images/photographers/925/Animals_Puppiness.mp4 differ
diff --git a/assets/images/photographers/925/Event_Emcee.jpg b/assets/images/photographers/925/Event_Emcee.jpg
new file mode 100644
index 0000000..9d785a7
Binary files /dev/null and b/assets/images/photographers/925/Event_Emcee.jpg differ
diff --git a/assets/images/photographers/925/Event_KeyboardCheck.jpg b/assets/images/photographers/925/Event_KeyboardCheck.jpg
new file mode 100644
index 0000000..ac39c86
Binary files /dev/null and b/assets/images/photographers/925/Event_KeyboardCheck.jpg differ
diff --git a/assets/images/photographers/925/Event_ProductPitch.jpg b/assets/images/photographers/925/Event_ProductPitch.jpg
new file mode 100644
index 0000000..26f6fea
Binary files /dev/null and b/assets/images/photographers/925/Event_ProductPitch.jpg differ
diff --git a/assets/images/photographers/925/Event_VentureConference.jpg b/assets/images/photographers/925/Event_VentureConference.jpg
new file mode 100644
index 0000000..b89e049
Binary files /dev/null and b/assets/images/photographers/925/Event_VentureConference.jpg differ
diff --git a/assets/images/photographers/925/Fashion_Melody_Red_on_Stripes.jpg b/assets/images/photographers/925/Fashion_Melody_Red_on_Stripes.jpg
new file mode 100644
index 0000000..77c0216
Binary files /dev/null and b/assets/images/photographers/925/Fashion_Melody_Red_on_Stripes.jpg differ
diff --git a/assets/images/photographers/925/Fashion_Wings.jpg b/assets/images/photographers/925/Fashion_Wings.jpg
new file mode 100644
index 0000000..a2b1b28
Binary files /dev/null and b/assets/images/photographers/925/Fashion_Wings.jpg differ
diff --git a/assets/images/photographers/925/Sport_2000_with_8.jpg b/assets/images/photographers/925/Sport_2000_with_8.jpg
new file mode 100644
index 0000000..37dec7f
Binary files /dev/null and b/assets/images/photographers/925/Sport_2000_with_8.jpg differ
diff --git a/assets/images/photographers/925/Sport_Butterfly.jpg b/assets/images/photographers/925/Sport_Butterfly.jpg
new file mode 100644
index 0000000..e8dd8a0
Binary files /dev/null and b/assets/images/photographers/925/Sport_Butterfly.jpg differ
diff --git a/assets/images/photographers/930/Architecture_Connected_Curves.jpg b/assets/images/photographers/930/Architecture_Connected_Curves.jpg
new file mode 100644
index 0000000..7ea8ee1
Binary files /dev/null and b/assets/images/photographers/930/Architecture_Connected_Curves.jpg differ
diff --git a/assets/images/photographers/930/Architecture_Cross_Bar.jpg b/assets/images/photographers/930/Architecture_Cross_Bar.jpg
new file mode 100644
index 0000000..eed9f57
Binary files /dev/null and b/assets/images/photographers/930/Architecture_Cross_Bar.jpg differ
diff --git a/assets/images/photographers/930/Architecture_Horseshoe.jpg b/assets/images/photographers/930/Architecture_Horseshoe.jpg
new file mode 100644
index 0000000..30c8b8d
Binary files /dev/null and b/assets/images/photographers/930/Architecture_Horseshoe.jpg differ
diff --git a/assets/images/photographers/930/Architecture_Water_on_Modern.jpg b/assets/images/photographers/930/Architecture_Water_on_Modern.jpg
new file mode 100644
index 0000000..0bad40f
Binary files /dev/null and b/assets/images/photographers/930/Architecture_Water_on_Modern.jpg differ
diff --git a/assets/images/photographers/930/Architecture_White_Light.jpg b/assets/images/photographers/930/Architecture_White_Light.jpg
new file mode 100644
index 0000000..b5882d1
Binary files /dev/null and b/assets/images/photographers/930/Architecture_White_Light.jpg differ
diff --git a/assets/images/photographers/930/Sport_Jump.jpg b/assets/images/photographers/930/Sport_Jump.jpg
new file mode 100644
index 0000000..c22f091
Binary files /dev/null and b/assets/images/photographers/930/Sport_Jump.jpg differ
diff --git a/assets/images/photographers/930/Sport_Next_Hold.jpg b/assets/images/photographers/930/Sport_Next_Hold.jpg
new file mode 100644
index 0000000..5a1c9dd
Binary files /dev/null and b/assets/images/photographers/930/Sport_Next_Hold.jpg differ
diff --git a/assets/images/photographers/930/Sport_Race_End.jpg b/assets/images/photographers/930/Sport_Race_End.jpg
new file mode 100644
index 0000000..110a13f
Binary files /dev/null and b/assets/images/photographers/930/Sport_Race_End.jpg differ
diff --git a/assets/images/photographers/930/Sport_Sky_Cross.jpg b/assets/images/photographers/930/Sport_Sky_Cross.jpg
new file mode 100644
index 0000000..c09cb2c
Binary files /dev/null and b/assets/images/photographers/930/Sport_Sky_Cross.jpg differ
diff --git a/assets/images/photographers/930/Sport_Tricks_in_the_air.mp4 b/assets/images/photographers/930/Sport_Tricks_in_the_air.mp4
new file mode 100644
index 0000000..a2d5922
Binary files /dev/null and b/assets/images/photographers/930/Sport_Tricks_in_the_air.mp4 differ
diff --git a/assets/images/photographers/930/sport_water_tunnel.jpg b/assets/images/photographers/930/sport_water_tunnel.jpg
new file mode 100644
index 0000000..5d6ec89
Binary files /dev/null and b/assets/images/photographers/930/sport_water_tunnel.jpg differ
diff --git a/assets/images/photographers/account.png b/assets/images/photographers/account.png
new file mode 100644
index 0000000..ae961af
Binary files /dev/null and b/assets/images/photographers/account.png differ
diff --git a/css/photographer.css b/css/photographer.css
index 81854c0..a23a6d6 100644
--- a/css/photographer.css
+++ b/css/photographer.css
@@ -1,14 +1,260 @@
#contact_modal {
display: none;
-}
-
-.photograph-header {
- background-color: #FAFAFA;
+ }
+
+ .photograph-header {
+ background-color: #fafafa;
height: 300px;
- margin: 0 100px;
-}
-
-.contact_button {
+ margin-left: auto;
+ margin-right: auto;
+ width: 90%;
+ position: absolute;
+ left: 50%;
+ top: 250px;
+ transform: translate(-50%, -50%);
+ border-radius: 5px;
+ z-index: 10;
+ }
+
+ .photograph-header img {
+ height: 200px;
+ width: 200px;
+ object-fit: cover;
+ border-radius: 50%;
+ left: calc(100% - 240px);
+ top: 50px;
+ position: relative;
+ overflow-clip-margin: unset;
+ }
+
+ .photograph-header .photographInfo {
+ position: relative;
+ bottom: 180px;
+ margin-left: 30px;
+ width: 40%;
+ }
+
+ .photograph-header h1 {
+ color: #d3573c;
+ font-size: clamp(32px, 4vw, 64px);
+ font-weight: 400;
+ height: 35px;
+ width: 95%;
+ }
+
+ .photograph-header h2 {
+ color: var(--primary-color);
+ font-size: clamp(12px, 2vw, 24px);
+ font-weight: 400;
+ height: 24px;
+ }
+
+ .photograph-header h3 {
+ color: #525252;
+ font-size: clamp(9px, 1.5vw, 18px);
+ font-weight: 400;
+ margin-top: 20px;
+ height: 18px;
+ }
+
+ #media-section {
+ margin-left: auto;
+ margin-right: auto;
+ width: 90%;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ margin-top: 380px;
+ column-gap: 70px;
+ row-gap: 10px;
+ padding-bottom: 60px;
+ justify-items: center;
+ align-items: center;
+ }
+
+ #media-section figure {
+ overflow: hidden;
+ justify-self: center;
+ border-radius: 2%;
+ }
+
+ #media-section figure .div-title-likes {
+ position: relative;
+ background: white;
+ margin-top: -5px;
+ padding-top: 5px;
+ height: 40px;
+ }
+
+ #media-section figure .likeContainer {
+ padding-right: 3px;
+ }
+
+ #media-section figure .div-title-likes .likeHeart {
+ padding: 2px 3px 1px 3px;
+ outline: none;
+ height: 24px;
+ transition: .15s ease-out;
+ }
+ #media-section figure .div-title-likes .likeHeart:hover {
+ transform: scale(1.18);
+ transition: .15s ease-in;
+ }
+
+ #media-section figure .div-title-likes .likeHeart:focus-visible{
+ outline: none;
+ overflow: hidden;
+ transform: scale(1.18);
+ transition: .15s ease-in;
+ }
+
+ #media-section figure h2,
+ #media-section figure figcaption {
+ color: var(--primary-color);
+ font-size: 24px;
+ font-weight: 400;
+ }
+
+ #media-section figure img,
+ #media-section figure video {
+ height: 350px;
+ width: 350px;
+ object-fit: cover;
+ overflow: hidden;
+ cursor: pointer;
+ border-radius: 2%;
+ box-sizing: border-box;
+ border: 2px solid transparent;
+ transition: .15s ease-out;
+ overflow-clip-margin: unset;
+ }
+
+ #media-section figure img:hover,
+ #media-section figure video:hover,
+ #media-section figure img:focus-visible,
+ #media-section figure video:focus-visible {
+ border: 2px solid var(--secondary-color);
+ transition: .15s ease-in
+ }
+
+ .custom-select {
+ position: absolute;
+ top: 330px;
+ display: flex;
+ z-index: 50;
+ }
+
+ .customSelectWording {
+ font-size: 18px;
+ font-weight: 700;
+ }
+
+ .custom-select .selected-option {
+ background-color: var(--primary-color);
+ padding: 10px 15px;
+ margin-left: 10px;
+ bottom: 10px;
+ position: relative;
+ color: white;
+ width: 101px;
+ border-radius: 5px;
+ cursor: pointer;
+ z-index: 50;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ height: 24px;
+ }
+
+ .custom-select .selected-option:after {
+ font-family: "Font Awesome 6 Free";
+ content: "\f078";
+ margin-left: 10px;
+ font-weight: 900;
+ display: inline-block;
+ transition: transform 0.3s;
+ }
+
+ .custom-select .selected-option:focus,
+ .custom-select .selected-option:focus-visible {
+ outline:2px solid var(--secondary-color);
+ }
+
+ .custom-select .options {
+ display: none;
+ position: relative;
+ top: 31px;
+ right: 131px;
+ background-color: var(--primary-color);
+ width: 131px;
+ color: white;
+ cursor: pointer;
+ z-index: 50;
+ }
+
+ .custom-select .options.open {
+ box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.62);
+ }
+
+ .custom-select .selected-option.open:after {
+ transform: scaleY(-1);
+ }
+
+ .custom-select .option {
+ position: relative;
+ width: 101px;
+ padding: 10px 15px;
+ z-index: 50;
+ }
+
+ .custom-select .option:hover,
+ .custom-select .option:focus-visible {
+ background-color: #DB8876;
+ color: black;
+ z-index: 50;
+ }
+
+ .custom-select .option:before{
+ content: "";
+ position: absolute;
+ width: 85%;
+ height: 1px;
+ bottom: 40px;
+ background: white;
+ left: 9px;
+ }
+
+ .price-and-like {
+ display: flex;
+ width: 250px;
+ background: #db8876;
+ font-size: 24px;
+ font-weight: 500;
+ border-radius: 5px 5px 0 0;
+ position: fixed;
+ bottom: 0;
+ right: calc(100vw - 97%);
+ padding: 20px 20px 15px 20px;
+ justify-content: space-between;
+ z-index: 1;
+ }
+
+ .likes,
+ #priceBlock {
+ display: flex;
+ font-size: 24px;
+ font-weight: 500;
+ }
+
+ .fa-heart {
+ font-size: 24px;
+ }
+
+ .fa-heart-price {
+ margin-left: 5px;
+ margin-top: 3px;
+ }
+
+ .contact_button {
font-size: 20px;
font-weight: bold;
color: white;
@@ -16,61 +262,143 @@
width: 170px;
height: 70px;
border: none;
- background-color: #901C1C;
+ background-color: var(--primary-color);
border-radius: 5px;
cursor: pointer;
-}
-
-.modal {
- border-radius: 5px;
+ transition: .15s ease-out;
+ position: relative;
+ left: calc(50% - 85px);
+ bottom: 255px;
+ }
+
+ .contact_button:hover,
+ .contact_button:focus-visible {
+ color: #000000;
background-color: #DB8876;
+ transition: .15s ease-in;
+ outline: none;
+ }
+
+ #contact_modal,
+ .lightBox_Modal {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background-color: rgba(196, 196, 196, 0.4);
+ z-index: 20;
+ }
+
+ .lightBox_Modal {
+ display: flex;
+ justify-content: center;
+ align-content: center;
+ flex-direction: column;
+ background-color: white;
+ align-items: center;
+ position: fixed;
+ }
+
+ .modal {
+ border-radius: 5px;
+ background-color: #db8876;
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
- padding: 35px;
- margin: auto;
-}
-
-.modal header {
- justify-content: space-between;
+ padding: 35px 35px 0 35px;
+ position: fixed;
+ left: 25%;
+ top: 35px;
+ opacity: 1;
+ box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.2);
+ max-height: 100%;
+ overflow-y: auto;
+ z-index: 1;
+ }
+
+ .modal header {
width: 100%;
-}
-
-.modal header img {
+ position: relative;
+ display: block;
+ margin-top: 10px;
+ }
+
+ .modal header img {
cursor: pointer;
-}
-
-.modal header h2 {
- font-size: 64px;
+ position: relative;
+ left: 94%;
+ bottom: 170px;
+ }
+
+ .modal header h2 {
+ font-size: 52px;
font-weight: normal;
- text-align: center;
-}
-
-form {
+ position: relative;
+ margin-bottom: 10px;
+ }
+
+ .modal header #contact-title-wording1 {
+ bottom: 30px;
+ width: 90%;
+ }
+
+ .modal header #contact-title-wording2 {
+ bottom: 50px;
+ width: 90%;
+ }
+
+ form {
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
-}
-
-form label {
- color: #312E2E;
- font-size: 36px;
-}
-
-form div {
+ }
+
+ form label {
+ color: #312e2e;
+ font-size: 32px;
+ margin-top: 15px;
+ }
+
+ form div {
display: flex;
flex-direction: column;
width: 100%;
align-items: self-start;
margin-bottom: 26px;
-}
-
-form input {
+ }
+
+ form input {
width: 100%;
height: 68px;
border: none;
border-radius: 5px;
-}
\ No newline at end of file
+ font-size: 24px;
+ padding-left: 15px;
+ font-family: inherit;
+ }
+
+ form textarea {
+ border-radius: 8px;
+ width: 99%;
+ font-size: 24px;
+ padding: 15px 0 0 15px;
+ font-family: inherit;
+ }
+
+ #submit_button {
+ margin-bottom: 30px;
+ border: 1px solid transparent;
+ top: 0px;
+ left: 0px;
+ }
+
+ #submit_button:hover,
+ #submit_button:focus-visible {
+ border: 1px solid #000000;
+ }
+
+
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index 5372fb0..498d8b9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,111 +1,121 @@
-/* @import url("photographer.css"); */
-
+@import url("photographer.css");
* {
- font-family: "DM Sans", sans-serif;
- margin: 0;
- box-sizing: border-box;
- text-decoration: none;
+ --primary-color: #901C1C;
+ --secondary-color: #D3573C;
+ border: none;
}
-header {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- height: 90px;
+body {
+ font-family: "DM Sans", sans-serif;
+ margin: 0;
}
-.logo{
- cursor: pointer; /* rajout */
+
+header {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ height: 90px;
}
h1 {
- color: #901C1C;
- margin-right: 100px;
+ color: var(--primary-color);
+ margin-right: 100px;
+}
+
+h2,
+h3,
+h4,
+h5 {
+ border: 0;
+ margin: 0;
+ padding: 0;
+}
+
+main {
+ padding-bottom: 50px;
+}
+
+a {
+ cursor: pointer;
}
.logo {
- height: 50px;
- margin-left: 100px;
+ height: 50px;
+ margin-left: 100px;
+}
+
+.photographer_section a:focus-visible {
+ outline: 3px solid var(--secondary-color);
+ border-radius: 100%;
}
.photographer_section {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr;
- gap: 70px;
- margin-top: 100px;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ margin-top: 100px;
}
+.photographer_section {
+ gap: 70px;
+}
+
+.photographer_section .wrapper {
+ overflow: hidden;
+ border-radius: 100%;
+ outline: 3px solid transparent;
+ transition: outline-color 0.2s ease-out;
+}
+
+.photographer_section .wrapper:hover,
+.photographer_section .wrapper:focus-visible{
+ outline-color: var(--secondary-color);
+ transition: outline-color 0.2s ease-in;
+}
+.photographer_section article {
+ justify-self: center;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ overflow: visible;
+}
-.photographer_section article h2 a {
- color: #D3573C;
- font-size: 36px;
- font-weight: 400;
- line-height: 47px;
- letter-spacing: 0em;
- text-align: center;
- margin-top: 20px;
- margin-bottom: 0;
- cursor: pointer; /* rajout */
+.photographer_section article h2 {
+ color: var(--secondary-color);
+ font-size: 36px;
+ font-weight: 400;
+}
+.photographer_section article h3 {
+ color: var(--primary-color);
+ font-size: 16px;
+ font-weight: 400;
+ margin-bottom: 5px;
+}
+.photographer_section article h4 {
+ color: #000000;
+ font-size: 12px;
+ font-weight: 400;
+ margin-bottom: 5px;
}
-.photographer_section figure {
- justify-self: center;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
+.photographer_section article h5 {
+ color: #757575;
+ font-size: 11px;
+ font-weight: 400;
+}
+
+.photographer_section article img {
+ object-fit: cover;
+ overflow-clip-margin: unset;
+ overflow: visible;
}
.photographer_section article img {
- height: 200px;
- width: 200px;
- object-fit: cover;
- display: block;
- border-radius: 50%;
- overflow: hidden;
- box-shadow: 0px 4px 12px 0px #00000040;
- background: #C4C4C4;
- cursor: pointer;
- transition: transform 0.3s ease; /* Transition pour une animation fluide */
-
-}
-
-.photographer_section article img:hover {
- transform: scale(1.1); /* Effet de grossissement */
-}
-
-
-.location{
- font-size: 16px;
- font-weight: 400;
- line-height: 17px;
- letter-spacing: 0em;
- text-align: center;
- color: #901C1C;
-
-}
-.tagline{
-
- font-size: 13px;
- font-weight: 400;
- line-height: 13px;
- letter-spacing: 0em;
- text-align: center;
- margin-top: 2px;
-
-}
-
-.price{
-
- font-family: DM Sans;
- font-size: 12px;
- font-weight: 400;
- line-height: 12px;
- letter-spacing: 0em;
- text-align: center;
- margin-top: 3px;
- color:#757575;
-
+ transform: scale(1.18);
+ height: 200px;
+ width: 200px;
+ border-radius: 50%;
}
diff --git a/data/photographers.json b/data/photographers.json
index 2b51724..c098a7e 100644
--- a/data/photographers.json
+++ b/data/photographers.json
@@ -1,594 +1,594 @@
{
- "photographers": [
- {
- "name": "Mimi Keel",
- "id": 243,
- "city": "London",
- "country": "UK",
- "tagline": "Voir le beau dans le quotidien",
- "price": 400,
- "portrait": "MimiKeel.jpg"
- },
- {
- "name": "Ellie-Rose Wilkens",
- "id": 930,
- "city": "Paris",
- "country": "France",
- "tagline": "Capturer des compositions complexes",
- "price": 250,
- "portrait": "EllieRoseWilkens.jpg"
- },
- {
- "name": "Tracy Galindo",
- "id": 82,
- "city": "Montreal",
- "country": "Canada",
- "tagline": "Photographe freelance",
- "price": 500,
- "portrait": "TracyGalindo.jpg"
- },
- {
- "name": "Nabeel Bradford",
- "id": 527,
- "city": "Mexico City",
- "country": "Mexico",
- "tagline": "Toujours aller de l'avant",
- "price": 350,
- "portrait": "NabeelBradford.jpg"
- },
- {
- "name": "Rhode Dubois",
- "id": 925,
- "city": "Barcelona",
- "country": "Spain",
- "tagline": "Je crée des souvenirs",
- "price": 275,
- "portrait": "RhodeDubois.jpg"
- },
- {
- "name": "Marcel Nikolic",
- "id": 195,
- "city": "Berlin",
- "country": "Germany",
- "tagline": "Toujours à la recherche de LA photo",
- "price": 300,
- "portrait": "MarcelNikolic.jpg"
- }
- ],
- "media": [
- {
- "id": 342550,
- "photographerId": 82,
- "title": "Fashion Yellow Beach",
- "image": "Fashion_Yellow_Beach.jpg",
- "likes": 62,
- "date": "2011-12-08",
- "price": 55
- },
- {
- "id": 8520927,
- "photographerId": 82,
- "title": "Fashion Urban Jungle",
- "image": "Fashion_Urban_Jungle.jpg",
- "likes": 11,
- "date": "2011-11-06",
- "price": 55
- },
- {
- "id": 9025895,
- "photographerId": 82,
- "title": "Fashion Pattern on a Pattern",
- "image": "Fashion_Pattern_on_Pattern.jpg",
- "likes": 72,
- "date": "2013-08-12",
- "price": 55
- },
- {
- "id": 9275938,
- "photographerId": 82,
- "title": "Wedding Gazebo",
- "image": "Event_WeddingGazebo.jpg",
- "likes": 69,
- "date": "2018-02-22",
- "price": 55
- },
- {
- "id": 2053494,
- "photographerId": 82,
- "title": "Sparkles",
- "image": "Event_Sparklers.jpg",
- "likes": 2,
- "date": "2020-05-25",
- "price": 55
- },
- {
- "id": 7324238,
- "photographerId": 82,
- "title": "18th Anniversary",
- "image": "Event_18thAnniversary.jpg",
- "likes": 33,
- "date": "2019-06-12",
- "price": 55
- },
- {
- "id": 8328953,
- "photographerId": 82,
- "title": "Wooden sculpture of a horse",
- "video": "Art_Wooden_Horse_Sculpture.mp4",
- "likes": 24,
- "date": "2011-12-08",
- "price": 100
- },
- {
- "id": 7502053,
- "photographerId": 82,
- "title": "Triangle Man",
- "image": "Art_Triangle_Man.jpg",
- "likes": 88,
- "date": "2007-05-07",
- "price": 55
- },
- {
- "id": 8523492,
- "photographerId": 82,
- "title": "Purple Tunnel",
- "image": "Art_Purple_light.jpg",
- "likes": 24,
- "date": "2018-05-05",
- "price": 55
- },
- {
- "id": 75902334,
- "photographerId": 82,
- "title": "Art Mine",
- "image": "Art_Mine.jpg",
- "likes": 75,
- "date": "2019-11-25",
- "price": 55
- },
+ "photographers": [
+ {
+ "name": "Mimi Keel",
+ "id": 243,
+ "city": "London",
+ "country": "UK",
+ "tagline": "Voir le beau dans le quotidien",
+ "price": 400,
+ "portrait": "MimiKeel.jpg"
+ },
+ {
+ "name": "Ellie-Rose Wilkens",
+ "id": 930,
+ "city": "Paris",
+ "country": "France",
+ "tagline": "Capturer des compositions complexes",
+ "price": 250,
+ "portrait": "EllieRoseWilkens.jpg"
+ },
+ {
+ "name": "Tracy Galindo",
+ "id": 82,
+ "city": "Montreal",
+ "country": "Canada",
+ "tagline": "Photographe freelance",
+ "price": 500,
+ "portrait": "TracyGalindo.jpg"
+ },
+ {
+ "name": "Nabeel Bradford",
+ "id": 527,
+ "city": "Mexico City",
+ "country": "Mexico",
+ "tagline": "Toujours aller de l'avant",
+ "price": 350,
+ "portrait": "NabeelBradford.jpg"
+ },
+ {
+ "name": "Rhode Dubois",
+ "id": 925,
+ "city": "Barcelona",
+ "country": "Spain",
+ "tagline": "Je crée des souvenirs",
+ "price": 375,
+ "portrait": "RhodeDubois.jpg"
+ },
+ {
+ "name": "Marcel Nikolic",
+ "id": 195,
+ "city": "Berlin",
+ "country": "Germany",
+ "tagline": "Toujours à la recherche de LA photo",
+ "price": 300,
+ "portrait": "MarcelNikolic.jpg"
+ }
+ ],
+ "media": [
+ {
+ "id": 342550,
+ "photographerId": 82,
+ "title": "Fashion Yellow Beach",
+ "image": "Fashion_Yellow_Beach.jpg",
+ "likes": 62,
+ "date": "2011-12-08",
+ "price": 55
+ },
+ {
+ "id": 8520927,
+ "photographerId": 82,
+ "title": "Fashion Urban Jungle",
+ "image": "Fashion_Urban_Jungle.jpg",
+ "likes": 11,
+ "date": "2011-11-06",
+ "price": 55
+ },
+ {
+ "id": 9025895,
+ "photographerId": 82,
+ "title": "Fashion Pattern on a Pattern",
+ "image": "Fashion_Pattern_on_Pattern.jpg",
+ "likes": 72,
+ "date": "2013-08-12",
+ "price": 55
+ },
+ {
+ "id": 9275938,
+ "photographerId": 82,
+ "title": "Wedding Gazebo",
+ "image": "Event_WeddingGazebo.jpg",
+ "likes": 69,
+ "date": "2018-02-22",
+ "price": 55
+ },
+ {
+ "id": 2053494,
+ "photographerId": 82,
+ "title": "Sparkles",
+ "image": "Event_Sparklers.jpg",
+ "likes": 2,
+ "date": "2020-05-25",
+ "price": 55
+ },
+ {
+ "id": 7324238,
+ "photographerId": 82,
+ "title": "18th Anniversary",
+ "image": "Event_18thAnniversary.jpg",
+ "likes": 33,
+ "date": "2019-06-12",
+ "price": 55
+ },
+ {
+ "id": 8328953,
+ "photographerId": 82,
+ "title": "Wooden sculpture of a horse",
+ "video": "Art_Wooden_Horse_Sculpture.mp4",
+ "likes": 24,
+ "date": "2011-12-08",
+ "price": 100
+ },
+ {
+ "id": 7502053,
+ "photographerId": 82,
+ "title": "Triangle Man",
+ "image": "Art_Triangle_Man.jpg",
+ "likes": 88,
+ "date": "2007-05-07",
+ "price": 55
+ },
+ {
+ "id": 8523492,
+ "photographerId": 82,
+ "title": "Purple Tunnel",
+ "image": "Art_Purple_light.jpg",
+ "likes": 24,
+ "date": "2018-05-05",
+ "price": 55
+ },
+ {
+ "id": 75902334,
+ "photographerId": 82,
+ "title": "Art Mine",
+ "image": "Art_Mine.jpg",
+ "likes": 75,
+ "date": "2019-11-25",
+ "price": 55
+ },
- {
- "id": 73852953,
- "photographerId": 925,
- "title": "8 Rows",
- "image": "Sport_2000_with_8.jpg",
- "likes": 52,
- "date": "2013-02-30",
- "price": 70
- },
- {
- "id": 92758372,
- "photographerId": 925,
- "title": "Fashion Wings",
- "image": "Fashion_Wings.jpg",
- "likes": 58,
- "date": "2018-07-17",
- "price": 70
- },
- {
- "id": 32958383,
- "photographerId": 925,
- "title": "Melody Red on Stripes",
- "image": "Fashion_Melody_Red_on_Stripes.jpg",
- "likes": 11,
- "date": "2019-08-12",
- "price": 70
- },
- {
- "id": 928587383,
- "photographerId": 925,
- "title": "Venture Conference",
- "image": "Event_VentureConference.jpg",
- "likes": 2,
- "date": "2019-01-02",
- "price": 70
- },
- {
- "id": 725639493,
- "photographerId": 925,
- "title": "Product Pitch",
- "image": "Event_ProductPitch.jpg",
- "likes": 3,
- "date": "2019-05-20",
- "price": 70
- },
- {
- "id": 23394384,
- "photographerId": 925,
- "title": "Musical Festival Keyboard",
- "image": "Event_KeyboardCheck.jpg",
- "likes": 52,
- "date": "2019-07-18",
- "price": 70
- },
- {
- "id": 87367293,
- "photographerId": 925,
- "title": "Musical Festival Singer",
- "image": "Event_Emcee.jpg",
- "likes": 23,
- "date": "2018-02-22",
- "price": 70
- },
- {
- "id": 593834784,
- "photographerId": 925,
- "title": "Animal Majesty",
- "image": "Animals_Majesty.jpg",
- "likes": 52,
- "date": "2017-03-13",
- "price": 70
- },
- {
- "id": 83958935,
- "photographerId": 925,
- "title": "Cute puppy on sunset",
- "video": "Animals_Puppiness.mp4",
- "likes": 52,
- "date": "2016-06-12",
- "price": 70
- },
- {
- "id": 394583434,
- "photographerId": 527,
- "title": "Rocky mountains from the air",
- "video": "Travel_Rock_Mountains.mp4",
- "likes": 23,
- "date": "2017-03-18",
- "price": 45
- },
- {
- "id": 343423425,
- "photographerId": 527,
- "title": "Outdoor Baths",
- "image": "Travel_Outdoor_Baths.jpg",
- "likes": 101,
- "date": "2017-04-03",
- "price": 45
- },
- {
- "id": 73434243,
- "photographerId": 527,
- "title": "Road into the Hill",
- "image": "Travel_Road_into_Hill.jpg",
- "likes": 99,
- "date": "2018-04-30",
- "price": 45
- },
- {
- "id": 23425523,
- "photographerId": 527,
- "title": "Bridge into the Forest",
- "image": "Travel_Bridge_into_Forest.jpg",
- "likes": 34,
- "date": "2016-04-05",
- "price": 45
- },
- {
- "id": 23134513,
- "photographerId": 527,
- "title": "Boat Wonderer",
- "image": "Travel_Boat_Wanderer.jpg",
- "likes": 23,
- "date": "2017-03-18",
- "price": 45
- },
- {
- "id": 92352352,
- "photographerId": 527,
- "title": "Portrait Sunkiss",
- "image": "Portrait_Sunkissed.jpg",
- "likes": 66,
- "date": "2018-05-24",
- "price": 45
- },
- {
- "id": 34513453,
- "photographerId": 527,
- "title": "Shaw Potrait",
- "image": "Portrait_Shaw.jpg",
- "likes": 52,
- "date": "2017-04-21",
- "price": 45
- },
- {
- "id": 23523533,
- "photographerId": 527,
- "title": "Alexandra",
- "image": "Portrait_Alexandra.jpg",
- "likes": 95,
- "date": "2018-11-02",
- "price": 45
- },
- {
- "id": 525834234,
- "photographerId": 527,
- "title": "Afternoon Break",
- "image": "Portrait_AfternoonBreak.jpg",
- "likes": 25,
- "date": "2019-01-02",
- "price": 45
- },
+ {
+ "id": 73852953,
+ "photographerId": 925,
+ "title": "8 Rows",
+ "image": "Sport_2000_with_8.jpg",
+ "likes": 52,
+ "date": "2013-02-30",
+ "price": 70
+ },
+ {
+ "id": 92758372,
+ "photographerId": 925,
+ "title": "Fashion Wings",
+ "image": "Fashion_Wings.jpg",
+ "likes": 58,
+ "date": "2018-07-17",
+ "price": 70
+ },
+ {
+ "id": 32958383,
+ "photographerId": 925,
+ "title": "Melody Red on Stripes",
+ "image": "Fashion_Melody_Red_on_Stripes.jpg",
+ "likes": 11,
+ "date": "2019-08-12",
+ "price": 70
+ },
+ {
+ "id": 928587383,
+ "photographerId": 925,
+ "title": "Venture Conference",
+ "image": "Event_VentureConference.jpg",
+ "likes": 2,
+ "date": "2019-01-02",
+ "price": 70
+ },
+ {
+ "id": 725639493,
+ "photographerId": 925,
+ "title": "Product Pitch",
+ "image": "Event_ProductPitch.jpg",
+ "likes": 3,
+ "date": "2019-05-20",
+ "price": 70
+ },
+ {
+ "id": 23394384,
+ "photographerId": 925,
+ "title": "Musical Festival Keyboard",
+ "image": "Event_KeyboardCheck.jpg",
+ "likes": 52,
+ "date": "2019-07-18",
+ "price": 70
+ },
+ {
+ "id": 87367293,
+ "photographerId": 925,
+ "title": "Musical Festival Singer",
+ "image": "Event_Emcee.jpg",
+ "likes": 23,
+ "date": "2018-02-22",
+ "price": 70
+ },
+ {
+ "id": 593834784,
+ "photographerId": 925,
+ "title": "Animal Majesty",
+ "image": "Animals_Majesty.jpg",
+ "likes": 52,
+ "date": "2017-03-13",
+ "price": 70
+ },
+ {
+ "id": 83958935,
+ "photographerId": 925,
+ "title": "Cute puppy on sunset",
+ "video": "Animals_Puppiness.mp4",
+ "likes": 52,
+ "date": "2016-06-12",
+ "price": 70
+ },
+ {
+ "id": 394583434,
+ "photographerId": 527,
+ "title": "Rocky mountains from the air",
+ "video": "Travel_Rock_Mountains.mp4",
+ "likes": 23,
+ "date": "2017-03-18",
+ "price": 45
+ },
+ {
+ "id": 343423425,
+ "photographerId": 527,
+ "title": "Outdoor Baths",
+ "image": "Travel_Outdoor_Baths.jpg",
+ "likes": 101,
+ "date": "2017-04-03",
+ "price": 45
+ },
+ {
+ "id": 73434243,
+ "photographerId": 527,
+ "title": "Road into the Hill",
+ "image": "Travel_Road_into_Hill.jpg",
+ "likes": 99,
+ "date": "2018-04-30",
+ "price": 45
+ },
+ {
+ "id": 23425523,
+ "photographerId": 527,
+ "title": "Bridge into the Forest",
+ "image": "Travel_Bridge_into_Forest.jpg",
+ "likes": 34,
+ "date": "2016-04-05",
+ "price": 45
+ },
+ {
+ "id": 23134513,
+ "photographerId": 527,
+ "title": "Boat Wonderer",
+ "image": "Travel_Boat_Wanderer.jpg",
+ "likes": 23,
+ "date": "2017-03-18",
+ "price": 45
+ },
+ {
+ "id": 92352352,
+ "photographerId": 527,
+ "title": "Portrait Sunkiss",
+ "image": "Portrait_Sunkissed.jpg",
+ "likes": 66,
+ "date": "2018-05-24",
+ "price": 45
+ },
+ {
+ "id": 34513453,
+ "photographerId": 527,
+ "title": "Shaw Potrait",
+ "image": "Portrait_Shaw.jpg",
+ "likes": 52,
+ "date": "2017-04-21",
+ "price": 45
+ },
+ {
+ "id": 23523533,
+ "photographerId": 527,
+ "title": "Alexandra",
+ "image": "Portrait_Alexandra.jpg",
+ "likes": 95,
+ "date": "2018-11-02",
+ "price": 45
+ },
+ {
+ "id": 525834234,
+ "photographerId": 527,
+ "title": "Afternoon Break",
+ "image": "Portrait_AfternoonBreak.jpg",
+ "likes": 25,
+ "date": "2019-01-02",
+ "price": 45
+ },
- {
- "id": 623534343,
- "photographerId": 243,
- "title": "Lonesome",
- "image": "Travel_Lonesome.jpg",
- "likes": 88,
- "date": "2019-02-03",
- "price": 45
- },
- {
- "id": 625025343,
- "photographerId": 243,
- "title": "Hillside Color",
- "image": "Travel_HillsideColor.jpg",
- "likes": 85,
- "date": "2019-04-03",
- "price": 45
- },
- {
- "id": 2525345343,
- "photographerId": 243,
- "title": "Wednesday Potrait",
- "image": "Portrait_Wednesday.jpg",
- "likes": 34,
- "date": "2019-04-07",
- "price": 45
- },
- {
- "id": 2523434634,
- "photographerId": 243,
- "title": "Nora Portrait",
- "image": "Portrait_Nora.jpg",
- "likes": 63,
- "date": "2019-04-07",
- "price": 45
- },
- {
- "id": 398847109,
- "photographerId": 243,
- "title": "Raw Black Portrait",
- "image": "Portrait_Background.jpg",
- "likes": 55,
- "date": "2019-06-20",
- "price": 45
- },
- {
- "id": 2534342,
- "photographerId": 243,
- "title": "Seaside Wedding",
- "image": "Event_SeasideWedding.jpg",
- "likes": 25,
- "date": "2019-06-21",
- "price": 45
- },
- {
- "id": 65235234,
- "photographerId": 243,
- "title": "Boulder Wedding",
- "image": "Event_PintoWedding.jpg",
- "likes": 52,
- "date": "2019-06-25",
- "price": 45
- },
- {
- "id": 23523434,
- "photographerId": 243,
- "title": "Benevides Wedding",
- "image": "Event_BenevidesWedding.jpg",
- "likes": 77,
- "date": "2019-06-28",
- "price": 45
- },
- {
- "id": 5234343,
- "photographerId": 243,
- "title": "Wild horses in the mountains",
- "video": "Animals_Wild_Horses_in_the_mountains.mp4",
- "likes": 142,
- "date": "2019-08-23",
- "price": 60
- },
- {
- "id": 95234343,
- "photographerId": 243,
- "title": "Rainbow Bird",
- "image": "Animals_Rainbow.jpg",
- "likes": 59,
- "date": "2019-07-02",
- "price": 60
- },
+ {
+ "id": 623534343,
+ "photographerId": 243,
+ "title": "Lonesome",
+ "image": "Travel_Lonesome.jpg",
+ "likes": 88,
+ "date": "2019-02-03",
+ "price": 45
+ },
+ {
+ "id": 625025343,
+ "photographerId": 243,
+ "title": "Hillside Color",
+ "image": "Travel_HillsideColor.jpg",
+ "likes": 85,
+ "date": "2019-04-03",
+ "price": 45
+ },
+ {
+ "id": 2525345343,
+ "photographerId": 243,
+ "title": "Wednesday Potrait",
+ "image": "Portrait_Wednesday.jpg",
+ "likes": 34,
+ "date": "2019-04-07",
+ "price": 45
+ },
+ {
+ "id": 2523434634,
+ "photographerId": 243,
+ "title": "Nora Portrait",
+ "image": "Portrait_Nora.jpg",
+ "likes": 63,
+ "date": "2019-04-07",
+ "price": 45
+ },
+ {
+ "id": 398847109,
+ "photographerId": 243,
+ "title": "Raw Black Portrait",
+ "image": "Portrait_Background.jpg",
+ "likes": 55,
+ "date": "2019-06-20",
+ "price": 45
+ },
+ {
+ "id": 2534342,
+ "photographerId": 243,
+ "title": "Seaside Wedding",
+ "image": "Event_SeasideWedding.jpg",
+ "likes": 25,
+ "date": "2019-06-21",
+ "price": 45
+ },
+ {
+ "id": 65235234,
+ "photographerId": 243,
+ "title": "Boulder Wedding",
+ "image": "Event_PintoWedding.jpg",
+ "likes": 52,
+ "date": "2019-06-25",
+ "price": 45
+ },
+ {
+ "id": 23523434,
+ "photographerId": 243,
+ "title": "Benevides Wedding",
+ "image": "Event_BenevidesWedding.jpg",
+ "likes": 77,
+ "date": "2019-06-28",
+ "price": 45
+ },
+ {
+ "id": 5234343,
+ "photographerId": 243,
+ "title": "Wild horses in the mountains",
+ "video": "Animals_Wild_Horses_in_the_mountains.mp4",
+ "likes": 142,
+ "date": "2019-08-23",
+ "price": 60
+ },
+ {
+ "id": 95234343,
+ "photographerId": 243,
+ "title": "Rainbow Bird",
+ "image": "Animals_Rainbow.jpg",
+ "likes": 59,
+ "date": "2019-07-02",
+ "price": 60
+ },
- {
- "id": 52343416,
- "photographerId": 195,
- "title": "Japanese Tower, Kyoto",
- "image": "Travel_Tower.jpg",
- "likes": 25,
- "date": "2019-04-03",
- "price": 60
- },
- {
- "id": 2523434,
- "photographerId": 195,
- "title": "Senset on Canals, Venice",
- "image": "Travel_SunsetonCanals.jpg",
- "likes": 53,
- "date": "2019-05-06",
- "price": 60
- },
- {
- "id": 95293534,
- "photographerId": 195,
- "title": "Mountain and Lake",
- "image": "Travel_OpenMountain.jpg",
- "likes": 33,
- "date": "2019-05-12",
- "price": 60
- },
- {
- "id": 356234343,
- "photographerId": 195,
- "title": "City Bike and Stair, Paris",
- "image": "Travel_Bike_and_Stair.jpg",
- "likes": 53,
- "date": "2019-06-20",
- "price": 60
- },
- {
- "id": 235234343,
- "photographerId": 195,
- "title": "Adventure Door, India",
- "image": "Travel_Adventure_Door.jpg",
- "likes": 63,
- "date": "2019-06-26",
- "price": 60
- },
- {
- "id": 6234234343,
- "photographerId": 195,
- "title": "Contrast, St Petersburg",
- "image": "Architecture_Contrast.jpg",
- "likes": 52,
- "date": "2019-06-30",
- "price": 60
- },
- {
- "id": 6525666253,
- "photographerId": 195,
- "title": "On a Hill, Tibet",
- "image": "Architecture_On_a_hill.jpg",
- "likes": 63,
- "date": "2019-07-20",
- "price": 60
- },
- {
- "id": 98252523433,
- "photographerId": 195,
- "title": "Leaning Tower, Pisa",
- "image": "Architecture_Dome.jpg",
- "likes": 88,
- "date": "2020-01-05",
- "price": 60
- },
- {
- "id": 9259398453,
- "photographerId": 195,
- "title": "Drone shot of Buenos Aires highways",
- "video": "Architecture_coverr_circle_empty_highway_in_buenos_aires_587740985637.mp4",
- "likes": 57,
- "date": "2020-01-20",
- "price": 65
- },
- {
- "id": 3523523534,
- "photographerId": 195,
- "title": "Corner Building and Blue Sky",
- "image": "Architecture_Corner_Room.jpg",
- "likes": 54,
- "date": "2020-05-05",
- "price": 60
- },
- {
- "id": 952343423,
- "photographerId": 930,
- "title": "Tricks in te air",
- "video": "Sport_Tricks_in_the_air.mp4",
- "likes": 150,
- "date": "2018-02-30",
- "price": 70
- },
- {
- "id": 235234343,
- "photographerId": 930,
- "title": "Climber",
- "image": "Sport_Next_Hold.jpg",
- "likes": 101,
- "date": "2018-03-05",
- "price": 65
- },
- {
- "id": 235343222,
- "photographerId": 930,
- "title": "Surfer",
- "image": "sport_water_tunnel.jpg",
- "likes": 103,
- "date": "2018-03-10",
- "price": 70
- },
- {
- "id": 7775342343,
- "photographerId": 930,
- "title": "Skier",
- "image": "Sport_Sky_Cross.jpg",
- "likes": 77,
- "date": "2018-04-16",
- "price": 50
- },
- {
- "id": 9253445784,
- "photographerId": 930,
- "title": "Race End",
- "image": "Sport_Race_End.jpg",
- "likes": 88,
- "date": "2018-04-22",
- "price": 65
- },
- {
- "id": 22299394,
- "photographerId": 930,
- "title": "Jump!",
- "image": "Sport_Jump.jpg",
- "likes": 95,
- "date": "2018-04-27",
- "price": 70
- },
- {
- "id": 3452342633,
- "photographerId": 930,
- "title": "White Light",
- "image": "Architecture_White_Light.jpg",
- "likes": 52,
- "date": "2018-05-03",
- "price": 75
- },
- {
- "id": 939234243,
- "photographerId": 930,
- "title": "Water on Modern Building",
- "image": "Architecture_Water_on_Modern.jpg",
- "likes": 55,
- "date": "2018-05-10",
- "price": 72
- },
- {
- "id": 222959233,
- "photographerId": 930,
- "title": "Horseshoe",
- "image": "Architecture_Horseshoe.jpg",
- "likes": 85,
- "date": "2018-05-15",
- "price": 71
- },
- {
- "id": 965933434,
- "photographerId": 930,
- "title": "Cross Bar",
- "image": "Architecture_Cross_Bar.jpg",
- "likes": 66,
- "date": "2018-05-20",
- "price": 58
- },
- {
- "id": 777723343,
- "photographerId": 930,
- "title": "Connected Curves",
- "image": "Architecture_Connected_Curves.jpg",
- "likes": 79,
- "date": "2018-05-21",
- "price": 80
- }
- ]
+ {
+ "id": 52343416,
+ "photographerId": 195,
+ "title": "Japanese Tower, Kyoto",
+ "image": "Travel_Tower.jpg",
+ "likes": 25,
+ "date": "2019-04-03",
+ "price": 60
+ },
+ {
+ "id": 2523434,
+ "photographerId": 195,
+ "title": "Sunset on Canals, Venice",
+ "image": "Travel_SunsetonCanals.jpg",
+ "likes": 53,
+ "date": "2019-05-06",
+ "price": 60
+ },
+ {
+ "id": 95293534,
+ "photographerId": 195,
+ "title": "Mountain and Lake",
+ "image": "Travel_OpenMountain.jpg",
+ "likes": 33,
+ "date": "2019-05-12",
+ "price": 60
+ },
+ {
+ "id": 356234343,
+ "photographerId": 195,
+ "title": "City Bike and Stair, Paris",
+ "image": "Travel_Bike_and_Stair.jpg",
+ "likes": 53,
+ "date": "2019-06-20",
+ "price": 60
+ },
+ {
+ "id": 235234343,
+ "photographerId": 195,
+ "title": "Adventure Door, India",
+ "image": "Travel_Adventure_Door.jpg",
+ "likes": 63,
+ "date": "2019-06-26",
+ "price": 60
+ },
+ {
+ "id": 6234234343,
+ "photographerId": 195,
+ "title": "Contrast, St Petersburg",
+ "image": "Architecture_Contrast.jpg",
+ "likes": 52,
+ "date": "2019-06-30",
+ "price": 60
+ },
+ {
+ "id": 6525666253,
+ "photographerId": 195,
+ "title": "On a Hill, Tibet",
+ "image": "Architecture_On_a_hill.jpg",
+ "likes": 63,
+ "date": "2019-07-20",
+ "price": 60
+ },
+ {
+ "id": 98252523433,
+ "photographerId": 195,
+ "title": "Leaning Tower, Pisa",
+ "image": "Architecture_Dome.jpg",
+ "likes": 88,
+ "date": "2020-01-05",
+ "price": 60
+ },
+ {
+ "id": 9259398453,
+ "photographerId": 195,
+ "title": "Drone shot of Buenos Aires highways",
+ "video": "Architecture_coverr_circle_empty_highway_in_buenos_aires_587740985637.mp4",
+ "likes": 57,
+ "date": "2020-01-20",
+ "price": 65
+ },
+ {
+ "id": 3523523534,
+ "photographerId": 195,
+ "title": "Corner Building and Blue Sky",
+ "image": "Architecture_Corner_Room.jpg",
+ "likes": 54,
+ "date": "2020-05-05",
+ "price": 60
+ },
+ {
+ "id": 952343423,
+ "photographerId": 930,
+ "title": "Tricks in the air",
+ "video": "Sport_Tricks_in_the_air.mp4",
+ "likes": 150,
+ "date": "2018-02-30",
+ "price": 70
+ },
+ {
+ "id": 235234343,
+ "photographerId": 930,
+ "title": "Climber",
+ "image": "Sport_Next_Hold.jpg",
+ "likes": 101,
+ "date": "2018-03-05",
+ "price": 65
+ },
+ {
+ "id": 235343222,
+ "photographerId": 930,
+ "title": "Surfer",
+ "image": "sport_water_tunnel.jpg",
+ "likes": 103,
+ "date": "2018-03-10",
+ "price": 70
+ },
+ {
+ "id": 7775342343,
+ "photographerId": 930,
+ "title": "Skier",
+ "image": "Sport_Sky_Cross.jpg",
+ "likes": 77,
+ "date": "2018-04-16",
+ "price": 50
+ },
+ {
+ "id": 9253445784,
+ "photographerId": 930,
+ "title": "Race End",
+ "image": "Sport_Race_End.jpg",
+ "likes": 88,
+ "date": "2018-04-22",
+ "price": 65
+ },
+ {
+ "id": 22299394,
+ "photographerId": 930,
+ "title": "Jump!",
+ "image": "Sport_Jump.jpg",
+ "likes": 95,
+ "date": "2018-04-27",
+ "price": 70
+ },
+ {
+ "id": 3452342633,
+ "photographerId": 930,
+ "title": "White Light",
+ "image": "Architecture_White_Light.jpg",
+ "likes": 52,
+ "date": "2018-05-03",
+ "price": 75
+ },
+ {
+ "id": 939234243,
+ "photographerId": 930,
+ "title": "Water on Modern Building",
+ "image": "Architecture_Water_on_Modern.jpg",
+ "likes": 55,
+ "date": "2018-05-10",
+ "price": 72
+ },
+ {
+ "id": 222959233,
+ "photographerId": 930,
+ "title": "Horseshoe",
+ "image": "Architecture_Horseshoe.jpg",
+ "likes": 85,
+ "date": "2018-05-15",
+ "price": 71
+ },
+ {
+ "id": 965933434,
+ "photographerId": 930,
+ "title": "Cross Bar",
+ "image": "Architecture_Cross_Bar.jpg",
+ "likes": 66,
+ "date": "2018-05-20",
+ "price": 58
+ },
+ {
+ "id": 777723343,
+ "photographerId": 930,
+ "title": "Connected Curves",
+ "image": "Architecture_Connected_Curves.jpg",
+ "likes": 79,
+ "date": "2018-05-21",
+ "price": 80
+ }
+ ]
}
diff --git a/eslint.config.mjs b/eslint.config.mjs
deleted file mode 100644
index 6650788..0000000
--- a/eslint.config.mjs
+++ /dev/null
@@ -1,16 +0,0 @@
-import globals from 'globals'
-
-import path from 'path'
-import { fileURLToPath } from 'url'
-import { FlatCompat } from '@eslint/eslintrc'
-import pluginJs from '@eslint/js'
-
-// mimic CommonJS variables -- not needed if using CommonJS
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = path.dirname(__filename)
-const compat = new FlatCompat({ baseDirectory: __dirname, recommendedConfig: pluginJs.configs.recommended })
-
-export default [
- { languageOptions: { globals: globals.browser } },
- ...compat.extends('standard')
-]
diff --git a/index.html b/index.html
index 801f801..92f03de 100644
--- a/index.html
+++ b/index.html
@@ -1,30 +1,32 @@
-
-
-
-
-
-
- Fisheye
-
-
-
-
-
-
-
- Nos photographes
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
+
+
+
+
+ Fisheye
+
+
+
+
+ 
+
+ Nos photographes
+
+
+
+
+
+
+
+