Commit 703db646 authored by Wolf's avatar Wolf 💯
Browse files

make titles smaller, made some text fit better

parent 96cb02fe
......@@ -27,10 +27,10 @@ export default {
pwa: {
meta: {
charset: 'utf-8',
author: 'Hive - The Blockchain & Cryptocurrency for Web 3.0',
name: 'Hive - The Blockchain & Cryptocurrency for Web 3.0',
ogTitle: 'Hive - The Blockchain & Cryptocurrency for Web 3.0',
ogSiteName: 'Hive - The Blockchain & Cryptocurrency for Web 3.0',
author: 'Hive - The Blockchain & Cryptocurrency for Web3',
name: 'Hive - The Blockchain & Cryptocurrency for Web3',
ogTitle: 'Hive - The Blockchain & Cryptocurrency for Web3',
ogSiteName: 'Hive - The Blockchain & Cryptocurrency for Web3',
description:
'Hive is a DPoS powered blockchain & cryptocurrency. Fast. Scalable. Powerful. Hive has a thriving ecosystem of dapps, communities & individuals.',
ogType: 'website',
......
......@@ -58,6 +58,11 @@ h3 {
margin: 0 0 8px 0;
}
h4 {
font-size: 2rem;
margin: 0 0 8px 0;
}
@media (max-width: 800px) {
h1 {
font-size: 3.4rem;
......
<template>
<div class="contributors">
<h2 style="text-align: center">Built by the community</h2>
<h2 style="text-align: center">Our Builders</h2>
<div class="contributors__subtitle">
We're a decentralized project, running on more than
{{ CONTRIBUTORS.length }} people contributing regularly to the Hive
......
<template>
<div class="updates">
<h2 style="text-align: center; margin-bottom: 40px">Newest Updates</h2>
<UpdatesUpdate class="updates__update" :item="UPDATES[0]" :big="true" />
<div class="updates__smaller">
......
......@@ -20,7 +20,7 @@ export default {
},
},
about: {
title: 'Developed for Web',
title: 'Built for Web',
text: `Hive is an innovative and forward-looking decentralized blockchain and ecosystem, designed to scale with widespread adoption of the currency and platforms in mind. By combining the lightning-fast processing times and fee-less transactions, Hive is positioned to become one of the leading Web 3.0 blockchains used by people around the world.`,
featureFast: 'Fast',
featureFastText: 'Transactions take less than 3 seconds',
......
......@@ -16,34 +16,35 @@
</div>
<div v-if="$route.name === 'about'" class="about__first">
<img
v-if="false"
class="about__titleImage"
src="~/assets/images/progressiveApp.svg"
/>
<h1 class="about__title">
{{ $t(`about.title`) }} 3<span style="color: #e31337">.</span>0
</h1>
<h2 class="about__title">
{{ $t(`about.title`) }}<span style="color: #e31337">3</span>
</h2>
<p class="about__text">{{ $t('about.text') }}</p>
<!-- <h2 style="opacity: 0.5; margin-top: 120px">Why choose Hive?</h2> -->
<div>
<div class="about__feature">
<h2 class="about__feature__text">{{ $t('about.featureFast') }}.</h2>
<h3>{{ $t('about.featureFastText') }}</h3>
<h3 class="about__feature__text">{{ $t('about.featureFast') }}.</h3>
<h4>{{ $t('about.featureFastText') }}</h4>
</div>
<div class="about__feature">
<h2 class="about__feature__text">
<h3 class="about__feature__text">
{{ $t('about.featureScalable') }}.
</h2>
<h3>{{ $t('about.featureScalableText') }}</h3>
</h3>
<h4>{{ $t('about.featureScalableText') }}</h4>
</div>
<div class="about__feature">
<h2 class="about__feature__text">
<h3 class="about__feature__text">
{{ $t('about.featurePowerful') }}.
</h2>
<h3>
{{ $t('about.featurePowerfulText') }}
</h3>
<h4>
{{ $t('about.featurePowerfulText') }}
</h4>
</div>
</div>
</div>
......@@ -95,7 +96,7 @@ export default defineComponent({
flex-flow: row wrap;
justify-content: center;
margin-top: 20px;
margin-bottom: 50px;
margin-bottom: 40px;
&__item {
flex: 1;
......@@ -128,6 +129,10 @@ export default defineComponent({
}
h3 {
font-size: 2.4rem;
}
h4 {
font-size: 1.2rem;
font-weight: 400;
text-align: left !important;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment