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

updated society and csp #83

Merged
merged 2 commits into from
Oct 6, 2023
Merged

updated society and csp #83

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
b03126f
updated society and csp
ramavats Oct 5, 2023
27e3e4f
Merge branch 'main' into update-society-csp
johny Oct 6, 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
20 changes: 10 additions & 10 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,57 +30,57 @@ 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 gap-2 text-center sm:grid-cols-2 md:grid-cols-3">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Since this bit of CSS class names its getting a bit repetitive and long, I'll extract this later to separate component so its easier to style.

<div className="flex 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="flex 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="flex 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="flex 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="flex 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="flex 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="flex 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="flex 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="flex 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>
Expand Down
50 changes: 26 additions & 24 deletions pages/csp.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -76,30 +76,32 @@ 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:{' '}
<a
href="https://discord.gg/uNY622UGh4"
target="_blank"
rel="noopener noreferrer"
className="hover:text-blue-600 text-primary-500 underline"
>
click here
</a>
🤘
</p>
<p className="my-4 mx-auto max-w-3xl leading-relaxed">
To learn more about the Contributors' Support Program, please visit{' '}
<a
href="https://gov.edgewa.re/discussion/12279-contributors-support-program-csp"
target="_blank"
rel="noopener noreferrer"
className="hover:text-blue-600 text-primary-500 underline"
>
the governance forum thread
</a>
.
</p>
<div className="my-4 mx-auto flex max-w-4xl flex-col gap-4 rounded-lg border-2 border-grey-700 border-opacity-50 bg-grey-800 bg-opacity-30 p-5">
<h3 className="text-xl font-bold">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 ml-2 rounded-lg bg-primary-500 px-4 py-1 text-white"
>
click here
</a>
</p>
<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"
target="_blank"
rel="noopener noreferrer"
className="hover:text-blue-600 text-primary-500 underline"
>
the governance forum thread
</a>
.
</p>
</div>
</section>
</>
);
Expand Down
Loading