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

fix mobile response vol1

Browse Source
This commit is contained in:
Ehab Hassan
2022-10-05 12:44:10 +02:00
parent 7b41dc1d30
commit e5c10086fe
7 changed files with 46 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/shortcodes/featured_stories.html
View File

@@ -1,4 +1,4 @@
<div class="relative pt-16 px-4 sm:px-6 lg:py-28 lg:pb-28 lg:px-8">
<div class="relative px-4 sm:px-6 py-12 lg:py-28 lg:px-8">
<div class="absolute inset-0">
<div class="bg-white h-1/3 sm:h-2/3"></div>
</div>

4
templates/shortcodes/grid_stats.html
View File

@@ -8,8 +8,8 @@
{% endif %}
{% if data %}
<section class="px-2 h-auto bg-center bg-cover bg-no-repeat" style="{{styles}}">
<div class="flex flex-wrap lg:p-12 text-center -mx-auto">
<section class="px-2 h-auto bg-center lg:py-28 p-12 bg-cover bg-no-repeat" style="{{styles}}">
<div class="flex flex-wrap text-center -mx-auto">
<div class="text-center rounded lg:px-6 mt-10 lg:mt-0 mx-auto">
{{body | markdown | safe }}

18
templates/shortcodes/row.html
View File

@@ -42,7 +42,7 @@ Parameters:
<!-- Splits body to columns -->
{% set columns = body | safe | markdown | split(pat="|||") %}
{% set row_class = "relative pt-6 p-4 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row"%}
{% set row_class = "relative lg:p-4 p-1 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row"%}
<!-- aligns columns depending on col number-->
{% if 2 < columns | length %}
@@ -51,7 +51,7 @@ Parameters:
{% set row_class = row_class ~ " lg:items-center" %}
{% endif %}
{% set col_class = "flex-1 mb-8 md:mb-0 md:mx-8" %}
{% set col_class = "flex-1 mb-6 md:mb-0 md:mx-8" %}
{% set row_id = '' %}
{% if id %}
@@ -78,7 +78,17 @@ Parameters:
<!-- makes row with margins -->
{% if "margin" in style %}
{% set row_class = row_class ~ " lg:py-28 sm:p-12 md:p-16 lg:p-20" %}
{% set row_class = row_class ~ " lg:py-28 py-10" %}
{% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %}
{% endif %}
{% if "mtop" in style %}
{% set row_class = row_class ~ " lg:pt-28 pt-10" %}
{% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %}
{% endif %}
{% if "mbottom" in style %}
{% set row_class = row_class ~ " lg:pb-28" %}
{% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %}
{% endif %}
@@ -116,7 +126,7 @@ Parameters:
{% endif %}
{% if gradient %}
{% set styles = "background: " ~ gradient ~ "; background-size: cover" %}
{% set row_class = row_class ~ "w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20" %}
{% set row_class = row_class ~ " w-auto -mx-4 sm:-mx-12 md:-mx-16 lg:-mx-20" %}
{% endif %}
{% set url = body | split(pat="href=") | slice(start=1) | first | split(pat=">") | first | trim_start_matches(pat='"') %}

4
templates/shortcodes/team_sec.html
View File

@@ -1,8 +1,8 @@
<div class="lg:my-32 flex flex-col mt-5 p-auto lg:px-20">
<div class="lg:py-24 flex flex-col my-6 p-auto lg:px-20">
<h2 class="flex py-2 mx-auto font-normal lg:text-6xl">
The Team
</h2>
<div class="lg:max-w-4xl text-xl text-center mb-8 mx-auto leading-relaxed">Spread across the world, our team has
<div class="lg:max-w-4xl lg:text-xl text-lg text-center mb-8 mx-auto leading-relaxed">Spread across the world, our team has
built some of the world’s best Internet storage and cloud automation technologies since the ‘90s. With a strong
vision for the future, we’re now on a mission to create a peer-to-peer Internet that can host all of humanity’s
digital workloads via smart contract, removing all forms of centralization from global IT systems.</div>