Skip to content
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

10_final_SviatoslavTaranenko #442

Merged
merged 37 commits into from
Jan 8, 2024
Merged

10_final_SviatoslavTaranenko #442

Show file tree
Hide file tree
Changes from 36 commits
Commits
Show all changes
37 commits
Select commit Hold shift + click to select a range
4f01d25
Add adaptiv for filter and header
SviatoslavTaranenko Dec 16, 2023
71b5b88
Add adaptiv to about
SviatoslavTaranenko Dec 17, 2023
00742f5
Add adaptiv to all pages
SviatoslavTaranenko Dec 17, 2023
607b31d
Do adaptiv, need do filter
SviatoslavTaranenko Dec 20, 2023
2e91bee
Correct little problem
SviatoslavTaranenko Dec 20, 2023
d7196fc
FIxed little problem
SviatoslavTaranenko Dec 20, 2023
7d02be1
Correct validation in login page
SviatoslavTaranenko Dec 23, 2023
109b1b6
Add all without filtration
SviatoslavTaranenko Dec 24, 2023
86c3df5
Add link on my final Project
SviatoslavTaranenko Dec 24, 2023
534b374
Merge branch 'main' into 10-final_SviatoslavTaranenko
SviatoslavTaranenko Dec 24, 2023
714e0d3
Corect Eslint
SviatoslavTaranenko Dec 24, 2023
746d7d4
Merge branch '10-final_SviatoslavTaranenko' of https://github.com/Mas…
SviatoslavTaranenko Dec 24, 2023
fdf8a34
Eslint correct
SviatoslavTaranenko Dec 24, 2023
9301a21
Eslint correct
SviatoslavTaranenko Dec 24, 2023
51c361d
Eslint correct
SviatoslavTaranenko Dec 24, 2023
74f7af1
Eslint correct
SviatoslavTaranenko Dec 24, 2023
0f74fb3
Eslint correct
SviatoslavTaranenko Dec 24, 2023
60293c4
Eslint correct
SviatoslavTaranenko Dec 24, 2023
7342d95
Add corect files to docs
SviatoslavTaranenko Dec 24, 2023
315130b
Correct gap in Games and corect Login Page. Up-date files in docs
SviatoslavTaranenko Dec 26, 2023
19e026d
Merge branch 'main' into 10-final_SviatoslavTaranenko
SviatoslavTaranenko Dec 26, 2023
ac9868f
Fixed some comments
SviatoslavTaranenko Jan 7, 2024
23452da
Merge branch 'main' into 10-final_SviatoslavTaranenko
SviatoslavTaranenko Jan 7, 2024
2336a6a
Fixed some comments
SviatoslavTaranenko Jan 7, 2024
210506a
Fixed some comments
SviatoslavTaranenko Jan 7, 2024
7212b0d
Fixed comments
SviatoslavTaranenko Jan 7, 2024
61be849
Merge branch '10-final_SviatoslavTaranenko' of https://github.com/Mas…
SviatoslavTaranenko Jan 7, 2024
c6c4e03
Correct problem
SviatoslavTaranenko Jan 7, 2024
f3a4297
Corect problem
SviatoslavTaranenko Jan 7, 2024
5bd8cda
Correct Eslint
SviatoslavTaranenko Jan 8, 2024
3ca7c9c
Correct Eslint
SviatoslavTaranenko Jan 8, 2024
6051876
Correct Eslint
SviatoslavTaranenko Jan 8, 2024
6b18dff
Correct Eslint
SviatoslavTaranenko Jan 8, 2024
31e7d8c
Corect Eslint
SviatoslavTaranenko Jan 8, 2024
e93ed4d
Correct Eslint
SviatoslavTaranenko Jan 8, 2024
720c1dc
COrrect Eslint
SviatoslavTaranenko Jan 8, 2024
74cb0a0
Reverted back changes of docs/index.html
vladyslav-yermolin-moc Jan 8, 2024
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
133 changes: 133 additions & 0 deletions docs/SviatoslavTaranenko/Games.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,133 @@
<!DOCTYPE html>
vladyslav-yermolin-moc marked this conversation as resolved.
Show resolved Hide resolved
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="Styles/Games.css">
<title>Games Project - Games</title>
</head>
<body>
<header class="header">
<div class="header__all">
<img class="header__img" src="img/logo.png" alt="Logo">
<div class="header__items">
<div class="header__items_Calculator">
<a href="calculator.html">Calculator</a>
</div>
<div class="header__items_Games">
<a href="Games.html">Games</a>
</div>
<div class="header__items_About">
<a href="index.html">About</a>
</div>
<div class="header__items_Login">
<a href="Login.html">Login</a>
</div>
</div>
</div>
</header>
<div class="games__filter">
<form class="datalist__games_filter">
<select disabled id="game_properties">
<option value="Genre">Genre</option>
<option value="Sport">Sport</option>
<option value="Shooter">Shooter</option>
<option value="Racing">Racing</option>
<option value="Horror">Horror</option>
</select>
</form>
<form class="radio__filter">
<div class="radio__games_filter">
<input disabled type="radio" id="platform" name="filter_games" value="Platform">
<label for="platform">Platform</label>
</div>
<div class="radio__games_filter">
<input disabled type="radio" id="online-games" name="filter_games" value="Online games">
<label for="online-games">Online games</label>
</div>
</form>
<form class="checkbox__filter" id="filterForm" data-type="filter-form">
<div class="checkbox__games_filter">

<input disabled type="checkbox" data-filter="new" id="new_games" name="New">
<label for="new_games">New</label>
</div>
<div class="checkbox__games_filter">
<input disabled type="checkbox" data-filter="old" id="old_games" name="Old">

<label for="old_games">Old</label>
</div>
</form>
<form class="search__bar" action="#">

<input disabled type="text" id="search" class="search__input" placeholder="Search">

<button disabled id="apply" type="submit">Apply</button>
</form>
</div>
<section class="Games">
<h1 class="Games__title">Study project "Games"</h1>

<div class="loading-overlay" id="loading-overlay">Loading...</div>
<ul class="card__container" data-type="card-container"></ul>
</section>

<template class="card-template">
<div class="Games__cards_desc" data-type="Games__cards_desc">
<div class="Games__cards_top">
<img src="img/Rectangle%207.png" class="Games__cards_top_img" data-type="Games__cards_top_img" data-card-img alt="Games logo">
<div class="Games__cards_top_text" data-type="Games__cards_top_text">
<h2 class="Games__cards_top_text_title" data-type="Games__cards_top_text_title" data-card-title></h2>
<p class="Games__cards_top_text_p" data-type="Games__cards_top_text_p"></p>
</div>
</div>
<div class="Games__cards_btm" data-type="Games__cards_btm">
<p class="Games__cards_btm_name" data-type="data-card-genre">
<span class="Games__cards_btm_bold" data-type="Games__cards_btm_bold" data-card-genre>Genre: </span>
</p>
<p class="Games__cards_btm_name" data-type="data-card-platform">
<span class="Games__cards_btm_bold" data-type="Games__cards_btm_bold" data-card-platform>Platform: </span>
</p>
<p class="Games__cards_btm_name" data-type="data-card-publisher">
<span class="Games__cards_btm_bold" data-type="Games__cards_btm_bold" data-card-publisher>Publisher: </span>
</p>
<p class="Games__cards_btm_name" data-type="data-card-developer">
<span class="Games__cards_btm_bold" data-type="Games__cards_btm_bold" data-card-developer>Developer: </span>
</p>
<p class="Games__cards_btm_name" data-type="data-card-release-date">
<span class="Games__cards_btm_bold" data-type="Games__cards_btm_bold" data-card-release-date>Release_date: </span>
</p>

</div>
</div>
</template>
<footer class="footer">
<div class="footer__icons">
<div class="footer__icons_row">
<a href="https://www.facebook.com/sviatoslav.taranenko" target="_blank">
<div class="footer__icons_all">
<img src="img/facebook.png" alt="Logo">
</div>
</a>
<a href="https://www.linkedin.com/in/%D1%81%D0%B2%D1%8F%D1%82%D0%BE%D1%81%D0%BB%D0%B0%D0%B2-%D1%82%D0%B0%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BA%D0%BE-6bb602273/" target="_blank">
<div class="footer__icons_all">
<img src="img/LinkedIn.png" alt="Logo">
</div>
</a>
<a href="https://www.instagram.com/sviat_taranenko" target="_blank">
<div class="footer__icons_all">
<img src="img/Instagram.png" alt="Logo">
</div>
</a>
</div>
</div>
<div class="footer__text">
<p>Made with 💗 on course
<a class="about__text_link" href="https://www.mastersacademy.education/frontend-for-beginners-it" target="_blank">'Frontend for beginners' from Masters Academy in 2023,</a> by Sviatoslav Taranenko
</p>
</div>
</footer>
<script src="scripts/Games.js"></script>
</body>
</html>
85 changes: 85 additions & 0 deletions docs/SviatoslavTaranenko/Login.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="Styles/Login.css">
<title>Games Project - Login</title>
</head>
<body>
<header class="header">
<div class="header__all">
<img class="header__img" src="img/logo.png" alt="Logo">
<div class="header__items">
<div class="header__items_Calculator">
<a href="calculator.html">Calculator</a>
</div>
<div class="header__items_Games">
<a href="Games.html">Games</a>
</div>
<div class="header__items_About">
<a href="index.html">About</a>
</div>
<div class="header__items_Login">
<a href="Login.html">Login</a>
</div>
</div>
</div>
</header>
<section class="Login">
<div class="Login__table">
<div class="Login__table_title">
<h2>Login page</h2>
</div>
<form action="LoginDone.html" target="_self" autocomplete="on">
<div class="Login__table_email">
<label class="Login__table_email_title">Email</label>
<input id="email-input-id" class="Login__table_email_input" type="email" placeholder="Enter your email address">
</div>
<div class="errors-container" id="errors-email"></div>
<div class="Login__table_password">
<label class="Login__table_password_title">Password</label>
<input id="password-input-id" class="Login__table_password_input" type="password" placeholder="Enter your password">
</div>
<div class="errors-container" id="errors-password"></div>
<div class="Login__table_verif">
<input class="Login__table_verif_input" id="not-a-robot-checkbox-id" type="checkbox">
<label class="Login__table_verif_text" for="not-a-robot-checkbox-id">I’m not a robot</label>
</div>
<div class="errors-container" id="errors-container"></div>
<div class="Login__table_btn">
<button id="submit-button-id" type="button" class="Login__table_btn_name">Login</button>
</div>
</form>
</div>
</section>
<footer class="footer">
<div class="footer__icons">
<div class="footer__icons_row">
<a href="https://www.facebook.com/sviatoslav.taranenko" target="_blank">
<div class="footer__icons_all">
<img src="img/facebook.png" alt="Logo">
</div>
</a>
<a href="https://www.linkedin.com/in/%D1%81%D0%B2%D1%8F%D1%82%D0%BE%D1%81%D0%BB%D0%B0%D0%B2-%D1%82%D0%B0%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BA%D0%BE-6bb602273/" target="_blank">
<div class="footer__icons_all">
<img src="img/LinkedIn.png" alt="Logo">
</div>
</a>
<a href="https://www.instagram.com/sviat_taranenko" target="_blank">
<div class="footer__icons_all">
<img src="img/Instagram.png" alt="Logo">
</div>
</a>
</div>
</div>
<div class="footer__text">
<p>Made with 💗 on course
<a class="about__text_link" href="https://www.mastersacademy.education/frontend-for-beginners-it" target="_blank">'Frontend for beginners' from Masters Academy in 2023,</a> by Sviatoslav Taranenko
</p>
</div>
</footer>
<script src="scripts/script.js"></script>
</body>
</html>
22 changes: 22 additions & 0 deletions docs/SviatoslavTaranenko/LoginDone.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="Styles/LoginDone.css">
<title>Games Project - Login Done</title>
</head>
<body>
<section class="Login_Done">
<h1 class="Login_Done_title">Perfectly</h1>
<p class="Login_Done_text">You have successfully</p>
<p class="Login_Done_text">logged into your account</p>
<div class="Login__table_btn">
<form action="./index.html">
<button type="submit" class="Login__table_btn_name">Return to homepage</button>
</form>
</div>
</section>
</body>
</html>
Loading
Loading