-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
* feat: adds code of conduct page * style: unify text classes * fix: adds logotype, fixes cta
- Loading branch information
1 parent
ae65945
commit ebe8531
Showing
7 changed files
with
176 additions
and
45 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,35 @@ | ||
| <script lang="ts"> | ||
| import { page } from '$app/stores'; | ||
| import VizChitraLogoType from './VizChitraLogoType.svelte'; | ||
| </script> | ||
|
|
||
| <nav class="fixed top-0 right-0 left-0 z-50 border-b border-gray-200 bg-white"> | ||
| <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> | ||
| <div class="flex h-16 justify-between"> | ||
| <div class="flex"> | ||
| <a href="/" class="flex items-center text-3xl"> | ||
| <VizChitraLogoType /> | ||
| </a> | ||
| </div> | ||
| <div class="flex items-center space-x-4"> | ||
| <a | ||
| href="/" | ||
| class="rounded-md px-3 py-2 text-base font-medium {$page.url.pathname === '/' | ||
| ? 'text-viz-blue' | ||
| : 'hover:text-blue-dark text-viz-gray'}" | ||
| > | ||
| Home | ||
| </a> | ||
| <a | ||
| href="/code-of-conduct" | ||
| class="rounded-md px-3 py-2 text-base font-medium {$page.url.pathname === | ||
| '/code-of-conduct' | ||
| ? 'text-blue-600' | ||
| : 'text-gray-600 hover:text-blue-600'}" | ||
| > | ||
| Code of Conduct | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </nav> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| <script lang="ts"> | ||
| import BannerPolygon from './BannerPolygon.svelte'; | ||
| export let title: string; | ||
| </script> | ||
|
|
||
| <div class="relative h-48"> | ||
| <BannerPolygon staticBanner={true} /> | ||
| <div class="absolute inset-0 flex items-center justify-center"> | ||
| <h1 class="font-display rounded-2xl bg-white px-4 text-[2rem] font-bold">{title}</h1> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,70 @@ | ||
| <script lang="ts"> | ||
| import { formatSlantedText } from '$lib/utils/utils.js'; | ||
| import NavMenu from '$lib/components/NavMenu.svelte'; | ||
| import PageHeader from '$lib/components/PageHeader.svelte'; | ||
| </script> | ||
|
|
||
| <NavMenu /> | ||
|
|
||
| <div class="min-h-screen"> | ||
| <PageHeader title="Code of Conduct" /> | ||
|
|
||
| <div class="content-container py-12"> | ||
| <h2 class="mb-8 text-center"> | ||
| {#each formatSlantedText("THE DO'S AND DONT'S FOR THE COMMUNITY") as letter} | ||
| <span | ||
| class="slanted-text text-[18px] md:text-[24px]" | ||
| style="--letter-slant: {letter.slant}" | ||
| > | ||
| {letter.letter} | ||
| </span> | ||
| {/each} | ||
| </h2> | ||
|
|
||
| <p class="content-text mb-6"> | ||
| This code of conduct applies across online exchanges, conferences and other events hosted by | ||
| VizChitra community. | ||
| </p> | ||
|
|
||
| <p class="content-text mb-6"> | ||
| We are here as a community to deliberate on the topics of the community. | ||
| </p> | ||
|
|
||
| <ul class="content-text mb-8 list-disc space-y-2 pl-6"> | ||
| <li>Be nice to everyone,</li> | ||
| <li>Be empathetic,</li> | ||
| <li>Be questioning, as it furthers the discussion, but</li> | ||
| <li>Discuss ideas, not people and their personalities (as that would be ad hominem).</li> | ||
| </ul> | ||
|
|
||
| <h3 class="content-heading mb-4">Prohibited Behavior</h3> | ||
| <p class="content-text mb-4"> | ||
| We strongly condemn any kind of harassment of any fellow participant. This includes: | ||
| </p> | ||
|
|
||
| <ul class="content-text mb-8 list-disc space-y-2 pl-6"> | ||
| <li>Sustained disruption of talks, discussions and other events.</li> | ||
| <li> | ||
| Offensive remarks or jokes made about women, men, persons of non-binary genders and those | ||
| with physical disabilities, or on the basis of sexuality, race, caste or religion. | ||
| </li> | ||
| <li> | ||
| Use of images that objectify the human body unless absolutely relevant to the discussion. | ||
| </li> | ||
| <li>Inappropriate physical contact and invasion of private space.</li> | ||
| <li>Deliberate intimidation, unwelcome gestures and stalking.</li> | ||
| </ul> | ||
|
|
||
| <div class="content-notice"> | ||
| <p class="content-text mb-4"> | ||
| Please report in confidence by sending an email to the community admins. Reports will be | ||
| treated seriously and community admins will address this matter quickly. | ||
| </p> | ||
|
|
||
| <p class="content-text font-semibold"> | ||
| Violators, regardless of their standing, may be expelled from the community, without a | ||
| refund (where payment was applicable), and reported to the authorities. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> |