Skip to content

add solution #723

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
Skoulskiy wants to merge 6 commits into
base: master
Choose a base branch
from
Open

add solution #723

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
bdd6177
add solution
Jun 15, 2026
02f75fa
added crictical files
Jun 15, 2026
7a22a97
add anchore tag to footer contacts and fix JS file
Jun 15, 2026
880e709
add anchore tag to footer contacts and fix JS file
Jun 15, 2026
08e4e4f
fix: homepage path, script type and clean asset names
Jun 15, 2026
a2556a4
fix images path
Jun 15, 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://skoulskiy.github.io/Museum/).
14. Copy `DEMO LINK` to the PR description.

> To update you PR repeat steps 7-11.
242 changes: 230 additions & 12 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,18 +2,236 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<title>Title</title>
<link
rel="stylesheet"
href="src/styles/main.scss"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>NAMU | Π₯ΡƒΠ΄ΠΎΠΆΠ½Ρ–ΠΉ ΠΌΡƒΠ·Π΅ΠΉ</title>
<link rel="stylesheet" href="src/styles/main.scss" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="icon" href="./src/images/favicon.png">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<script type="module" src="./src/scripts/main.js"
defer></script>
</head>
<body>
<h1>Hello Mate Academy</h1>
<script src="src/scripts/main.js"></script>
<body id="page">
<header class="header">
<div class="header__main-container">
<a href="#menu" class="header__burger">
<img src="./src/images/burger-icon.svg" alt="Burger menu">
</a>
<h1 class="header__logo title">
<a href="#">NA<br>MU</a>
</h1>
<div class="header__wrapper"></div>
<div class="header__info">
<h2 class="header__title">Π₯Π£Π”ΠžΠ–ΠΠ†Π™<br>ΠœΠ£Π—Π•Π™</h2>
<a href="#events" class="header__link">ΠšΠ²ΠΈΡ‚ΠΊΠΈ</a>
</div>
<div class="header__subinfo">
<span class="header__subtitle">ΠŸΠΎΠ΄Ρ–Ρ—</span>
<div class="subinfo__line"></div>
</div>
</div>
</header>

<aside class="menu" id="menu">
<div class="container">
<div class="menu__top">
<a href="#" class="menu__close">
<img src="./src/images/close-icon.svg" alt="close">
</a>
<nav class="nav menu__nav">
<a href="#gallery" class="nav__link"><span>ГалСрСя</span></a>
<a href="#subscribe" class="nav__link"><span>ΠŸΡ€ΠΎ Нас</span></a>
<a href="#events" class="nav__link"><span>Виставки Ρ‚Π° ΠΏΠΎΠ΄Ρ–Ρ—</span></a>
<a href="#footer" class="nav__link"><span>ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚ΠΈ</span></a>
</nav>
</div>
<hr class="menu__line">
<div class="menu__bottom">
<div class="menu__schedule schedule">
<h3 class="schedule__title">Π“Ρ€Π°Ρ„Ρ–ΠΊ Ρ€ΠΎΠ±ΠΎΡ‚ΠΈ</h3>
<ul class="schedule__list">
<li class="schedule__item"><span>12:00 – 20:00</span> сСрСда</li>
<li class="schedule__item"><span>12:00 – 20:00</span> Ρ‡Π΅Ρ‚Π²Π΅Ρ€</li>
<li class="schedule__item"><span>12:00 – 20:00</span> ΠΏ'ятниця</li>
<li class="schedule__item"><span>11:00 – 19:00</span> субота</li>
<li class="schedule__item"><span>11:00 – 19:00</span> нСділя</li>
</ul>
<p class="schedule__info">
<strong>Π’ΠΈΡ…Ρ–Π΄Π½Ρ–:</strong> ΠΏΠΎΠ½Π΅Π΄Ρ–Π»ΠΎΠΊ, Π²Ρ–Π²Ρ‚ΠΎΡ€ΠΎΠΊ<br>
Каса припиняє Ρ€ΠΎΠ±ΠΎΡ‚Ρƒ Π·Π° 1 Π³ΠΎΠ΄ΠΈΠ½Ρƒ Π΄ΠΎ закриття ΠΌΡƒΠ·Π΅ΡŽ
</p>
</div>
</div>
</div>
</aside>
<main class="main">
<section class="section events-section" id="events">
<div class="container">
<h2 class="events-section__title title">ΠΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ– ΠΏΠΎΠ΄Ρ–Ρ—</h2>

<div class="events-section__wrapper">
<div class="card">
<div class="card__img-wrapper">
<img class="card__img" alt="Π™Π΄Ρƒ Ρ– ΠΏΠΎΠ²Π΅Ρ€Ρ‚Π°ΡŽΡΡŒ"
src="./src/images/card-1.png">
</div>
<div class="card__information-wrapper">
<div class="card__info">
<span class="card__type type">Виставка</span>
<em class="card__date date">26.08-29.11.2019</em>
</div>
<strong class="card__title">Π™Π΄Ρƒ Ρ– ΠΏΠΎΠ²Π΅Ρ€Ρ‚Π°ΡŽΡΡŒ</strong>
<em class="card__description">ΠΠ°Ρ†Ρ–ΠΎΠ½Π°Π»ΡŒΠ½ΠΈΠΉ Π₯ΡƒΠ΄ΠΎΠΆΠ½Ρ–ΠΉ ΠœΡƒΠ·Π΅ΠΉ Π£ΠΊΡ€Π°Ρ—Π½ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚ΡƒΡ” ΡƒΠ½Ρ–ΠΊΠ°Π»ΡŒΠ½Ρƒ частину ΠΊΠΎΠ»Π΅ΠΊΡ†Ρ–Ρ— Π“Ρ€Π°Π΄ΠΎΠ±Π°Π½ΠΊΡƒ...</em>
</div>
</div>
<div class="card">
<div class="card__img-wrapper">
<img class="card__img" alt="Π† спогади Ρ– ΠΌΡ€Ρ–Ρ—"
src="./src/images/card-2.png">
</div>
<div class="card__information-wrapper">
<div class="card__info">
<span class="card__type type">Виставка</span>
<em class="card__date date">26.08-29.11.2019</em>
</div>
<strong class="card__title">Π† спогади Ρ– ΠΌΡ€Ρ–Ρ—</strong>
<em class="card__description">ΠΠ°Ρ†Ρ–ΠΎΠ½Π°Π»ΡŒΠ½ΠΈΠΉ Ρ…ΡƒΠ΄ΠΎΠΆΠ½Ρ–ΠΉ ΠΌΡƒΠ·Π΅ΠΉ Π£ΠΊΡ€Π°Ρ—Π½ΠΈ Π΄ΠΎ 100 річчя Π²Ρ–Π΄ дня народТСння Π²ΠΈΠ΄Π°Ρ‚Π½ΠΎΡ— ΡƒΠΊΡ€Π°Ρ—Π½ΡΡŒΠΊΠΎΡ— Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΡ†Ρ– ВСтяни Π―Π±Π»ΠΎΠ½ΡΡŒΠΊΠΎΡ— Π²Ρ–Π΄ΠΊΡ€ΠΈΠ²Π°Ρ” рСтроспСктивну ΡŽΠ²Ρ–Π»Π΅ΠΉΠ½Ρƒ виставку Β«Π† спогади Ρ– ΠΌΡ€Ρ–Ρ—Β».</em>
</div>
</div>
</div>
</div>
</section>
<section class="section about-section" id="about">
<div class="container">
<div class="about__wrapper">
<img class="about__img" src="./src/images/lection.png"
alt="About us"/>

<div class="about__info">
<div class="about__top">
<span class="about__type type">Π›Π•ΠšΠ¦Π†Π―</span>
<em class="about__date date">26/08/2019 - 11:00</em>
</div>
<h3 class="about__title">Π’Ρ–Π΄ класицизму Π΄ΠΎ Ρ€ΠΎΠΌΠ°Π½Ρ‚ΠΈΠ·ΠΌΡƒ</h3>
</div>
</div>
</div>
</section>
<section class="section gallery-section" id="gallery">
<div class="container">
<h2 class="gallery-section__title title">ГалСрСя</h2>
<div class="slider">
<div class="slider__item">
<img src="./src/images/slider-1.png" alt="slider first"
class="slider__img">
</div>
<div class="slider__item">
<img src="./src/images/slider-2.png" alt="slider second"
class="slider__img">
</div>
<div class="slider__item">
<img src="./src/images/slider-3.png" alt="slider third"
class="slider__img">
</div>
<div class="slider__item">
<img src="./src/images/slider-4.png" alt="slider fourth"
class="slider__img">
</div>
</div>
<div class="pagination">
<span class="pagination__dot pagination__dot--active"></span>
<span class="pagination__dot"></span>
<span class="pagination__dot"></span>
<span class="pagination__dot"></span>
</div>
<div class="gallery-wrapper">
<div class="gallery__item gallery__item--small">
<img src="./src/images/slider-1.png" alt="Category First"
class="gallery__img">
</div>

<div class="gallery__item gallery__item--big">
<img src="./src/images/slider-2.png" alt="Category Second"
class="gallery__img">
</div>

<div class="gallery__item gallery__item--big">
<img src="./src/images/slider-3.png" alt="Category Third"
class="gallery__img">
</div>

<div class="gallery__item gallery__item--small">
<img src="./src/images/slider-4.png" alt="Category Fourth"
class="gallery__img">
</div>
</div>
</div>
</section>
<section class="section subscribe-section" id="subscribe">
<div class="container">
<h2 class="title subscribe__title">ΠŸΡ–Π΄ΠΏΠΈΡΠΊΠ°</h2>
<span class="subscribe__subtitle">Π‘ΡƒΡ‚ΠΈ Π² курсі всіх Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΈΡ… ΠΏΠΎΠ΄Ρ–ΠΉ Ρ‚Π° останніх Π½ΠΎΠ²ΠΈΠ½.</span>

<form class="subscribe__form" onsubmit="this.reset(); return false;">
<input class="input subscribe__input" type="email"
required placeholder="E-mail">
<button type="submit" class="button subscribe__button">></button>
</form>
</div>
</section>
</main>
<footer class="footer" id="footer">
<div class="container">
<h4 class="footer__logo title">
<a href="#">NA<br>MU</a>
</h4>
<div class="footer__social">
<a href="https://www.facebook.com/namu.museum/?locale=uk_UA" target="_blank"
class="social__link">
<img src="./src/images/facebook.svg" alt="Facebook">
</a>
<a href="https://www.instagram.com/namu.museum/" target="_blank"
class="social__link">
<img src="./src/images/instagram.svg" alt="Instagram">
</a>
</div>
<div class="footer__schedule schedule">
<h3 class="schedule__title footer__schedule-title">Π“Ρ€Π°Ρ„Ρ–ΠΊ Ρ€ΠΎΠ±ΠΎΡ‚ΠΈ</h3>
<ul class="schedule__list">
<li class="schedule__item footer__schedule-item"><span>12:00 – 20:00</span> сСрСда</li>
<li class="schedule__item footer__schedule-item"><span>12:00 – 20:00</span> Ρ‡Π΅Ρ‚Π²Π΅Ρ€</li>
<li class="schedule__item footer__schedule-item"><span>12:00 – 20:00</span> ΠΏ'ятниця</li>
<li class="schedule__item footer__schedule-item"><span>11:00 – 19:00</span> субота</li>
<li class="schedule__item footer__schedule-item"><span>11:00 – 19:00</span> нСділя</li>
<p class="schedule__info footer__schedule-info">
<strong>Π’ΠΈΡ…Ρ–Π΄Π½Ρ–:</strong> ΠΏΠΎΠ½Π΅Π΄Ρ–Π»ΠΎΠΊ, Π²Ρ–Π²Ρ‚ΠΎΡ€ΠΎΠΊ<br>
Каса припиняє Ρ€ΠΎΠ±ΠΎΡ‚Ρƒ Π·Π° 1 Π³ΠΎΠ΄ΠΈΠ½Ρƒ Π΄ΠΎ закриття ΠΌΡƒΠ·Π΅ΡŽ
</p>
</ul>
</div>
<div class="footer__schedule schedule footer__contacts">
<h3 class="schedule__title footer__schedule-title" id="contacts">ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚ΠΈ:</h3>
<ul class="schedule__list">
<li class="schedule__item footer__schedule-item"><a href="https://www.google.com/maps/place/%D0%B2%D1%83%D0%BB%D0%B8%D1%86%D1%8F+%D0%9C%D0%B8%D1%85%D0%B0%D0%B9%D0%BB%D0%B0+%D0%93%D1%80%D1%83%D1%88%D0%B5%D0%B2%D1%81%D1%8C%D0%BA%D0%BE%D0%B3%D0%BE,+6,+%D0%9A%D0%B8%D1%97%D0%B2,+02000/@50.4493984,30.5282085,17z/data=!3m1!4b1!4m6!3m5!1s0x40d4ce52445a8315:0x5e30ef474eddac89!8m2!3d50.449395!4d30.5307834!16s%2Fg%2F11l76wtstx?entry=ttu&g_ep=EgoyMDI2MDYxMC4wIKXMDSoASAFQAw%3D%3D" target="_blank">Π²ΡƒΠ». М. Π“Ρ€ΡƒΡˆΠ΅Π²ΡΡŒΠΊΠΎΠ³ΠΎ, 6; ΠšΠΈΡ—Π², 01001</a></li>
<li class="schedule__item footer__schedule-item"><a href="tel:380442781357">Ρ‚Π΅Π». +38 (044) 278-13-57</a></li>
<li class="schedule__item footer__schedule-item"><a href="tel:380442787454">факс +38 (044) 278-74-54</a></li>
<li class="schedule__item footer__schedule-item"><a href="mailto:info@namu.kiev.ua">e-mail: info@namu.kiev.ua</a></li>
</ul>
</div>
<a href="#page" class="footer__arrow">
<img src="./src/images/arrow-up.svg" alt="arrow-up">
</a>
<hr class="line footer__line">
<a href="#gallery" class="footer__nav-link footer__nav-link--1 nav__link"><span>ГалСрСя</span></a>
<a href="#subscribe" class="footer__nav-link footer__nav-link--2 nav__link"><span>ΠŸΡ€ΠΎ Нас</span></a>
<a href="#events" class="footer__nav-link footer__nav-link--3 nav__link"><span>Виставки Ρ‚Π° ΠΏΠΎΠ΄Ρ–Ρ—</span></a>
<a href="#contacts" class="footer__nav-link footer__nav-link--4 nav__link"><span>ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚ΠΈ</span></a>
<div class="footer__copyright">
<span>Designed by Zhyriada Marina</span>
<span>Copyright Β© 2019. All Rights Reserved.</span>
</div>
</div>
</footer>
</body>
</html>
26 changes: 5 additions & 21 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"name": "museum",
"version": "1.0.0",
"description": "museum",
"homepage": "Museum",
"homepage": "/Museum/",
"scripts": {
"init": "mate-scripts init",
"start": "mate-scripts start",
Expand All @@ -24,7 +24,7 @@
"@mate-academy/eslint-config": "latest",
"@mate-academy/jest-mochawesome-reporter": "^1.0.0",
"@mate-academy/linthtml-config": "latest",
"@mate-academy/scripts": "^2.1.1",
"@mate-academy/scripts": "^2.1.3",
"@mate-academy/stylelint-config": "latest",
"cypress": "^13.13.0",
"eslint": "^8.57.0",
Expand Down
Empty file removed src/fonts/.gitkeep
View file
Open in desktop
Empty file.
Binary file removed src/fonts/Roboto-Regular-webfont.woff
View file
Open in desktop
Binary file not shown.
3 changes: 3 additions & 0 deletions src/images/arrow-up.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/background.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/images/burger-icon.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/card-1.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/card-2.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions src/images/close-icon.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/images/facebook.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/favicon.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/images/instagram.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/lection.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/slider-1.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/slider-2.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/slider-3.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/slider-4.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/subscribe-background-desktop.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/subscribe-background-tablet.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/subscribe-background.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading