diff --git a/src/components/FooterNav.astro b/src/components/FooterNav.astro index cd6fff2..8e2e706 100644 --- a/src/components/FooterNav.astro +++ b/src/components/FooterNav.astro @@ -1,19 +1,23 @@ --- import { Icon } from "astro-icon/components"; import NavLink from "./NavLink.astro"; +import { + facebookURL, + githubURL, + linkedinURL, + meetupURL, + pitchProjectURL, + proposalsURL, + slackURL, + twitterURL +} from "@/utils/urls"; const columns = [ [ "Resources", [ - [ - "https://docs.google.com/forms/d/e/1FAIpQLScHe7aWQ-2n3lSTU1WfcK8rhBZp8pkDGH9EcJdbQb5lqMbbzA/viewform", - "propose a talk", - ], - [ - "https://docs.google.com/forms/d/e/1FAIpQLSexe5qvmJ6LTiU1HcR-XAzlrgPLBudVBPK_ouHeBkFz2JVUHw/viewform", - "pitch a project", - ], + [proposalsURL, "propose a talk"], + [pitchProjectURL, "pitch a project"], ], ], [ @@ -28,12 +32,12 @@ const columns = [ [ "Elsewhere", [ - ["https://twitter.com/sfbrigade", "twitter", true], - ["https://www.facebook.com/codeforsanfrancisco", "facebook", true], - ["https://www.linkedin.com/company/18115347/", "linkedin", true], - ["https://github.com/sfbrigade/", "github", true], - ["https://c4sf.me/slack", "slack", true], - ["https://www.meetup.com/sfcivictech/", "meetup", true], + [twitterURL, "twitter", true], + [facebookURL, "facebook", true], + [linkedinURL, "linkedin", true], + [githubURL, "github", true], + [slackURL, "slack", true], + [meetupURL, "meetup", true], ], ], ] as const; diff --git a/src/components/HeaderNav.astro b/src/components/HeaderNav.astro index 8453c2f..d156a0b 100644 --- a/src/components/HeaderNav.astro +++ b/src/components/HeaderNav.astro @@ -1,12 +1,13 @@ --- import NavLink from "./NavLink.astro"; import NavDropdown from "./NavDropdown.astro"; +import { meetupURL, projectsURL, wikiURL } from "@/utils/urls"; const routes = [ - { label: "Wiki", page: "https://sfbrigade.notion.site/Code-for-San-Francisco-Wiki-3ae6aaf3ad3f4b7a9caab1c291c60081" }, + { label: "Wiki", page: wikiURL }, { label: "Get Started", page: "/get-started" }, - { label: "Events", page: "https://www.meetup.com/sfcivictech/" }, - { label: "Projects", page: "https://sfbrigade.notion.site/Current-Projects-4fefa377e1424ff0b59230b9c160e6a4" }, + { label: "Events", page: meetupURL }, + { label: "Projects", page: projectsURL }, { label: "Blog", page: "/blog" }, { label: "Donate", page: "/donate" }, { label: "About", page: "/about", diff --git a/src/layouts/global.css b/src/layouts/global.css index e7c85d8..f99cc9f 100644 --- a/src/layouts/global.css +++ b/src/layouts/global.css @@ -2,6 +2,7 @@ --pico-block-spacing: 2rem; --pico-block-spacing-horizontal: 2rem; --pico-block-spacing-vertical: 3rem; + --color-accent: rgb(236, 95, 93); } article { @@ -9,9 +10,9 @@ article { } @media (min-width: 1024px) { - .container { - max-width: 900px; - } + .container { + max-width: 900px; + } } @media (min-width: 1280px) { diff --git a/src/pages/get-started.astro b/src/pages/get-started.astro index 956a8c8..cfced92 100644 --- a/src/pages/get-started.astro +++ b/src/pages/get-started.astro @@ -1,5 +1,6 @@ --- import BaseLayout from "@/layouts/BaseLayout.astro"; +import { base, meetupURL, memberFormURL, projectsURL, slackURL } from "@/utils/urls"; --- @@ -7,4 +8,73 @@ import BaseLayout from "@/layouts/BaseLayout.astro"; Regardless of skillset or background, anyone can contribute to their community through SF Civic Tech

+
    +
  1. +

    Tell us about yourself

    +

    + Fill out our 2 minute form so we can help match you with opportunities +

    +
  2. +
  3. +

    Onboard

    +

    + Get familiar with SF Civic Tech +

    +
      +
    1. + Read our Code of Conduct +
    2. +
    3. + Read over the Current Projects +
    4. +
    5. + Join our Slack +
    6. +
    +
  4. +
  5. +

    Attend Hack Night

    +

    + We meet remotely every Wednesday to work on projects! Head over to our + Meetup page for more info. +

    +
  6. +
  7. +

    Join a Project

    +

    + Review our current portfolio listed on our Projects page. Join us at Hack Night or on Slack to get involved! +

    +
  8. +
+ + diff --git a/src/utils/urls.ts b/src/utils/urls.ts new file mode 100644 index 0000000..8b6243b --- /dev/null +++ b/src/utils/urls.ts @@ -0,0 +1,14 @@ +export const projectsURL = "https://sfbrigade.notion.site/Current-Projects-4fefa377e1424ff0b59230b9c160e6a4"; +export const wikiURL = "https://sfbrigade.notion.site/Code-for-San-Francisco-Wiki-3ae6aaf3ad3f4b7a9caab1c291c60081"; +export const proposalsURL = "https://docs.google.com/forms/d/e/1FAIpQLScHe7aWQ-2n3lSTU1WfcK8rhBZp8pkDGH9EcJdbQb5lqMbbzA/viewform"; +export const pitchProjectURL = "https://docs.google.com/forms/d/e/1FAIpQLSexe5qvmJ6LTiU1HcR-XAzlrgPLBudVBPK_ouHeBkFz2JVUHw/viewform"; +export const memberFormURL = "https://c4sf.me/member"; +export const slackURL = "https://c4sf.me/slack"; +export const blogURL = "https://c4sf.me/blog"; +export const meetupURL = "https://www.meetup.com/sfcivictech/"; +export const twitterURL = "https://twitter.com/sfcivictech"; +export const githubURL = "https://github.com/sfbrigade"; +export const facebookURL = "https://www.facebook.com/sfcivictech"; +export const linkedinURL = "https://www.linkedin.com/company/sfbrigade/"; + +export const base = (url: string) => `${url.startsWith("/") ? import.meta.env.BASE_URL : ""}${url}`;