Skip to content

Commit

Permalink
minor updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@neSpecc
neSpecc committed Dec 20, 2024
1 parent daa1fc2 commit 4b2ff76
Show file tree
Hide file tree
Showing 5 changed files with 275 additions and 199 deletions.
5 changes: 0 additions & 5 deletions assets/svg/locale-version.svg
View file

This file was deleted.

45 changes: 25 additions & 20 deletions components/contact.vue
View file
Original file line number Diff line number Diff line change
@@ -1,13 +1,15 @@
<template>
<div :class="['box', inputActive && 'box__active']">
<div class="contact">
<div :class="[`div-${$props.titleSize}`, `div`, inputActive && 'div__active']">{{ $props.title }}</div>
<div :class="[`div-${$props.titleSize}`, `div`, inputActive && 'div__active']">
{{ $props.title }}
</div>
<p :class="['team-hawk-so-t-me', inputActive && 'team-hawk-so-t-me__active']">
Чтобы начать сотрудничество или получить больше информации, напишите нам на
<a href="mailto:[email protected]"> [email protected]</a>
или в телеграм
<a href="https://t.me/+xWe73YEfIVRlNmYy">t.me/hawk⁠-⁠support</a>.
<br />
<a href="https://t.me/hawk_tracker">t.me/hawk_tracker</a>.
<br>
<span class="text-wrapper">
Либо оставьте почту:
</span>
Expand All @@ -16,23 +18,27 @@
v-if="mail === '' || mail === undefined"
class="bottom-container"
@submit.prevent="notify(inputData)"
>
>
<div class="frame">
<input
required
:value="inputData"
:class="['input-style', inputActive && 'input-style-active']"
@input="inputData = $event.target.value"
type="email"
placeholder="[email protected]" />
placeholder="[email protected]"
@input="inputData = $event.target.value"
>
</div>
<button class="div-wrapper">
<div class="text-wrapper-3">Получить информацию</div>
<div class="text-wrapper-3">
Получить информацию
</div>
</button>
</form>
<div v-else
<div
v-else
class="bottom-container, bottom-container__text"
>
>
Спасибо, мы свяжемся с вами по почте <b>{{ mail }}</b>
</div>
</div>
Expand All @@ -56,38 +62,37 @@ export default Vue.extend({
},
mail: {
type: String,
required: true
required: true,
},
},
data() {
return {
inputData: this.mail,
}
};
},
watch: {
mail(newMail) {
this.inputData = newMail;
},
},
methods: {
notify: function(message: string): void {
notify(message: string): void {
fetch('https://notify.bot.codex.so/u/U8S04KRK5R51', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
'Content-Type': 'application/x-www-form-urlencoded',
},
body: new URLSearchParams({
'message': message
})
})
.then(_ => {
this.$emit('update:mail', this.inputData);
message,
}),
})
.catch(error => console.error('Error:', error));
.then((_) => {
this.$emit('update:mail', this.inputData);
})
.catch(error => console.error('Error:', error));
},
},
});
</script>

Expand Down
71 changes: 45 additions & 26 deletions components/grid-info.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,71 +3,86 @@
<div class="grid">
<div class="block">
<div class="grid__block">
<h2 class="title">Open Source</h2>
<div class="text">Исходный код открыт<br/>для исследования и обсуждения</div>
<h2 class="title">
Open Source
</h2>
<div class="text">
Исходный код открыт<br>для исследования и обсуждения
</div>
</div>
<div class="grid__block">
<div class="title">100 000 000</div>
<div class="text">Событий обрабатывается<br>каждый день</div>
<div class="title">
100 000 000
</div>
<div class="text">
Событий обрабатывается<br>каждый день
</div>
</div>
</div>
<div class="grid__block">
<h2 class="title">Проверено продуктами</h2>
<div class="text">Hawk используется рядом хорошо известных продуктов.<br>И еще большим количеством менее известных.</div>
<h2 class="title">
Проверено продуктами
</h2>
<div class="text">
Hawk используется рядом хорошо известных продуктов.<br>И еще большим количеством менее известных.
</div>
<div class="products">
<VcIcon class="svg, products__box1"/>
<DtfIcon class="svg, products__box2"/>
<EditorIcon class="svg, products__box3"/>
<HeykaIcon class="svg, products__box4"/>
<TjIcon class="svg, products__box5"/>
<VcIcon class="svg, products__box1" />
<DtfIcon class="svg, products__box2" />
<EditorIcon class="svg, products__box3" />
<HeykaIcon class="svg, products__box4" />
<TjIcon class="svg, products__box5" />
</div>
</div>
</div>
<div class="grid__block">
<div class="stack">
<div class="cell">
<img src='~/assets/svg/ru/vue.svg' class="svg"/>
<img src="~/assets/svg/ru/vue.svg" class="svg">
</div>
<div class="cell">
<img src='~/assets/svg/ru/vite.svg' class="svg"/>
<img src="~/assets/svg/ru/vite.svg" class="svg">
</div>
<div class="cell">
<img src='~/assets/svg/ru/webpack.svg' class="svg"/>
<img src="~/assets/svg/ru/webpack.svg" class="svg">
</div>
<div class="cell">
<img src='~/assets/svg/ru/js.svg' class="svg"/>
<img src="~/assets/svg/ru/js.svg" class="svg">
</div>
<div class="cell">
<img src='~/assets/svg/ru/node.svg' class="svg"/>
<img src="~/assets/svg/ru/node.svg" class="svg">
</div>
<div class="cell">
<img src='~/assets/svg/ru/kotlin.svg' class="svg"/>
<img src="~/assets/svg/ru/kotlin.svg" class="svg">
</div>
<div class="cell">
<img src='~/assets/svg/ru/python.svg' class="svg"/>
<img src="~/assets/svg/ru/python.svg" class="svg">
</div>
<div class="cell">
<img src='~/assets/svg/ru/go.svg' class="svg"/>
<img src="~/assets/svg/ru/go.svg" class="svg">
</div>
<div class="cell">
<img src='~/assets/svg/ru/php.svg' class="svg"/>
<img src="~/assets/svg/ru/php.svg" class="svg">
</div>
</div>
<h2 class="title">Поддерживает <br/>ваши технологии</h2>
<div class="text">Хоук имеет интеграции с популярными<br/>технологиями и фреймворками. </div>
<h2 class="title">
Поддерживает <br>ваши технологии
</h2>
<div class="text">
Хоук имеет <a href="https://docs.hawk.so/integrations">интеграции</a> с популярными<br>технологиями и фреймворками.
</div>
</div>
</div>
</template>

<script lang="ts">
import Vue from 'vue';
import VcIcon from '~/assets/svg/ru/vc.svg?inline';
import DtfIcon from '~/assets/svg/ru/dtf.svg?inline';
import EditorIcon from '~/assets/svg/ru/editorjs.svg?inline';
import HeykaIcon from '~/assets/svg/ru/heyka.svg?inline';
import TjIcon from '~/assets/svg/ru/notex.svg?inline';
import Vue from 'vue';
export default Vue.extend({
components: {
VcIcon,
Expand All @@ -79,9 +94,9 @@ export default Vue.extend({
data() {
return {
svgUrls: [
]
],
};
}
},
});
</script>

Expand All @@ -107,6 +122,10 @@ export default Vue.extend({
@media(--screen-mobile) {
padding: 20px 30px;
}
a {
text-decoration: underline;
}
}
}
Expand Down
10 changes: 2 additions & 8 deletions components/site-header.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,25 +18,19 @@
src="~/assets/images/hawk-logo.png"
alt="Hawk.so logo"
>
Hawk
Хоук
</a>
<div class="site-header__menu">
<a href="https://docs.hawk.so/">Документация</a>
<a href="https://codex.so/hawk-overview">О проекте</a>
<div
class="site-header__menu__local-version"
>
<img src="~/assets/svg/locale-version.svg" class="site-header__menu__local-version-svg"/>
<div class="text-container">Локализованная версия</div>
</div>
</div>
<a
href="https://github.com/codex-team/hawk.mono"
class="site-header__menu-logo"
>
<img
src="~/assets/svg/ru/github.svg"
/>
>
</a>
</div>
</div>
Expand Down
Loading

0 comments on commit 4b2ff76

Please sign in to comment.