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

"Companies and connections" review #22

Merged
merged 5 commits into from
Jan 2, 2025
Merged

"Companies and connections" review #22

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
7ec7842
"Companies and connections" review
YaroslavPodorvanov Jan 1, 2025
3e85951
Use the same logo for companies as for vacancies
YaroslavPodorvanov Jan 2, 2025
c617526
Recover the missing wrapper
YaroslavPodorvanov Jan 2, 2025
43aa74b
Remove the extra symbols
YaroslavPodorvanov Jan 2, 2025
d6796fb
Publish changes
YaroslavPodorvanov Jan 2, 2025
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
365 changes: 183 additions & 182 deletions public/connections.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,205 +55,206 @@ <h3 class="header__logo-title">ReadyToTouch</h3>

<div class="main-container main-container--connections">
<h1 class="connections__title">Companies & Connections</h1>

<section class="search">
<h3 class="search__group-title">Add company to your list</h3>
<div class="search__input-group-button">
<label class="search__label" for="company">Company LinkedIn profile URL</label>
<div class="search__input-button-group">
<input class="search__input" id="company" type="text" placeholder="Enter company LinkedIn profile URL"/>
<a href="#" class="button button--small-padding button--black">Add</a>
</div>
</div>
<h3 class="search__group-title">Add company to your list</h3>
<div class="search__input-group-button">
<label class="search__label" for="company">Company LinkedIn profile URL</label>
<div class="search__input-button-group">
<input class="search__input" id="company" type="text" placeholder="Enter company LinkedIn profile URL"/>
<a href="#" class="button button--small-padding button--black">Add</a>
</div>
</div>
</section>
<div class="search-result mt-32">
<div class="container">
<div class="search-result__wrapper">
<!-- filters -->
<aside class="search-result__filters">
<div class="search-result__filter-group">
<div class="search-result__filter-header">
<h2 class="search-result__filter-headline">Connections settings</h2>
</div>

<div class="filters filters__with-footer">
<div class="filters__group">
<div class="filters__elements">
<div class="textarea">
<label for="textarea" class="textarea__label">
Keywords
</label>
<textarea id="textarea" class="textarea__item textarea__item--filter" placeholder="Position title, level, or other keywords..."></textarea>
</div>
<div class="container">
<div class="search-result__wrapper">
<!-- filters -->
<aside class="search-result__filters">
<div class="search-result__filter-group">
<div class="search-result__filter-header">
<h2 class="search-result__filter-headline">Connections settings</h2>
</div>

</div>
<div class="filters__elements">
<label for="location" class="textarea__label">
Keywords
</label>
<select name="location" id="location" class="select select--filter">
<option value="all" selected>All location</option>
<option value="worldwide">Worldwide</option>
</select>
</div>
</div>
</div>
<button class="button button--bordered-universe button--full">Update list</button>
</div>
<div class="filters filters__with-footer">
<div class="filters__group">
<div class="filters__elements">
<div class="textarea">
<label for="textarea" class="textarea__label">
Keywords
</label>
<textarea id="textarea" class="textarea__item textarea__item--filter" placeholder="Position title, level, or other keywords..."></textarea>
</div>
</div>
<div class="filters__elements">
<label for="location" class="textarea__label">
Keywords
</label>
<select name="location" id="location" class="select select--filter">
<option value="all" selected>All location</option>
<option value="worldwide">Worldwide</option>
</select>
</div>
</div>
</div>
<button class="button button--bordered-universe button--full">Update list</button>
</div>
</aside>

<!-- /filters -->
<div class="search-result--group">
<div id="search_result_list" class="search-result__list">
<p class="search-result-found"><span class="search-result-found__amount">0</span> companies</p>
<div class="search-result__cards row-gap-8 mt-24">
<div class="card card--attach">
<div class="card__header">
<a href="/page-stub.html" class="button-link card__headline">Google</a>
</div>

<div class="card__group">
<div class="card__group-block">
<a class="card__group-item button-link" href="#">Connections 1st</a>
<a class="card__group-item button-link" href="#">Connections 2nd</a>
</div>
<div class="card__group-block">
<a class="card__group-item button-link" href="#">Connections 1st X</a>
<a class="card__group-item button-link" href="#">Connections 2nd X</a>
</div>
</div>
</div>
<div class="card">
<aside class="card__action">
<button class="button-group__item" title="Delete connection">
<img width="20" height="20" alt="icon stats" src="/assets/images/pages/common/trash.svg" />
</button>
</aside>
<div class="card__header">`
<a href="/page-stub.html" class="button-link card__headline">Google</a>
</div>
<!-- /filters -->
<div class="search-result--group">
<div id="search_result_list" class="search-result__list">
<p class="search-result-found"><span class="search-result-found__amount">0</span> companies</p>
<div class="search-result__cards row-gap-8 mt-24">
<div class="card card--attach">
<div class="card__header">
<a href="/page-stub.html" class="button-link card__headline">Google</a>
</div>

<div class="card__group">
<div class="card__group-block">
<a class="card__group-item button-link" href="#">Connections 1st</a>
<a class="card__group-item button-link" href="#">Connections 2nd</a>
</div>
<div class="card__group-block">
<a class="card__group-item button-link" href="#">Connections 1st X</a>
<a class="card__group-item button-link" href="#">Connections 2nd X</a>
</div>
</div>
<div class="card__group">
<div class="card__group-block">
<a class="card__group-item button-link" href="#">Connections 1st</a>
<a class="card__group-item button-link" href="#">Connections 2nd</a>
</div>
<div class="card__group-block">
<a class="card__group-item button-link" href="#">Connections 1st X</a>
<a class="card__group-item button-link" href="#">Connections 2nd X</a>
</div>
</div>
</div>

<div class="card">
<aside class="card__action">
<button class="button-group__item" title="Delete connection">
<img width="20" height="20" alt="icon stats" src="/assets/images/pages/common/trash.svg" />
</button>
</aside>
<div class="card__header">`
<a href="/page-stub.html" class="button-link card__headline">Google</a>
</div>
<div class="card">
<aside class="card__action">
<button class="button-group__item" title="Delete connection">
<img width="20" height="20" alt="icon stats" src="/assets/images/pages/common/trash.svg"/>
</button>
</aside>
<div class="card__header">
<a href="/page-stub.html" class="button-link card__headline">Google</a>
</div>

<div class="card__group">
<div class="card__group-block">
<a class="card__group-item button-link" href="#">Connections 1st</a>
<a class="card__group-item button-link" href="#">Connections 2nd</a>
</div>
<div class="card__group-block">
<a class="card__group-item button-link" href="#">Connections 1st X</a>
<a class="card__group-item button-link" href="#">Connections 2nd X</a>
</div>
</div>
<div class="card__group">
<div class="card__group-block">
<a class="card__group-item button-link" href="#">Connections 1st</a>
<a class="card__group-item button-link" href="#">Connections 2nd</a>
</div>
<div class="card__group-block">
<a class="card__group-item button-link" href="#">Connections 1st X</a>
<a class="card__group-item button-link" href="#">Connections 2nd X</a>
</div>
</div>
</div>

</div>
<div id="search_result_empty_block" class="search-result__empty d-none">
<div id="search_result_no_companies" class="search-result__empty-content">
<img class="search-result__empty-image" src="/assets/images/pages/common-images/📂.png" alt="">
<h2 class="search-result__title">No companies yet</h2>
<p class="search-result__subtitle">
Add companies to appear in the list
</p>
</div>
</div>
</div>
</div>
<div class="card">
<aside class="card__action">
<button class="button-group__item" title="Delete connection">
<img width="20" height="20" alt="icon stats" src="/assets/images/pages/common/trash.svg"/>
</button>
</aside>
<div class="card__header">
<a href="/page-stub.html" class="button-link card__headline">Google</a>
</div>

</div>
</div>
<div class="card__group">
<div class="card__group-block">
<a class="card__group-item button-link" href="#">Connections 1st</a>
<a class="card__group-item button-link" href="#">Connections 2nd</a>
</div>
<div class="card__group-block">
<a class="card__group-item button-link" href="#">Connections 1st X</a>
<a class="card__group-item button-link" href="#">Connections 2nd X</a>
</div>
</div>
</div>

</div>
</div>
<div id="search_result_empty_block" class="search-result__empty d-none">
<div id="search_result_no_companies" class="search-result__empty-content">
<img class="search-result__empty-image" src="/assets/images/pages/common-images/📂.png" alt="">
<h2 class="search-result__title">No companies yet</h2>
<p class="search-result__subtitle">
Add companies to appear in the list
</p>
</div>
</div>
</div>
</div>

</main>
<footer class="footer">
<div class="footer__overlay">
<div class="footer__wrapper">
<div class="footer__group">
<div class="footer__info">
<a href="/" class="footer__title">
<h3 class="footer__title-link">ReadyToTouch</h3>
</a>
<p class="footer__subtitle">Space to help you find jobs</p>
<img width="98"
height="64"
loading="lazy"
class="footer__ukraine-map"
src="/assets/images/pages/online-new/ukraine-map.svg"
alt="Map of Ukraine"
>
</div>
<div class="footer__right-side">
<iframe class="footer__stars"
src="https://ghbtns.com/github-btn.html?user=readytotouch&repo=readytotouch.github.io&type=star&count=true&size=large"
width="168"
height="33"
title="GitHub"
></iframe>
<div class="footer__support">
<a href="https://savelife.in.ua/en/" target="_blank" class="button button--bordered-gray footer__link">
<figure class="footer__support-figure">
<img width="49"
height="23"
src="/assets/images/pages/common-images/come_back_alive.svg"
alt="come back alive logo"
>
<figcaption class="footer__support-caption">Support</figcaption>
</figure>
<div class="footer__support-icon-box">
<img width="18"
height="18"
src="/assets/images/pages/common/external-link.svg"
alt="external link icon"
>
</div>
</a>
<a href="https://war.ukraine.ua/" target="_blank" class="button button--bordered-gray footer__link">
war.ukraine.ua
<div class="footer__support-icon-box">
<img width="18"
height="18"
src="/assets/images/pages/common/external-link.svg"
alt="external link icon"
>
</div>
</a>
</div>
</div>
</div>
<div class="footer__copyrights">
&copy; 2024 Yaroslav Podorvanov
<img width="24"
height="24"
class="footer__flag-ua"
src="/assets/images/pages/online-new/ua_flag_with_waves.svg"
alt="Flag of Ukraine"
>
</div>
</div>
</div>
</footer>
</div>

</div>

</body>
</html>
</main>
<footer class="footer">
<div class="footer__overlay">
<div class="footer__wrapper">
<div class="footer__group">
<div class="footer__info">
<a href="/" class="footer__title">
<h3 class="footer__title-link">ReadyToTouch</h3>
</a>
<p class="footer__subtitle">Space to help you find jobs</p>
<img width="98"
height="64"
loading="lazy"
class="footer__ukraine-map"
src="/assets/images/pages/online-new/ukraine-map.svg"
alt="Map of Ukraine"
>
</div>
<div class="footer__right-side">
<iframe class="footer__stars"
src="https://ghbtns.com/github-btn.html?user=readytotouch&repo=readytotouch.github.io&type=star&count=true&size=large"
width="168"
height="33"
title="GitHub"
></iframe>
<div class="footer__support">
<a href="https://savelife.in.ua/en/" target="_blank" class="button button--bordered-gray footer__link">
<figure class="footer__support-figure">
<img width="49"
height="23"
src="/assets/images/pages/common-images/come_back_alive.svg"
alt="come back alive logo"
>
<figcaption class="footer__support-caption">Support</figcaption>
</figure>
<div class="footer__support-icon-box">
<img width="18"
height="18"
src="/assets/images/pages/common/external-link.svg"
alt="external link icon"
>
</div>
</a>
<a href="https://war.ukraine.ua/" target="_blank" class="button button--bordered-gray footer__link">
war.ukraine.ua
<div class="footer__support-icon-box">
<img width="18"
height="18"
src="/assets/images/pages/common/external-link.svg"
alt="external link icon"
>
</div>
</a>
</div>
</div>
</div>
<div class="footer__copyrights">
&copy; 2024 Yaroslav Podorvanov
<img width="24"
height="24"
class="footer__flag-ua"
src="/assets/images/pages/online-new/ua_flag_with_waves.svg"
alt="Flag of Ukraine"
>
</div>
</div>
</div>
</footer>

</body>
</html>

Loading