onvlt/reset-sender-v2
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Style

Browse source
This commit is contained in:
Ondřej 2024-02-20 21:47:07 +01:00
parent b52d0711e5
commit 777b2a34f4
7 changed files with 44 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

82
routes/[lang]/index.tsx
View file

@ -34,51 +34,45 @@ export default async function Page(
<a href="/" class="link text-xl">{t`Switch country`}</a>
</span>
</p>
<h1 class="font-display text-6xl text-balance font-bold mb-8">
{t`Tell insurance companies to stop supporting the fossil fuel business`}
</h1>
<div class="grid md:grid-cols-2 gap-6">
<div class="text-xl prose">
<p>
<strong>
Vienna Insurance Group is the biggest insurer in Central and
Eastern Europe and still considers supporting the fossil fuel
industry.
</strong>{" "}
With its zero restriction on giving insurance to oil and gas
companies and light restriction on coal, VIG continues to fund
fossil fuels and therefore accelerating climate change. So far.
Right now, we hold the power to pressure VIG and insurers all
around the world to adopt stricter policies and make a major
move in helping the burning planet! Together, we have the power
to call out Vienna Insurance Group with its 50 branches in 20
CEE countries, and demand change.
</p>
<p>
And now is the good time! Because this week is the Week of
Action against insuring fossil fuels, by the Insure our Future
network - tens of actions are happening worldwide. Join us to
make voices from the CEE heard, and send an email to your local
branch of Vienna Insurance Group in just a few clicks!
</p>
<p>
Insure our Future, not fossil fuels!
</p>
<p>
Down below, fill in your name, choose the branch you want to
contact, and the specific concern you want to raise. Feel free
to directly modify the text to make it more personal. If you are
a client of this branch, tick the box! It's a very powerful
argument to use
</p>
<div class="grid md:grid-cols-3 gap-24">
<div class="md:col-span-2">
<h1 class="font-display text-5xl text-balance font-bold mb-8">
{t`Tell your local branch of Vienna Insurance Group to stop supporting fossil fuel`}
</h1>
<div class="text-xl prose">
<p>
<strong>
{t`Vienna Insurance Group is the biggest insurer in Central and Eastern Europe and still considers supporting the fossil fuel industry.`}
</strong>{" "}
{t`With its zero restriction on giving insurance to oil and gas companies and light restriction on coal, VIG continues to fund fossil fuels and therefore accelerating climate change. So far. Right now, we hold the power to pressure VIG and insurers all around the world to adopt stricter policies and make a major move in helping the burning planet! Together, we have the power to call out Vienna Insurance Group with its 50 branches in 20 CEE countries, and demand change.`}
</p>
<p>
{t`And now is the good time! Because this week is the Week of Action against insuring fossil fuels, by the Insure our Future network - tens of actions are happening worldwide. Join us to make voices from the CEE heard, and send an email to your local branch of Vienna Insurance Group in just a few clicks!`}
</p>
<p>
{t`Insure our Future, not fossil fuels!`}
</p>
<p>
{t`Down below, fill in your name, choose the branch you want to contact, and the specific concern you want to raise. Feel free to directly modify the text to make it more personal. If you are a client of this branch, tick the box! It's a very powerful argument to use`}
</p>
</div>
</div>
<div class="hidden md:flex flex-col items-center gap-12">
<img
src={asset("/images/vig-logo.webp")}
class="max-w-[300px]"
width="500"
height="231"
alt=""
/>
<img
src={asset("images/banknotes.webp")}
width="2490"
height="2184"
class="max-w-[400px]"
alt=""
/>
</div>
<img
src={asset("images/banknotes.webp")}
width="2490"
height="2184"
class="hidden md:block max-w-[400px] justify-self-end"
alt=""
/>
</div>
</header>
<div class="grid lg:grid-cols-3 items-start gap-12 bg-black/10 px-6 py-6 -mx-6 rounded mb-12">

9
routes/index.tsx
View file

@ -1,6 +1,7 @@
import { LANGUAGES } from "$src/config.ts";
import type { Lang } from "$src/lang.ts";
import { Footer } from "$src/views/Footer.tsx";
import { asset } from "$fresh/runtime.ts";
const countries: Record<Lang, string> = {
"en": "International (english)",
@ -18,13 +19,13 @@ export default function Home() {
<>
<div class="max-w-screen-xl px-6 mx-auto pt-16 text-2xl mb-16">
<img
src="/images/vig-white.webp"
src={asset("/images/vig-logo.webp")}
class="max-w-[250px] hidden md:block ml-6 float-right"
width="2013"
height="1395"
width="1991"
height="920"
alt=""
/>
<h1 class="font-display font-bold text-6xl text-balance mb-6">
<h1 class="font-display font-bold text-5xl text-balance mb-6">
Vienna Insurance Group must stop supporting fossil fuel in Central and
Eastern Europe!
</h1>

BIN
static/images/vig-black.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 56 KiB

BIN
static/images/vig-logo.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 104 KiB

BIN
static/images/vig-red.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 82 KiB

BIN
static/images/vig-white.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 48 KiB

2
static/styles.css
View file

@ -62,7 +62,7 @@
}
.font-display {
--line-height-factor: 1.05;
--line-height-factor: 1.15;
}
html {