Skip to content

feat: museum proposal approach #719

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ht1204 wants to merge 2 commits into
base: master
Choose a base branch
from
Open

feat: museum proposal approach #719

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e775c14
feat: museum proposal approach
ht1204 Jun 1, 2026
bb4f52c
fix: addressing commentaries - round 1
ht1204 Jun 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 29 additions & 0 deletions .github/workflows/test.yml-template
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
name: Test

on:
pull_request:
branches: [ master ]

jobs:
build:

runs-on: ubuntu-latest

strategy:
matrix:
node-version: [20.x]

steps:
- uses: actions/checkout@v2
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v1
with:
node-version: ${{ matrix.node-version }}
- run: npm install
- run: npm test
- name: Upload HTML report(backstop data)
if: ${{ always() }}
uses: actions/upload-artifact@v2
with:
name: report
path: backstop_data
2 changes: 1 addition & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ Check font styles. Use [IBM Plex Sans](https://fonts.google.com/specimen/IBM+Ple
11. `git push origin develop` - to send you code for PR.
12. Create a Pull Request (PR) from your branch `develop` to branch `master` of original repo.
13. Replace `<your_account>` with your Github username in the
[DEMO LINK](https://<your_account>.github.io/Museum/).
[DEMO LINK](https://ht1204.github.io/Museum/).
14. Copy `DEMO LINK` to the PR description.

> To update you PR repeat steps 7-11.
323 changes: 319 additions & 4 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,334 @@
<!doctype html>
<html lang="en">
<html lang="uk">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<title>Title</title>
<title>Museum</title>
<link
rel="icon"
type="image/svg+xml"
href="src/images/icons/logo.svg"
/>
<link
rel="stylesheet"
href="src/styles/main.scss"
/>
</head>
<body>
<h1>Hello Mate Academy</h1>
<script src="src/scripts/main.js"></script>
<header class="header" id="header">
<nav class="menu">
<div class="menu__left">
<a href="#" class="menu__close is-hoverable"></a>
<ul class="menu__list">
<li class="menu__item">
<a href="#gallery" class="menu__link">Галерея</a>
</li>
<li class="menu__item">
<a href="#actual" class="menu__link">Виставки та події</a>
</li>
</ul>
<ul class="menu__list">
<li class="menu__item">
<a href="#subscribe" class="menu__link">Про Нас</a>
</li>
<li class="menu__item">
<a href="#footer" class="menu__link">Контакти</a>
</li>
</ul>
</div>
<div class="line"></div>
<article class="schedule">
<div class="schedule__content">
<p class="schedule__time">
Графік роботи
<br>
<br>
<strong>12:00 — 20:00</strong> середа
<br>
<strong>12:00 — 20:00</strong> четвер
<br>
<strong>12:00 — 20:00</strong> п'ятниця
<br>
<strong>11:00 — 19:00</strong> субота
<br>
<strong>11:00 — 19:00</strong> неділя
</p>
<p class="schedule__summary">
<strong>Вихідні:</strong> понеділок, вівторок <br>
Каса припиняє роботу за 1 годину
до закриття музею
</p>
</div>
</article>
</nav>
</header>

<main id="main">
<section class="museum">
<a href="#header" class="burger-menu is-hoverable">
<img
src="src/images/icons/burger-menu.svg"
alt="menu"
class="burger-menu__icon is-hoverable"
>
</a>
<article class="museum__top">
<img
src="src/images/Natsionalnij-hudozhnij-muzej-Ukrayini-Kiyiv.png"
alt="Photo museum"
class="museum__photo"
>
<a href="#" class="icons__logo">
<img
src="src/images/icons/logo.svg"
alt="logo"
class="icons__image is-hoverable"
>
</a>
</article>
<article class="museum__bottom">
<h1 class="museum__title">ХУДОЖНІЙ МУЗЕЙ</h1>
<a href="#actual" class="tickets is-hoverable">
<p class="tickets__title">КВИТКИ</p>
<img
src="src/images/icons/Arrow_right.svg"
alt="tickets"
class="tickets__icon"
>
</a>
<div class="events">
<p class="events__title">ПОДІЇ</p>
</div>
</article>
</section>

<section class="actual" id="actual">
<h2 class="actual__title">Актуальні події</h2>
<section class="poster">
<img
src="src/images/poster1.png"
alt="comeback"
class="poster__photo is-hoverable-photo"
>
<article class="poster__summary">
<div class="poster__date">
<p class="poster__subtitle">ВИСТАВКА</p>
<p class="poster__time">26.08-29.11.2019</p>
</div>
<div class="poster__main">
<p class="poster__title">Йду і повертаюсь</p>
</div>
<p class="poster__description">
Національний Художній Музей України презентує унікальну частину
колекції Градобанку - українське мистецтво другої половини
1980-1995 років.
</p>
</article>
</section>
<section class="poster">
<img
src="src/images/poster2.png"
alt="dreams"
class="poster__photo is-hoverable-photo"
>
<article class="poster__summary">
<div class="poster__date">
<p class="poster__subtitle">ВИСТАВКА</p>
<p class="poster__time">26.08-29.11.2019</p>
</div>
<div class="poster__main">
<p class="poster__title">І спогади і мрії</p>
</div>
<p class="poster__description">
Національний художній музей України до 100 річчя від дня
народження видатної української художниці Тетяни Яблонської
відкриває ретроспективну ювілейну виставку «І спогади і мрії».
</p>
</article>
</section>
</section>

<section class="classic">
<article class="cart is-hoverable">
<section class="cart__top">
<p class="cart__subtitle">ЛЕКЦІЯ</p>
<p class="cart__date">26/08/2019 - 11:00</p>
</section>
<p class="cart__title">Від класицизму до романтизму</p>
</article>
</section>

<section class="gallery" id="gallery">
<h2 class="gallery__title">Галерея</h2>
<article class="photos">
<img
id="photo-1"
src="src/images/photo1.png"
alt="photo"
class="photos__photo photos__photo--narrow is-hoverable-photo"
>
<img
id="photo-2"
src="src/images/photo2.png"
alt="photo"
class="photos__photo is-hoverable-photo"
>
<img
id="photo-3"
src="src/images/photo3.png"
alt="photo"
class="photos__photo is-hoverable-photo"
>
<img
id="photo-4"
src="src/images/photo4.png"
alt="photo"
class="photos__photo photos__photo--narrow is-hoverable-photo"
>
</article>

<div class="gallery__dots-container">
<a href="#photo-1" class="gallery__dot gallery__dot--active is-hoverable"></a>
<a href="#photo-2" class="gallery__dot is-hoverable"></a>
<a href="#photo-3" class="gallery__dot is-hoverable"></a>
<a href="#photo-4" class="gallery__dot is-hoverable"></a>
</div>
</section>

<section class="subscribe" id="subscribe">
<article class="subscribe__summary">
<h2 class="subscribe__title">Підписка</h2>
<p class="subscribe__subtitle">
Бути в курсі всіх актуальних подій та останніх новин.
</p>
</article>
<form
action="#"
class="subscribe__form"
>
<input
type="email"
placeholder="E-mail"
class="subscribe__input"
autocomplete="email"
required
>
<button class="subscribe__button is-hoverable" type="submit"></button>
</form>
</section>
</main>

<footer class="footer" id="footer">
<div class="footer__icons">
<a href="#" class="icons__logo-footer">
<img
src="src/images/icons/logo.svg"
alt="logo"
class="icons__image is-hoverable"
>
</a>

<div class="icons__messengers">
<a
href="https://facebook.com/namu.kyiv"
target="_blank"
rel="noopener noreferrer"
>
<img
src="src/images/icons/facebook-letter-logo.svg"
alt="facebook"
class="icons__facebook is-hoverable"
>
</a>
<a
href="https://instagram.com/namu_museum"
target="_blank"
rel="noopener noreferrer"
>
<img
src="src/images/icons/instagram.svg"
alt="instagram"
class="icons__instagram is-hoverable"
>
</a>
</div>
</div>

<article class="schedule schedule--footer">
<div class="schedule__content schedule__content--footer">
<p class="schedule__time">
Графік роботи
<br>
<br>
<strong>12:00 — 20:00</strong> середа
<br>
<strong>12:00 — 20:00</strong> четвер
<br>
<strong>12:00 — 20:00</strong> п'ятниця
<br>
<strong>11:00 — 19:00</strong> субота
<br>
<strong>11:00 — 19:00</strong> неділя
</p>
<p class="schedule__summary schedule__summary--footer">
<br>
<br>
Вихідні: понеділок, вівторок <br>
Каса припиняє роботу за 1 годину
до закриття музею
</p>
</div>
</article>

<article class="contacts">
<p class="contacts__title">Контакти:</p>
<div class="contacts__content">
<a
href="https://maps.google.com/?q=вул.+М.+Грушевського,+6+Київ+01001"
target="_blank"
rel="noopener noreferrer"
class="contacts__link is-hoverable"
>
вул. М. Грушевського, 6; Київ, 01001
</a>
<a href="tel:+380442781357" class="contacts__link is-hoverable">
тел. +38 (044) 278-13-57
</a>
<a href="tel:+380442787454" class="contacts__link is-hoverable">
факс +38 (044) 278-74-54
</a>
<a href="mailto:info@namu.kiev.ua" class="contacts__link is-hoverable">
e-mail: info@namu.kiev.ua
</a>
</div>
</article>

<div class="line--footer"></div>

<ul class="menu__list menu__list--footer">
<li class="menu__item menu__item--footer">
<a href="#gallery" class="menu__link menu__link--footer">Галерея</a>
</li>
<li class="menu__item menu__item--footer">
<a href="#actual" class="menu__link menu__link--footer">Виставки та події</a>
</li>
<li class="menu__item menu__item--footer">
<a href="#subscribe" class="menu__link menu__link--footer">Про Нас</a>
</li>
<li class="menu__item menu__item--footer">
<a href="#footer" class="menu__link menu__link--footer">Контакти</a>
</li>
</ul>

<div class="footer__summary">
<span>Copyright © 2019. All Rights Reserved.</span>
<span>Designed by Zhyriada Marina</span>
</div>
</footer>

<script type="module" src="src/scripts/main.js"></script>
</body>
</html>
Loading
Loading