Skip to content

Add proper typography for main page #54

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

Merged
merged 1 commit into from
Jun 12, 2024
Merged

Add proper typography for main page #54

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
9 changes: 8 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,14 @@
# TechInterviewer.space
# TechInterview.space

Frontend part of the [Techinterview.space](https://techinterview.space)

## Tech stack

- Angular 17

## How to run locally

```sh
npm install
npm start
```
18 changes: 7 additions & 11 deletions src/app/modules/home/components/about-us/about-us.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,8 +45,7 @@
<a
class="text-reset link-without-underline"
href="https://digitalbusiness.kz/2024-03-12/almatinets-sozdal-servis-dlya-sbora-dannih-o-zarplatah-kazahstanskih-aytishnikov/"
target="_blank"
>
target="_blank">
Алматинец создал сервис для сбора информации о зарплатах
казахстанских айтишников </a
>, Digital Business, 13 марта 2024
Expand Down Expand Up @@ -152,22 +151,22 @@
</div>

<div class="mb-3 mt-5">
<div class="mb-1 h5">Солидному проекту - свой маскот</div>
<div class="mb-1 h5">Солидному проекту &mdash; свой маскот</div>
<div class="mt-2">
<div class="mb-2">
Так как проект был разработан еще в 2021 году, тогда же я взял
стоковую векторную картинку просто такую, чтоб была. Невычурную,
аккуратную. Сойдет.
</div>
<div class="mb-2">
С января 2024го года я добавил новый модуль - зарплаты. Теперь
С января 2024го года я добавил новый модуль &mdash; зарплаты. Теперь
единственная картинка не отражает суть проекта, да и мало кто
пользуется разделом заметок. Решил, что нужно искать новые картинки
на сайт, а может даже и завести маскота проекта. Что ж, раз решил,
значит нужно претворять в жизнь.
</div>
<div class="mb-2">
С весны у проекта теперь будет свой маскот - кот Магеллан.
С весны у проекта теперь будет свой маскот &mdash; кот Магеллан.
</div>
<div class="mb-2">
Магеллан любит писать заметки, смотреть всякие графики, но больше
Expand All @@ -182,8 +181,7 @@
<img
src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/cats/vexi_magellain.jpg"
class="img-fluid rounded"
alt="Magellain and Vexi"
/>
alt="Magellain and Vexi" />
</div>
<div class="text-muted small">Магеллан и Векси вместе</div>
</div>
Expand All @@ -192,8 +190,7 @@
<img
src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/cats/magellain.jpg"
class="img-fluid rounded"
alt="Magellain"
/>
alt="Magellain" />
</div>
<div class="text-muted small">Магеллан позирует для фото</div>
</div>
Expand All @@ -203,8 +200,7 @@
<img
src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/cats/vexi.jpg"
class="img-fluid rounded"
alt="Vexi"
/>
alt="Vexi" />
</div>
<div class="text-muted small">
Векси делает вид, что не фоткается
Expand Down
60 changes: 25 additions & 35 deletions src/app/modules/home/components/home/home.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,17 +1,11 @@
<div class="container">

<div *ngIf="loaded; else notLoaded">
<div *ngIf="showUwu; else noUwu" class="pt-5">
<div class="d-flex flex-column justify-content-center align-items-center">
<div class="mb-3 uwu-image">
<img
src="{{getUwuLink()}}"
alt="UwU"
class="img-fluid"
/>
<img src="{{ getUwuLink() }}" alt="UwU" class="img-fluid" />
</div>
<div
class="display-1 uwu-title">Зарплаты в IT</div>
<div class="display-1 uwu-title">Зарплаты в IT</div>
</div>
</div>
</div>
Expand All @@ -28,13 +22,13 @@
Казахстане.
</div>
<div class="mt-1 feature-subtitle">
В 2024 году мы решили, что не хватает актуальной и публичной
статистики по зарплатам в IT сфере в казахстанских компаниях, и
нужно это исправить.
В 2024 году мы решили, что на рынке не хватает актуальной и
публичной статистики по зарплатам в IT сфере в казахстанских
компаниях, и нужно это исправить.
</div>
<div class="feature-subtitle">
Хочешь узнать, сколько попросить в следующий раз на собеседовании -
посмотри в собранной статистике.
Хочешь узнать, сколько попросить в следующий раз на собеседовании
&mdash; посмотри в собранной статистике.
</div>
<div class="mt-5">
<a routerLink="/salaries" class="btn btn-huge btn-primary"
Expand All @@ -46,8 +40,7 @@
<img
class="img-fluid"
src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_charts_transparent_1000.png"
alt="Main"
/>
alt="Main" />
</div>
</div>
</div>
Expand All @@ -60,8 +53,8 @@
<div class="feature-title">Заметки к техническим интервью</div>
<div class="mt-3 feature-subtitle">
Если ты проводишь технические собеседования и хочешь создать шаблон
и сохранять фидбеки, чтобы потом делиться ими с коллегами - тебе
сюда.
и сохранять фидбеки, чтобы потом делиться ими с коллегами &mdash;
тебе сюда.
</div>
<div class="mt-5">
<a routerLink="/interviews" class="btn btn-huge btn-outline-primary"
Expand All @@ -74,8 +67,7 @@
<img
class="img-fluid"
src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_interview_transparent_1000.png"
alt="Main"
/>
alt="Main" />
</div>
</div>
</div>
Expand All @@ -84,40 +76,40 @@
<div class="feature bg-white">
<div class="container">
<div class="feature-title">
Наш проект - некоммерческий и в свободном доступе.
Наш проект &mdash; некоммерческий и в свободном доступе.
</div>
<div class="mt-1 feature-title">Так будет всегда.</div>
<div class="mt-3 feature-subtitle">
Мы верим, что этот проект должен быть бесплатным для всех. Мы открыли
исходный код и будем рады новым контрибьютерам.
Мы&nbsp;верим, что этот проект должен быть бесплатным для всех.
Мы&nbsp;открыли исходный код и&nbsp;будем рады новым контрибьюторам.
</div>
<div class="mt-1 feature-subtitle">
Если вы хотите поддержать нас, то тут наш донатом на бусти. Мы
благодарны любой помощи.
Вы можете поддержать через Boosty или купить нам кофе с помощью кнопок
ниже. Мы благодарны любой помощи.
</div>
<div class="mb-5 mt-3">
<a
href="https://github.com/orgs/Techinterview-space/repositories"
class="me-3 mb-2 btn btn-lg btn-outline-dark"
target="_blank"
>
rel="noopener noreferrer"
target="_blank">
<i class="bi bi-github me-2"></i>Исходный код</a
>

<a
href="https://buymeacoffee.com/maximgorbatyuk"
rel="noopener noreferrer"
class="me-3 mb-2 btn btn-lg btn-outline-dark"
target="_blank"
>
target="_blank">
<i class="bi bi-cup-hot-fill me-2"></i>Buy me a coffee</a
>

<a
href="https://boosty.to/ake111aa"
rel="noopener noreferrer"
class="me-3 mb-2 btn btn-lg btn-outline-dark"
target="_blank"
>
<i class="bi bi-cash-coin me-2"></i>Поддержать на boosty</a
target="_blank">
<i class="bi bi-cash-coin me-2"></i>Поддержать на Boosty</a
>
</div>
</div>
Expand All @@ -126,7 +118,6 @@

<ng-template #noUwu>
<div class="row pt-5">

<div class="col-sm-6 d-flex align-items-center">
<div class="d-inline-block my-5">
<div class="display-1">Tech.Interview</div>
Expand All @@ -138,12 +129,11 @@
<img
src="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_transparent_1000.png"
alt="Interviewer"
class="img-fluid"
/>
class="img-fluid" />
</div>
</div>
</ng-template>

<ng-template #notLoaded>
<div class="stub"></div>
</ng-template>
</ng-template>
31 changes: 12 additions & 19 deletions src/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,44 +10,36 @@
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<meta
name="description"
content="Зарплаты в IT в Казахстане. Цифры, графики, фильтр. Всё как все мы любим"
/>
content="Зарплаты в IT в Казахстане. Цифры, графики, фильтр. Всё как все мы любим" />
<meta
name="googlebot"
content="Зарплаты в IT в Казахстане. Цифры, графики, фильтр. Всё как все мы любим"
/>
content="Зарплаты в IT в Казахстане. Цифры, графики, фильтр. Всё как все мы любим" />
<meta
name="keywords"
content="salaries, statistic, technical interview, interview, coding"
/>
content="salaries, statistic, technical interview, interview, coding" />
<meta name="copyright" content="Maxim Gorbatyuk" />

<meta property="og:title" content="techinterview.space" />
<meta
property="og:description"
content="Зарплаты в IT в Казахстане. Цифры, графики, фильтр. Всё как все мы любим"
/>
content="Зарплаты в IT в Казахстане. Цифры, графики, фильтр. Всё как все мы любим" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://techinterview.space" />
<meta
property="og:image"
content="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_charts_500.png"
/>
content="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_charts_500.png" />
<meta property="og:site_name" content="techinterview.space" />

<meta
name="twitter:card"
content="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_charts_500.png"
/>
content="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_charts_500.png" />
<meta
name="twitter:image"
content="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_charts_500.png"
/>
content="https://techinterview.fra1.cdn.digitaloceanspaces.com/images/main_charts_500.png" />
<meta name="twitter:title" content="techinterview.space" />
<meta
name="twitter:description"
content="Зарплаты в IT в Казахстане. Цифры, графики, фильтр. Всё как все мы любим"
/>
content="Зарплаты в IT в Казахстане. Цифры, графики, фильтр. Всё как все мы любим" />
<meta name="twitter:site" content="@techinterview" />
<meta name="twitter:creator" content="@maximgorbatyuk" />
</head>
Expand Down Expand Up @@ -91,9 +83,10 @@
<li>
<a
class="footer-link"
href="https://techhunter.kz"
target="_blank"
title="Портал вакансий в IT в Казахстане">
href="https://techhunter.kz"
target="_blank"
title="Портал вакансий в IT в Казахстане"
rel="noopener noreferrer">
<i class="bi bi-chevron-right"></i
><span class="ms-2">Вакансии на techhunter.kz</span>
</a>
Expand Down