https://github.com/martapolii/www.polishchukart.com

This is a personal project built for a Toronto-based artist. The site showcases a gallery of his artwork, a CV highlighting his exhibitions, and contact information. The site uses HTML, CSS, and JavaScript for responsive design, gallery overlays, and mobile navigation.
https://github.com/martapolii/www.polishchukart.com

css frontend gallery-images gallery-overlay html javascript media-queries mobile-navigation responsive-design web-development

Last synced: 20 days ago
JSON representation

This is a personal project built for a Toronto-based artist. The site showcases a gallery of his artwork, a CV highlighting his exhibitions, and contact information. The site uses HTML, CSS, and JavaScript for responsive design, gallery overlays, and mobile navigation.

• Host: GitHub
• URL: https://github.com/martapolii/www.polishchukart.com
• Owner: martapolii
• Created: 2024-04-29T23:47:58.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-10-17T15:23:05.000Z (4 months ago)
• Last Synced: 2024-11-13T15:53:53.508Z (3 months ago)
• Topics: css, frontend, gallery-images, gallery-overlay, html, javascript, media-queries, mobile-navigation, responsive-design, web-development
• Language: HTML
• Homepage: https://polishchukart.com/
• Size: 367 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This repository contains the code for a personal website built for Ihor Polishchuk, a Toronto-based artist. The website is designed to showcase his extensive body of work, including a gallery of his paintings, a CV section with details about his exhibitions, and a contact page.

The website features:

- Home Page: A hero image with links to the gallery.

- Gallery Pages: Two pages showcasing paintings, each image clickable for more details in an overlay.

- CV Page: A detailed curriculum vitae listing solo and group exhibitions.

- Contact Page: Provides contact information and links to social media profiles.

  

Key Features:

- Gallery Overlay: A JavaScript-powered overlay to display full-size images with captions.

- Responsive Design: Optimized for both desktop and mobile views with media queries.

- Mobile Navigation: Hamburger menu for easy navigation on smaller screens.

- CSS Styling: Custom styles for the layout, typography, and gallery design.

This project demonstrates my ability to create a visually engaging and fully functional website using HTML, CSS, and JavaScript.

Working on:

- improving page layout on mobile devices

- revamping the home screen

- adding more information to the overlays for each painting (painting description, etc)

- debugging the grid - since I made a 'custom' grid layout to emphasize certain paintings, I find that at certainb aspect ratios the grid'breaks' and images are no longer contained in their containers, or css properties conflict