Skip to content

Commit

Permalink
"Companies and connections" review (#22)
Browse files Browse the repository at this point in the history 
* "Companies and connections" review

* Use the same logo for companies as for vacancies

* Recover the missing wrapper

* Remove the extra symbols

* Publish changes
  • Loading branch information
@YaroslavPodorvanov
YaroslavPodorvanov authored Jan 2, 2025
1 parent e883566 commit 2d61d5c
Show file tree
Hide file tree
Showing 24 changed files with 914 additions and 914 deletions.
365 changes: 183 additions & 182 deletions public/connections.html
View file
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

0 comments on commit 2d61d5c

Please sign in to comment.