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

[Hall of Fame]2 - Card template #464

Merged
merged 29 commits into from
Mar 17, 2024
Merged

[Hall of Fame]2 - Card template #464

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
29 commits
Select commit Hold shift + click to select a range
9aa1186
card template created
Feb 28, 2024
e1122d8
Header, footer, text description added
Bogdandrummer Mar 1, 2024
15a5379
added drummers branch
AndriiMorozov88 Mar 1, 2024
e85c27f
lint styles.css
AndriiMorozov88 Mar 1, 2024
a3557a3
added developers.js
AndriiMorozov88 Mar 1, 2024
5bf0b94
added developers
AndriiMorozov88 Mar 1, 2024
c02656b
added fonts
Mar 1, 2024
86bda1f
added dinamic random cards
AndriiMorozov88 Mar 1, 2024
6f12b61
rogerosha
AndriiMorozov88 Mar 1, 2024
85d6a24
added passes ~
AndriiMorozov88 Mar 1, 2024
961fa23
added all passes
AndriiMorozov88 Mar 2, 2024
113afc8
added d__flex class for header.js, changed favicon
Bogdandrummer Mar 2, 2024
bae834f
added metatags for telegram and twitter
IgorFromUA Mar 4, 2024
f64377b
Revert "added all passes"
AndriiMorozov88 Mar 4, 2024
214ee43
Revert "added passes ~"
AndriiMorozov88 Mar 4, 2024
343044c
Revert "rogerosha"
AndriiMorozov88 Mar 4, 2024
33cd397
Merge remote-tracking branch 'origin/11-hall_of_fame_card_template_No…
AndriiMorozov88 Mar 4, 2024
327b932
fixed bugs
Mar 5, 2024
e9e4578
merge K Nosatckyi changes
AndriiMorozov88 Mar 5, 2024
4f489c9
added names and images of project to card
AndriiMorozov88 Mar 5, 2024
3e0ecd1
added shadows, aligned the size of the photo, changed the font of the…
Mar 6, 2024
2097aac
Merge remote-tracking branch 'origin/11-hall_of_fame_page_layout_Bogd…
Mar 10, 2024
8cec98a
removed social networks from the general template
Mar 15, 2024
c555265
removed unused tag classes
Mar 15, 2024
4f3f0f2
added new social network icons
Mar 15, 2024
c871967
added generic class for social media icons for CSS optimization
Mar 15, 2024
0adc238
Minor styles changes
vladyslav-yermolin-moc Mar 17, 2024
310567b
Corrected paths to relative
vladyslav-yermolin-moc Mar 17, 2024
fa86f28
Changes files structure and corrected paths
vladyslav-yermolin-moc Mar 17, 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
6 changes: 3 additions & 3 deletions docs/SerhiiNSN/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -80,13 +80,13 @@ <h1 class="tittle">About me</h1>
<div class="footer__container">
<div class="footer__social">
<a href="https://www.facebook.com/profile.php?id=100011383900387&locale=uk_UA">
<img src="./img/Footer/face.svg" alt="facebook">
<img src="img/Footer/face.svg" alt="facebook">
</a>
<a href="https://www.linkedin.com/in/%D1%81%D0%B5%D1%80%D0%B3%D1%96%D0%B9-%D0%BD%D0%BE%D1%81%D0%BA%D0%BE%D0%B2-54148928a/">
<img src="./img/Footer/linkdn.svg" alt="linkedin">
<img src="img/Footer/linkdn.svg" alt="linkedin">
</a>
<a href="https://www.instagram.com/yasnyy.sirius/">
<img src="./img/Footer/inst.svg" alt="instagram">
<img src="img/Footer/inst.svg" alt="instagram">
</a>
</div>
<div class="footer__text">
Expand Down
225 changes: 166 additions & 59 deletions docs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,67 +2,174 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MA Projects</title>
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta property="og:title" content="Hall of Fame">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1500">
<meta property="og:image:height" content="844">
<meta property="og:image" content="https://images.squarespace-cdn.com/content/62b02bda8feb18527e40ab5d/1a636400-09d1-4679-8c23-ad23a104a7e8/youtube+cover-01.png?format=1500w&content-type=image%2Fpng">
<meta property="og:image:alt" content="An image with the inscription on a black background in white letters «Master academy educational project»">
<meta property="og:url" content="https://mastersacademy.github.io/fe-course-basic-2023">
<meta property="og:type" content="website">
<meta property="og:description" content="student projects created on the course «Front-End for Beginners 2023» by Master of Academy">
<meta name="twitter:title" content="Hall of Fame">
<meta name="twitter:image" content="https://images.squarespace-cdn.com/content/62b02bda8feb18527e40ab5d/1a636400-09d1-4679-8c23-ad23a104a7e8/youtube+cover-01.png?format=1000w&content-type=image%2Fpng">
<meta name="twitter:image:alt" content="An image with the inscription on a black background in white letters «Master academy educational project»">
<meta name="twitter:url" content="https://mastersacademy.github.io/fe-course-basic-2023">
<meta name="twitter:card" content="summary">
<meta name="twitter:description" content="student projects created on the course «Front-End for Beginners 2023» by Master of Academy">
<link rel="stylesheet" href="./src/styles/styles.css">
<link rel="stylesheet" href="./src/styles/style.css">
<link rel="icon" type="image/x-icon" href="./src/favicon.png">
<title>Hall of Fame</title>
</head>
<body>
<main>
<h1>MA Projects</h1>
<ul>
<li>
David Tereshchenko - <a href="./DavidTereshchenko/index.html">Final Project</a>
</li>
<li>
Bogdandrummer - <a href="./Bogdandrummer/index.html">Games Project</a>
</li>
<li>
<div class="wrapper">
<header class="head">
<nav class="header__menu">
<a href="https://www.mastersacademy.education/frontend-for-beginners-it" class="header__logo">
<img src="./src/images/main_logo.svg" alt="logo">
</a>
<div class="menu__field">
<img class="burger" src="./src/images/burger.svg" alt="burger" data-burger>
<ul class="menu__list" data-menu__list>
<li>
<a class="menu__link-about" href="index.html">Hall of Fame</a>
</li>
<li>
<a class="menu__link-about" href="https://www.mastersacademy.education/events-9">Season 9</a>
</li>
<li>
<a class="menu__link-about" href="https://www.mastersacademy.education/about-project">About the
project</a>
</li>
<li>
<a class="menu__link-about" href="https://www.mastersacademy.education/it-courses">Library of IT
courses</a>
</li>
<li>
<a class="menu__link-about" href="https://www.mastersacademy.education/blagodiynist">Charity</a>
</li>
<li>
<a class="menu__link-about menu__button"
href="https://www.mastersacademy.education/events-9">Сhoose a course</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="main container">
<h1 class="main__title">Hall of Fame</h1>
<div class="main__description">
<p class="text__description">Welcome to our Hall of Fame! Browse through the graduation projects
from the
<a class="text__link" href="https://www.mastersacademy.education/frontend-for-beginners-it">'Frontend for
Beginners 2023'
course </a>
at Masters Academy.
</p>
<p class="text__description">In this study-for-donation initiative, participants learned the basics of web
development, covering HTML,
CSS, and JS.</p>
<p class="text__description">Interested in other courses like Databases, AI, Softskills,
and more? Explore your options
<a class="text__link" href="https://www.mastersacademy.education/events-9">here</a>.
</p>
</div>
<template data-template>
<section class="card">
<div class="card__information">
<img class="card__img" src="./src/img/title_pokemon.png" alt="pokemon" data-template-image>
<h2 class="card__title" data-template-project-name>Project Pokemon</h2>
<div class="card__information-text">
<span class="card__text">by</span>
<span class="card__text" data-template-name>Ivan Ivanov</span>
</div>
<div class="card__overlay">
<p class="card__overlay-text">
This is a project about Pokemon, or about Games.
Depending on what kind of card😅🙈
</p>
</div>
</div>
<div class="card__social">

Taras Bobov - <a href="./LotusElize/index.html">Final project</a>
</li>
<li>
</div>
<form class="card__btn-form" action="#" target="./blank" data-template-form>
<button type="submit" class="card__btn-button">visit site</button>
</form>
</section>
</template>
<div class="card-container" data-card-container>

Andrii Morozov - <a href="./AndriiMorozov88/about.html">Lecture 5</a>
</li>
<li>
Mariia Demchenko - <a href="./demasha0908/index.html">Final project</a>
</li>
<li>
Sviatoslav Taranenko - <a href="./SviatoslavTaranenko/index.html">Final Project</a>

</li>
<li>
Dmytro Shevchenko - <a href="./dmytro-shevchenko1/GamesProject/index.html">Games Project</a>
</li>
<li>
Serhii Noskov - <a href="./SerhiiNSN/index.html">Final Project</a>
</li>
<li class="allocene">
Artur Kobyliatsky - <a href="./Allocene/index.html">Final Project</a>
</li>
<li>
Ihor Zapisochniy - <a href="./IgorFromUA/index.html">Final project</a>
</li>
<li>
Lesia Turuta - <a href="./lesiaturuta/PokemonProject/login.html">Pokemons</a>
</li>
<li>
Rostyslav Vyshemirskyi - <a href="./rooosss/index.html">Final Project</a>
</li>
<li>
Vladyslav Brusentsov - <a href="./vBrusentsov/index.html">Final Project</a>
</li>
<li>
Max Snischuk - <a href="./snischuk/index.html">Final Project</a>
</li>
<li>
Kostiantyn Nosatskyi - <a href="./kostiantyn.nosatskyi/PokemonProject/index.html">Lecture 5</a>
</li>
<li>
Ekaterina Sharova - <a href="./rogerosha/index.html">Final Project</a>
</li>
<li>
Igor Orel - <a href="./igor0806/GamesProject/index.html">Games Project</a>
</li>
</ul>
</main>
</div>
<template>
<a href="#" class="social__link">
<div class="social__img-instagram social__img">
</div>
</a>
</template>
<template>
<a href="#" class="social__link">
<div class="social__img-facebook social__img">
</div>
</a>
</template>
<template>
<a href="#" class="social__link">
<div class="social__img-linkedIn social__img">
</div>
</a>
</template>
<template>
<a href="#" data-telegram class="social__link">
<div class="social__img-telegram social__img">
</div>
</a>
</template>
<template>
<a href="#" class="social__link">
<div class="social__img-gmail social__img">
</div>
</a>
</template>
<template>
<a href="#" class="social__link">
<div class="social__img-github social__img">
</div>
</a>
</template>
</main>
<footer class="footer">
<ul class="footer__logos-social">
<li class="social__item">
<a href="https://www.facebook.com/">
<svg class="svg" width="42" height="42">
<use xlink:href="./src/images/sprite.svg#facebook"></use>
</svg>
</a>
</li>
<li class="social__item">
<a href="https://www.linkedin.com/">
<svg class="svg" width="42" height="42">
<use xlink:href="./src/images/sprite.svg#linked_in"></use>
</svg>
</a>
</li>
<li class="social__item">
<a href="https://www.instagram.com/">
<svg class="svg" width="42" height="42" fill="red">
<use xlink:href="./src/images/sprite.svg#instagram"></use>
</svg>
</a>
</li>
</ul>
<h2 class="footer__title">Made with 💗 on course 'Frontend for beginners' from Masters Academy in 2023</h2>
</footer>
</div>
<script src="./src/js/header.js"></script>
<script type="module" src="./src/js/cards.js"></script>
</body>
</html>
</html>
6 changes: 3 additions & 3 deletions docs/kostiantyn.nosatskyi/PokemonProject/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,9 +57,9 @@ <h1 class="title__txt">About me</h1>
<footer>
<div class="footer__container">
<div class="footer__social-img">
<img class="social-img" src="./img/facebook.png" alt="facebook">
<img class="social-img" src="./img/linkedin.png" alt="linkedin">
<img class="social-img" src="./img/instagram.png" alt="instagram">
<img class="social-img" src="img/facebook.png" alt="facebook">
<img class="social-img" src="img/linkedin.png" alt="linkedin">
<img class="social-img" src="img/instagram.png" alt="instagram">
</div>
<div class="footer__txt">
<span class="footer__main-txt">Made with
Expand Down
Binary file added docs/src/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.
1 change: 1 addition & 0 deletions docs/src/images/burger.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/src/images/favicon.ico
View file
Open in desktop
Binary file not shown.
Loading
Loading