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 id: home
metaTitle: ThreeFold | 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. 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_slogan: from zero
header_title: to one header_title: to one
header_image: ./home_bg.jpg header_image: ./home-bg_new.jpg
header_altImg: threefold header_altImg: threefold
header_excerpt: The digital infrastructure for an interconnected world. 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 >{{ cta.video_button }}</a
> >
</div> --> </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 <a
class=" class="
inline-block inline-block
@@ -244,7 +244,8 @@
bo bo
px-12 px-12
py-1 py-1
mr-5 lg:mr-5
mx-2
border-2 border-2
shadow shadow
border-black border-black
@@ -263,8 +264,9 @@
hover:bg-gray-400 hover:bg-gray-400
bo bo
px-12 px-12
mx-2
py-1 py-1
mr-5 lg:mr-5
border-2 border-2
shadow shadow
border-black border-black
@@ -283,7 +285,8 @@
bo bo
px-12 px-12
py-1 py-1
mr-5 mx-2
lg:mr-5
border-2 border-2
shadow shadow
border-black border-black
@@ -302,8 +305,9 @@
hover:bg-gray-400 hover:bg-gray-400
bo bo
px-12 px-12
mx-2
py-1 py-1
mr-5 lg:mr-5
border-2 border-2
shadow shadow
border-black border-black
@@ -321,8 +325,9 @@
hover:bg-gray-400 hover:bg-gray-400
bo bo
px-12 px-12
mx-2
py-1 py-1
mr-5 lg:mr-5
border-2 border-2
shadow shadow
border-black border-black
@@ -341,8 +346,9 @@
hover:bg-gray-400 hover:bg-gray-400
bo bo
px-12 px-12
mx-2
py-1 py-1
mr-5 lg:mr-5
border-2 border-2
shadow shadow
border-black border-black
@@ -360,8 +366,9 @@
hover:bg-gray-400 hover:bg-gray-400
bo bo
px-12 px-12
mx-2
py-1 py-1
mr-5 lg:mr-5
border-2 border-2
shadow shadow
border-black border-black
@@ -380,8 +387,9 @@
hover:bg-gray-400 hover:bg-gray-400
bo bo
px-12 px-12
mx-2
py-1 py-1
mr-5 lg:mr-5
border-2 border-2
shadow shadow
border-black border-black
@@ -400,8 +408,9 @@
hover:bg-gray-400 hover:bg-gray-400
bo bo
px-12 px-12
mx-2
py-1 py-1
mr-5 lg:mr-5
border-2 border-2
shadow shadow
border-black border-black
@@ -420,8 +429,9 @@
hover:bg-gray-400 hover:bg-gray-400
bo bo
px-12 px-12
mx-2
py-1 py-1
mr-5 lg:mr-5
border-2 border-2
shadow shadow
border-black border-black
@@ -440,8 +450,9 @@
hover:bg-gray-400 hover:bg-gray-400
bo bo
px-12 px-12
mx-2
py-1 py-1
mr-5 lg:mr-5
border-2 border-2
shadow shadow
border-black border-black
@@ -460,8 +471,9 @@
hover:bg-gray-400 hover:bg-gray-400
bo bo
px-12 px-12
mx-2
py-1 py-1
mr-5 lg:mr-5
border-2 border-2
shadow shadow
border-black border-black
@@ -499,7 +511,7 @@
px-12 px-12
py-2 py-2
mr-5 mr-5
mb-4 my-2
shadow shadow
rounded-full rounded-full
" "
@@ -517,6 +529,7 @@
px-12 px-12
py-1 py-1
mr-5 mr-5
my-2
border-2 border-2
shadow shadow
border-black border-black
@@ -537,6 +550,7 @@
px-12 px-12
py-1 py-1
mr-5 mr-5
my-2
border-2 border-2
shadow shadow
border-black border-black
@@ -556,6 +570,7 @@
px-12 px-12
py-1 py-1
mr-5 mr-5
my-2
border-2 border-2
shadow shadow
border-black border-black
@@ -576,6 +591,7 @@
px-12 px-12
py-1 py-1
mr-5 mr-5
my-2
border-2 border-2
shadow shadow
border-black border-black
@@ -595,6 +611,7 @@
px-12 px-12
py-1 py-1
mr-5 mr-5
my-2
border-2 border-2
shadow shadow
border-black border-black
@@ -615,6 +632,7 @@
px-12 px-12
py-1 py-1
mr-5 mr-5
my-2
border-2 border-2
shadow shadow
border-black border-black
@@ -634,6 +652,7 @@
px-12 px-12
py-1 py-1
mr-5 mr-5
my-2
border-2 border-2
shadow shadow
border-black border-black
@@ -654,6 +673,7 @@
px-12 px-12
py-1 py-1
mr-5 mr-5
my-2
border-2 border-2
shadow shadow
border-black border-black

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

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

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

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