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_Allocene #424

Merged
merged 16 commits into from
Dec 29, 2023
Merged

10-final_Allocene #424

Show file tree
Hide file tree
Changes from 10 commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
ad11cab
homework 10_final (basic changes)
Allocene Dec 13, 2023
ebe1cb9
pre-release version
Allocene Dec 14, 2023
90ab34e
pre-release version
Allocene Dec 14, 2023
1712757
pre-release version 16.12.23
Allocene Dec 16, 2023
7ccf22e
pre-release version 19.12.23
Allocene Dec 19, 2023
7683ab3
pre-release version 22.12.23 (+modal window logic for game filters)
Allocene Dec 22, 2023
d7e961c
pre-release version 25.12.23 (adaptive)
Allocene Dec 25, 2023
8b7711e
release version 25.12.23
Allocene Dec 25, 2023
cb48193
Merge branch 'main' into 10-final_Allocene
Allocene Dec 25, 2023
cb02945
release version
Allocene Dec 25, 2023
9744210
Edits
Allocene Dec 25, 2023
27b1f2f
edits title
Allocene Dec 25, 2023
5bef73f
Edits 26.12.23
Allocene Dec 26, 2023
84bd9ee
edited the correct svg paths
Allocene Dec 26, 2023
86ce977
Edits 28.12.23
Allocene Dec 28, 2023
e817f18
Merge branch 'main' into 10-final_Allocene
Allocene Dec 28, 2023
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
113 changes: 113 additions & 0 deletions docs/Allocene/calculator.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,113 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/b3adce1055.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./style/main-calculator.css">
<link rel="icon" type="image/x-icon" href="./img/logo.png">
<title>Login</title>
</head>

<body>
<header class="header">
<div class="header__box">
<div class="header__box-content">
<div class="header__logo-section">
<img src="./img/logo.png" alt="logo">
</div>
<div class="header__menu-section">
<ul class="menu__list">
<li>
<a href="./calculator.html" class="menu__list-link">Calculator</a>
</li>
<li>
<a href="./games.html" class="menu__list-link">Games</a>
</li>
<li>
<a href="./index.html" class="menu__list-link">About</a>
</li>
<li>
<a href="./login.html" class="menu__list-link">Login</a>
</li>
</ul>
</div>
<div class="header__burger">
<span></span>
</div>
</div>
</div>
</header>
<main>
<div class="contain">
<h1 class="main__heading">Calculate Games</h1>
<div class="content">
<div class="field">
<div class="item">
<label for="firstValue">max 10</label>
<input name="firstValue" id="firstValue" class="inp" title="firstValue">
</div>
<div class="item">
<label for="operation"></label>
<select name="operation" title="operation" id="operation" class="inp__select">
<option value="+">+</option>
<option value="-">-</option>
<option value="/">/</option>
<option value="*">*</option>
<option value="**">**</option>
</select>
</div>
<div class="item">
<label for="secondValue"></label>
<input name="secondValue" id="secondValue" class="inp" title="secondValue">
</div>
<div class="item">
<button id="calculate" type="button" class="button">=</button>
</div>
<div class="item">
<label for="span">max 100</label>
<span name="span" id="result" class="result"></span>
</div>
</div>
<div id="visualTimeDurationExecution" class="visualTimeDurationExecution"></div>
<div id="visualInterpritation" class="visualInterpritation"></div>
</div>
</div>
</main>
<footer class="footer">
<div class="footer__container">
<div class="footer__content">
<ul class="social__icon">
<li class="icon__fb">
<a href="https://www.linkedin.com/feed/" target="_blank" rel="noopener">
<img src="./img/icons/logo fb.png" alt="icon facebook">
</a>
</li>
<li class="icon__link">
<a href="https://www.linkedin.com/" target="_blank" rel="noopener">
<img src="./img/icons/logo link.png" alt="icon linkedin">
</a>
</li>
<li class="icon__inst">
<a href="https://www.instagram.com/">
<img src="./img/icons/logo inst.png" alt="icon instagram">
</a>
</li>
</ul>
<h3 class="copyright">
Made with 💗 on course 'Frontend for beginners' from Masters Academy in 2023, by Artur
Kobyliatsky
</h3>
</div>
</div>
</footer>
<script src="./script/script.js"></script>
<script src="./script/calculator.js"></script>
<script type="module" src="./script/burger.js"></script>
</body>

</html>
161 changes: 161 additions & 0 deletions docs/Allocene/games.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,161 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/b3adce1055.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./style/main-games.css">
<link rel="icon" type="image/x-icon" href="./img/logo.png">
<title>Games</title>
</head>

<body>
<header class="header">
<div class="header__box">
<div class="header__box-content">
<div class="header__logo-section">
<img src="./img/logo.png" alt="logo">
</div>
<div class="header__menu-section">
<ul class="menu__list">
<li>
<a href="./calculator.html" class="menu__list-link">Calculator</a>
</li>
<li>
<a href="./games.html" class="menu__list-link">Games</a>
</li>
<li>
<a href="./index.html" class="menu__list-link">About</a>
</li>
<li>
<a href="./login.html" class="menu__list-link">Login</a>
</li>
</ul>
</div>
<div class="header__burger">
<span></span>
</div>
</div>
</div>
</header>
<section class="search search-hidden">
<div class="search__contain">
<form action="#" class="search__form">
<div class="form__select">
<select name="genre" id="genre" class="genre" title="genre" data-type="genre-select">
<option value="genre" selected disabled hidden>Genre</option>
<option value="shooter">Shooter</option>
<option value="arpg">ARPG</option>
<option value="battleRoyale">Battle Royale</option>
<option value="strategy">Strategy</option>
<option value="mmorpg">MMORPG</option>
<option value="fighting">Fighting</option>
<option value="allgames">All games</option>
</select>
</div>
<div class="radio">
Allocene marked this conversation as resolved.
Show resolved Hide resolved
<label class="form__radio">
<input class="inp__radio" type="radio" name="platformsOrOnline" value="platform"
data-type="platform-radio">
<span class="custom__radio"></span>
Platform
</label>
<label class="form__radio">
<input class="inp__radio" type="radio" name="platformsOrOnline" value="online-games"
data-type="online-radio">
<span class="custom__radio"></span>
Online games
</label>
</div>
<div class="checkbox">
<label class="form__checkbox">
<input class="inp__check" type="checkbox" name="newOrOld" value="new" data-type="check-new">
<span class="custom__check"></span>
Sort by realese date
</label>
<label class="form__checkbox">
<input class="inp__check" type="checkbox" name="newOrOld" value="old" data-type="check-old">
<span class="custom__check"></span>
Sort by name
</label>
</div>
<div class="form__search">
<input class="inp__search" type="search" placeholder="Search" data-type="search">
<button class="search__button" type="submit">Apply</button>
</div>
</form>
<div class="plate">
<h3 id="plate">Open game filters</h3>
</div>
</div>
</section>
<main>
<div class="contain">
<div class="content">
<div class="text">
<h1 class="text__heading">
Study project "Games"
</h1>
<h2 class="text__heading" data-type="text-h2">
</h2>
</div>
<div class="game__cards">

<template data-type="card-template">
<li class="game__cod2" data-type="cards">
<div class="cod2__general">
<div class="cod2__general--img" data-type="image">
<img src="#">
</div>
<div class="cod2__general--desc">
<h3 data-type="title"></h3>
<p data-type="description"></p>
</div>
</div>
<ul class="cod2__description" data-type="short-description">
</ul>
</li>
</template>

<ul data-type="cards-container" class="cards-container"></ul>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="footer__container">
<div class="footer__content">
<ul class="social__icon">
<li class="icon__fb">
<a href="https://www.linkedin.com/feed/" target="_blank" rel="noopener">
<img src="./img/icons/logo fb.png" alt="icon facebook">
</a>
</li>
<li class="icon__link">
<a href="https://www.linkedin.com/" target="_blank" rel="noopener">
<img src="./img/icons/logo link.png" alt="icon linkedin">
</a>
</li>
<li class="icon__inst">
<a href="https://www.instagram.com/">
<img src="./img/icons/logo inst.png" alt="icon instagram">
</a>
</li>
</ul>
<h3 class="copyright">
Made with 💗 on course 'Frontend for beginners' from Masters Academy in 2023, by Artur
Kobyliatsky
</h3>
</div>
</div>
</footer>
<script type="module" src="./script/games.js"></script>
<script type="module" src="./script/burger.js"></script>
<script type="module" src="./script/filters.js"></script>
</body>

</html>
Binary file added docs/Allocene/img/Call_of_Duty-_Modern_Warfare_II.jpeg
View file
Open in desktop
Allocene marked this conversation as resolved.
Show resolved Hide resolved
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 docs/Allocene/img/check.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 docs/Allocene/img/check__black.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 docs/Allocene/img/check__radio.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 docs/Allocene/img/icons/logo fb.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 docs/Allocene/img/icons/logo inst.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 docs/Allocene/img/icons/logo link.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 docs/Allocene/img/image.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 docs/Allocene/img/jpt-hero-desktop.jpg
View file
Open in desktop
Allocene marked this conversation as resolved.
Show resolved Hide resolved
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 docs/Allocene/img/logo.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.
4 changes: 4 additions & 0 deletions docs/Allocene/img/search.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.
8 changes: 6 additions & 2 deletions ...yliatsky_Allocene/GamesProject/about.html → docs/Allocene/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,13 +29,16 @@
<a href="./games.html" class="menu__list-link">Games</a>
</li>
<li>
<a href="./about.html" class="menu__list-link">About</a>
<a href="./index.html" class="menu__list-link">About</a>
Allocene marked this conversation as resolved.
Show resolved Hide resolved
</li>
<li>
<a href="./login.html" class="menu__list-link">Login</a>
</li>
</ul>
</div>
<div class="header__burger">
<span></span>
</div>
</div>
</div>
</header>
Expand Down Expand Up @@ -75,7 +78,7 @@ <h1 class="text__heading">About me</h1>
<footer class="footer">
<div class="footer__container">
<div class="footer__content">
<ul class="social-icon">
<ul class="social__icon">
<li class="icon__fb">
<a href="https://www.linkedin.com/feed/" target="_blank" rel="noopener">
<img src="./img/icons/logo fb.png" alt="icon facebook">
Expand All @@ -99,6 +102,7 @@ <h3 class="copyright">
</div>
</div>
</footer>
<script type="module" src="./script/burger.js"></script>
</body>

</html>
26 changes: 26 additions & 0 deletions docs/Allocene/login-success.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/b3adce1055.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./style/main-loginSuccess.css">
<link rel="icon" type="image/x-icon" href="./img/logo.png">
<title>Success</title>
</head>

<body>
<main>
<div class="success">
<h1 class="h1__success">Success!</h1>
<button type="button" class="return" onclick="window.location.href = './games.html';">Return to
Allocene marked this conversation as resolved.
Show resolved Hide resolved
homepage</button>
</div>
</main>
</body>

</html>
Loading
Loading