ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updatecss for mobile

Browse Source
This commit is contained in:
Ehab Hassan
2021-09-21 15:21:51 +02:00
parent 639154603b
commit 8352693c51
5 changed files with 47 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
content/page/home/home-bg_new.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 342 KiB

4
content/page/home/home.md
View File

@@ -2,10 +2,10 @@
id: home
metaTitle: ThreeFold | Home
metaDesc: ThreeFold is the engine for a planet positive and data sovereign Internet. A collaborative movement of people who care about a better future.
metaImg: ./home_bg.jpg
metaImg: ./home-bg_new.jpg
header_slogan: from zero
header_title: to one
header_image: ./home_bg.jpg
header_image: ./home-bg_new.jpg
header_altImg: threefold
header_excerpt: The digital infrastructure for an interconnected world.

48
src/components/custom/sections/CallToAction.vue
View File

@@ -233,7 +233,7 @@
>{{ cta.video_button }}</a
>
</div> -->
<div class="max-w-7xl mx-auto grid grid-cols-3 gap-4">
<div class="max-w-7xl mx-auto grid lg:grid-cols-3 gap-4">
<a
class="
inline-block
@@ -244,7 +244,8 @@
bo
px-12
py-1
mr-5
lg:mr-5
mx-2
border-2
shadow
border-black
@@ -263,8 +264,9 @@
hover:bg-gray-400
bo
px-12
mx-2
py-1
mr-5
lg:mr-5
border-2
shadow
border-black
@@ -283,7 +285,8 @@
bo
px-12
py-1
mr-5
mx-2
lg:mr-5
border-2
shadow
border-black
@@ -302,8 +305,9 @@
hover:bg-gray-400
bo
px-12
mx-2
py-1
mr-5
lg:mr-5
border-2
shadow
border-black
@@ -321,8 +325,9 @@
hover:bg-gray-400
bo
px-12
mx-2
py-1
mr-5
lg:mr-5
border-2
shadow
border-black
@@ -341,8 +346,9 @@
hover:bg-gray-400
bo
px-12
mx-2
py-1
mr-5
lg:mr-5
border-2
shadow
border-black
@@ -360,8 +366,9 @@
hover:bg-gray-400
bo
px-12
mx-2
py-1
mr-5
lg:mr-5
border-2
shadow
border-black
@@ -380,8 +387,9 @@
hover:bg-gray-400
bo
px-12
mx-2
py-1
mr-5
lg:mr-5
border-2
shadow
border-black
@@ -400,8 +408,9 @@
hover:bg-gray-400
bo
px-12
mx-2
py-1
mr-5
lg:mr-5
border-2
shadow
border-black
@@ -420,8 +429,9 @@
hover:bg-gray-400
bo
px-12
mx-2
py-1
mr-5
lg:mr-5
border-2
shadow
border-black
@@ -440,8 +450,9 @@
hover:bg-gray-400
bo
px-12
mx-2
py-1
mr-5
lg:mr-5
border-2
shadow
border-black
@@ -460,8 +471,9 @@
hover:bg-gray-400
bo
px-12
mx-2
py-1
mr-5
lg:mr-5
border-2
shadow
border-black
@@ -499,7 +511,7 @@
px-12
py-2
mr-5
mb-4
my-2
shadow
rounded-full
"
@@ -517,6 +529,7 @@
px-12
py-1
mr-5
my-2
border-2
shadow
border-black
@@ -537,6 +550,7 @@
px-12
py-1
mr-5
my-2
border-2
shadow
border-black
@@ -556,6 +570,7 @@
px-12
py-1
mr-5
my-2
border-2
shadow
border-black
@@ -576,6 +591,7 @@
px-12
py-1
mr-5
my-2
border-2
shadow
border-black
@@ -595,6 +611,7 @@
px-12
py-1
mr-5
my-2
border-2
shadow
border-black
@@ -615,6 +632,7 @@
px-12
py-1
mr-5
my-2
border-2
shadow
border-black
@@ -634,6 +652,7 @@
px-12
py-1
mr-5
my-2
border-2
shadow
border-black
@@ -654,6 +673,7 @@
px-12
py-1
mr-5
my-2
border-2
shadow
border-black

15
src/components/marketing/sections/cta-sections/Header.vue
View File

@@ -1,9 +1,9 @@
<template>
<section
class="mb-10 bg-no-repeats bg-cover"
class="mb-10 bg-no-repeats bg-home"
:style="[
id == 'home'
? { background: 'url(' + img + ') center no-repeat' }
? { background: 'url(' + img + ') no-repeat' }
: { background: 'transparent' },
]"
>
@@ -360,23 +360,23 @@
<div class="w-1/2 mx-auto px-2 self-center">
<g-image :src="img" :alt="altImg" />
</div>
<h2 class="text-8xl uppercase mb-6 mt-20 leading-none font-heading">
<h2 class="lg:text-8xl uppercase mb-6 mt-20 leading-none font-heading">
{{ title }}
</h2>
<div class="mb-8 text-xl leading-relaxed" v-html="excerpt"></div>
<div class="mb-8 text-2xl leading-relaxed" v-html="excerpt"></div>
</div>
</div>
<div
class="flex flex-wrap text-center lg:text-left lg:pt-4 -mx-2"
class="flex flex-wrap text-center lg:text-left lg:pt-10 -mx-2"
v-else-if="id == 'grid'"
>
<div class="px-3 lg:mt-5 order-1 lg:order-none mx-auto text-center">
<h2 class="text-8xl uppercase mb-6 mt-20 leading-none font-heading">
<h2 class="lg:text-8xl lg:text-8xl uppercase mb-6 mt-20 leading-none font-heading">
{{ title }}
</h2>
<div
class="mb-8 text-xl max-w-xl mx-auto leading-relaxed"
class="mb-8 text-xl max-w-xl leading-relaxed"
v-html="excerpt"
></div>
@@ -552,5 +552,6 @@ export default {
background: #70dfc9;
background: -webkit-linear-gradient(to bottom, #ea1ff7, #70dfc9);
background: linear-gradient(to bottom, #ea1ff7, #70dfc9);
background-size: cover !important;
}
</style>

6
src/components/marketing/sections/cta-sections/ShowcaseProductsHome.vue
View File

@@ -36,7 +36,7 @@
learn-button
hover:bg-gray-400
px-12
py-2
py-1
mb-5
shadows
border-black border-2
@@ -52,7 +52,7 @@
learn-button
hover:bg-gray-400
px-12
py-2
py-1
mb-5
shadows
border-black border-2
@@ -90,7 +90,7 @@ export default {
} */
.part {
max-height: 570px;
background-color: #70dfc9;
}