Change jon section layout

This commit is contained in:
Maria Rushkova 2021-08-04 13:12:37 +02:00
parent 0dc74fb867
commit dabfe5a43f
1 changed files with 39 additions and 27 deletions

View File

@ -569,7 +569,9 @@ layout: default
class="flex flex-col sl:flex-row sl:justify-between lg:max-w-screen-ml" class="flex flex-col sl:flex-row sl:justify-between lg:max-w-screen-ml"
> >
<div class="join__option w-full sl:w-4/12 flex sl:flex-col mb-16 sl:mb-0"> <div class="join__option w-full sl:w-4/12 flex sl:flex-col mb-16 sl:mb-0">
<div class="flex justify-center mr-6 sl:mr-0 mb-5 lg:mb-8"> <div
class="flex justify-center items-center h-8 mr-6 sl:mr-0 mb-5 lg:mb-8"
>
<a href="https://status.im/our_team/jobs.html" target="_blank" <a href="https://status.im/our_team/jobs.html" target="_blank"
><svg ><svg
width="28" width="28"
@ -618,14 +620,16 @@ layout: default
</svg> </svg>
</a> </a>
</div> </div>
<div class="flex flex-col"> <div class="flex flex-col justify-between flex-1">
<h2 class="text-xs lg:text-sm font-semibold mb-3 text-left"> <div>
Join the team <h2 class="text-xs lg:text-sm font-semibold mb-3 text-left">
</h2> Join the team
<p class="w-full text-s lg:text-base mb-3"> </h2>
We are a remote team of researchers dedicated to building a fair <p class="w-full text-s lg:text-base mb-3">
internet. We are a remote team of researchers dedicated to building a fair
</p> internet.
</p>
</div>
<div class="media__link container flex justify-start"> <div class="media__link container flex justify-start">
<a class="link link--external" href="https://discord.com/" <a class="link link--external" href="https://discord.com/"
>View open roles</a >View open roles</a
@ -646,7 +650,9 @@ layout: default
lg:ml-5 lg:ml-5
" "
> >
<div class="flex justify-center mr-6 sl:mr-0 mb-5 lg:mb-8"> <div
class="flex justify-center items-center h-8 mr-6 sl:mr-0 mb-5 lg:mb-8"
>
<a href="https://discord.com/" target="_blank" <a href="https://discord.com/" target="_blank"
><svg ><svg
width="25" width="25"
@ -663,14 +669,16 @@ layout: default
</svg> </svg>
</a> </a>
</div> </div>
<div class="flex flex-col"> <div class="flex flex-col justify-between flex-1">
<h2 class="text-xs lg:text-sm font-semibold mb-3 text-left"> <div>
Join the convo <h2 class="text-xs lg:text-sm font-semibold mb-3 text-left">
</h2> Join the convo
<p class="w-full text-s lg:text-base mb-3"> </h2>
Ask questions or speak with us about our work as we research new <p class="w-full text-s lg:text-base mb-3">
means of communication. Ask questions or speak with us about our work as we research new
</p> means of communication.
</p>
</div>
<div class="media__link container flex justify-start"> <div class="media__link container flex justify-start">
<a class="link link--external" href="https://discord.com/" <a class="link link--external" href="https://discord.com/"
>Join our Discord</a >Join our Discord</a
@ -682,7 +690,9 @@ layout: default
<div <div
class="join__option w-full sl:w-4/12 flex sl:flex-col sl:ml-2 lg:ml-5" class="join__option w-full sl:w-4/12 flex sl:flex-col sl:ml-2 lg:ml-5"
> >
<div class="flex justify-center mr-6 sl:mr-0 mb-5 lg:mb-8"> <div
class="flex justify-center items-center h-8 mr-6 sl:mr-0 mb-5 lg:mb-8"
>
<a href="https://github.com/vacp2p" target="_blank" <a href="https://github.com/vacp2p" target="_blank"
><svg ><svg
width="26" width="26"
@ -699,14 +709,16 @@ layout: default
</svg> </svg>
</a> </a>
</div> </div>
<div class="flex flex-col"> <div class="flex flex-col justify-between flex-1">
<h2 class="text-xs lg:text-sm font-semibold mb-3 text-left"> <div>
Contribute on Github <h2 class="text-xs lg:text-sm font-semibold mb-3 text-left">
</h2> Contribute on Github
<p class="w-full text-s lg:text-base mb-3"> </h2>
Our work is open source and free for anyone to contribute to, use, <p class="w-full text-s lg:text-base mb-3">
and modify for their needs. Our work is open source and free for anyone to contribute to, use,
</p> and modify for their needs.
</p>
</div>
<div class="media__link container flex justify-start"> <div class="media__link container flex justify-start">
<a class="link link--external" href="https://discord.com/" <a class="link link--external" href="https://discord.com/"
>Contribute</a >Contribute</a