Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

added some styling on csp page and updated society #82

Closed
wants to merge 2 commits into from
Closed

added some styling on csp page and updated society #82

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1ce11c7
added some styling on csp page and updated society
ramavats Oct 5, 2023
e9d07f2
fixed eslint issue
ramavats Oct 5, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 11 additions & 11 deletions components/pages/society/society-start.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,63 +30,63 @@ export const SocietyStart = () => {
</p>
</div>

<div className="my-8 mx-auto grid max-w-6xl grid-cols-3 gap-4 text-center">
<div className="flex flex-col items-center p-4">
<div className="my-8 mx-auto grid max-w-6xl md:grid-cols-3 sm:grid-cols-2 gap-2 text-center">
<div className="min-h-[13rem] flex-col items-center rounded-lg border-2 border-white border-opacity-0 p-4 transition-all hover:rounded-lg hover:border-white hover:border-opacity-10 hover:bg-grey-800 hover:bg-opacity-20">
<OpenArmLineIcon className="my-4 h-8 w-8 fill-white" />
<p>
Solve problems using the new world of blockchain and currency and collaborate with other
Edgeware experts.
</p>
</div>

<div className="flex flex-col items-center p-4">
<div className="min-h-[13rem] flex-col items-center rounded-lg border-2 border-white border-opacity-0 p-4 transition-all hover:rounded-lg hover:border-white hover:border-opacity-10 hover:bg-grey-800 hover:bg-opacity-20">
<FundsLineIcon className="my-4 h-8 w-8 fill-white" />
<p>Request funds from the Treasury to execute your mission.</p>
</div>

<div className="flex flex-col items-center p-4">
<div className="min-h-[13rem] flex-col items-center rounded-lg border-2 border-white border-opacity-0 p-4 transition-all hover:rounded-lg hover:border-white hover:border-opacity-10 hover:bg-grey-800 hover:bg-opacity-20">
<EarthLineIcon className="my-4 h-8 w-8 fill-white" />
<p>
Regional groups are designed to drive awareness of the network, research key areas of
interest and solve problems within distinct geographical areas.
</p>
</div>

<div className="flex flex-col items-center p-4">
<div className="min-h-[13rem] flex-col items-center rounded-lg border-2 border-white border-opacity-0 p-4 transition-all hover:rounded-lg hover:border-white hover:border-opacity-10 hover:bg-grey-800 hover:bg-opacity-20">
<User4LineIcon className="my-4 h-8 w-8 fill-white" />
<p>Whatever you want, really: Your community is self-determining.</p>
</div>
<div className="flex flex-col items-center p-4">
<div className="min-h-[13rem] flex-col items-center rounded-lg border-2 border-white border-opacity-0 p-4 transition-all hover:rounded-lg hover:border-white hover:border-opacity-10 hover:bg-grey-800 hover:bg-opacity-20">
<CompassDiscoverLineIcon className="my-4 h-8 w-8 fill-white" />
<p>
Utilise Commonwealth's open-source interface to organize your group, project or
community initiative.
</p>
</div>
<div className="flex flex-col items-center p-4">
<div className="min-h-[13rem] flex-col items-center rounded-lg border-2 border-white border-opacity-0 p-4 transition-all hover:rounded-lg hover:border-white hover:border-opacity-10 hover:bg-grey-800 hover:bg-opacity-20">
<FingerprintFillIcon className="my-4 h-8 w-8 fill-white" />
<p>Identity or Community-based solution groups: Minorities, Social Justice, or others.</p>
</div>

<div className="flex flex-col items-center p-4">
<div className="min-h-[13rem] flex-col items-center rounded-lg border-2 border-white border-opacity-0 p-4 transition-all hover:rounded-lg hover:border-white hover:border-opacity-10 hover:bg-grey-800 hover:bg-opacity-20">
<ScalesLineIcon className="my-4 h-8 w-8 fill-white" />
<p>Organize your community into a political power within the network.</p>
</div>
<div className="flex flex-col items-center p-4">
<div className="min-h-[13rem] flex-col items-center rounded-lg border-2 border-white border-opacity-0 p-4 transition-all hover:rounded-lg hover:border-white hover:border-opacity-10 hover:bg-grey-800 hover:bg-opacity-20">
<CommandLineIcon className="my-4 h-8 w-8 fill-white" />
<p>
Specific technology applications,
<br />
Privacy for instance.
</p>
</div>
<div className="flex flex-col items-center p-4">
<div className="min-h-[13rem] flex-col items-center rounded-lg border-2 border-white border-opacity-0 p-4 transition-all hover:rounded-lg hover:border-white hover:border-opacity-10 hover:bg-grey-800 hover:bg-opacity-20">
<Compass2LineIcon className="my-4 h-8 w-8 fill-white" />
<p>Advance the community of EDG citizens.</p>
</div>
</div>

<div className="my-4 text-center">
<div className="mx-10 text-center">
<Button
colorStyle="primary"
href="https://gov.edgewa.re/proposal/discussion/702-edg-working-groups-a-primer"
Expand Down
13 changes: 8 additions & 5 deletions pages/csp.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,19 +69,21 @@ export default function SocietyPage() {
height="600px"
/>
</div>
<p className="my-4 mx-auto max-w-3xl leading-relaxed">
Minted the NFT(s)? Claim your discord role and perks now:{' '}
<div className='flex flex-col gap-4 p-5 rounded-lg bg-grey-800 bg-opacity-30 my-4 mx-auto max-w-4xl border-grey-700 border-2 border-opacity-50'>
<h3 className='font-bold text-xl'>Minted the NFT(s)?</h3>
<p className="leading-relaxed">
Claim your discord role and perks now:{' '}
<a
href="https://discord.gg/uNY622UGh4"
target="_blank"
rel="noopener noreferrer"
className="hover:text-blue-600 text-primary-500 underline"
className="hover:text-blue-600 text-white bg-primary-500 px-4 rounded-lg py-1 ml-2"
>
click here
</a>
🤘
</p>
<p className="my-4 mx-auto max-w-3xl leading-relaxed">

<p className="leading-relaxed">
To learn more about the Contributors' Support Program, please visit{' '}
<a
href="https://gov.edgewa.re/discussion/12279-contributors-support-program-csp"
Expand All @@ -93,6 +95,7 @@ export default function SocietyPage() {
</a>
.
</p>
</div>
</section>
</>
);
Expand Down
Loading