Skip to content

Commit

Permalink
Port/hackathons page (#123)
Browse files Browse the repository at this point in the history
* Hackathons landing pg

* Prettier

* Remove majority unused HubSpot css override assignments

* Remove custom hubspot styling

* Prettier

* Link tag for internal link, remove deprecated noopener

* Leave rel=noreferrer for lint rules

Co-authored-by: Becca Steinbrecher <[email protected]@Beccas-MBP.lan>
  • Loading branch information
st0nebreaker and Becca Steinbrecher authored May 2, 2022
1 parent 724c5aa commit 1e4aec1
Show file tree
Hide file tree
Showing 20 changed files with 118 additions and 127 deletions.
6 changes: 1 addition & 5 deletions src/components/Actions/SubmitEmailForm.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,11 +8,7 @@ interface Props {

export const SubmitEmailForm: FunctionComponent<Props> = ({ formAction, buttonText, className = '' }) => (
<div>
<form
className={`form form-inline input-group mb-2 d-inline-flex w-auto ${className}`}
action={formAction}
method="get"
>
<form className={`input-group mb-2 d-inline-flex w-auto ${className}`} action={formAction} method="get">
<input
className="form-control"
type="email"
Expand Down
4 changes: 2 additions & 2 deletions src/components/Blockquote.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ export const BlockquoteWithLogoBottom: FunctionComponent<{
</div>
)}
{linkText && link && link.includes('http') && (
<a href={link} target="_blank" rel="nofollow noopener noreferrer">
<a href={link} target="_blank" rel="nofollow noreferrer">
{linkText}
<ArrowRightIcon className="icon-inline ml-1" />
</a>
Expand Down Expand Up @@ -102,7 +102,7 @@ export const BlockquoteWithBorder: FunctionComponent<{
</div>
)}
{linkText && link && link.includes('http') && (
<a href={link} target="_blank" rel="nofollow noopener noreferrer">
<a href={link} target="_blank" rel="nofollow noreferrer">
{linkText}
<ArrowRightIcon className="icon-inline ml-1" />
</a>
Expand Down
2 changes: 1 addition & 1 deletion src/components/CaseStudies/CaseStudyCard.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -114,7 +114,7 @@ export const CaseStudyCard: FunctionComponent<Props> = props => (
{props.title}{' '}
<span>
{props.url.includes('http') ? (
<a href={props.url} className="card-link" target="_blank" rel="nofollow noopener noreferrer">
<a href={props.url} className="card-link" target="_blank" rel="nofollow noreferrer">
Learn more.
</a>
) : (
Expand Down
2 changes: 1 addition & 1 deletion src/components/CaseStudies/CaseStudyLayout.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ export const CaseStudyLayout: FunctionComponent<Props> = ({
)}
{quote && !heroImage && <MediaQuote quote={quote.text} author={quote.author} image={quote.image} />}
{pdf && (
<a href={pdf} className="btn btn-primary mt-3" rel="nofollow noreferrer noopener" target="_blank">
<a href={pdf} className="btn btn-primary mt-3" rel="nofollow noreferrer" target="_blank">
<i className="fa fa-file-pdf pr-2" />
Download PDF
</a>
Expand Down
7 changes: 1 addition & 6 deletions src/components/CaseStudies/NewCaseStudyLayout.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -51,12 +51,7 @@ export const NewCaseStudyLayout: FunctionComponent<Props> = ({
>
<h1 className="pt-5 pb-6 display-2 font-weight-bold max-w-600 mx-auto">{title}</h1>
{pdf && (
<a
href={pdf}
className="btn btn-primary mt-3"
rel="nofollow noreferrer noopener"
target="_blank"
>
<a href={pdf} className="btn btn-primary mt-3" rel="nofollow noreferrer" target="_blank">
<i className="fa fa-file-pdf pr-2" />
Download PDF
</a>
Expand Down
12 changes: 6 additions & 6 deletions src/components/Layout/Footer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ const Footer: FunctionComponent<Props> = ({ minimal, className }) => (
<a
href="https://github.com/sourcegraph"
target="_blank"
rel="nofollow noopener noreferrer"
rel="nofollow noreferrer"
aria-label="GitHub"
>
<GithubIcon />
Expand All @@ -114,7 +114,7 @@ const Footer: FunctionComponent<Props> = ({ minimal, className }) => (
<a
href="https://twitter.com/sourcegraph"
target="_blank"
rel="nofollow noopener noreferrer"
rel="nofollow noreferrer"
aria-label="Twitter"
>
<TwitterIcon />
Expand All @@ -124,7 +124,7 @@ const Footer: FunctionComponent<Props> = ({ minimal, className }) => (
<a
href="https://www.linkedin.com/company/4803356/"
target="_blank"
rel="nofollow noopener noreferrer"
rel="nofollow noreferrer"
aria-label="LinkedIn"
>
<LinkedinIcon />
Expand All @@ -134,7 +134,7 @@ const Footer: FunctionComponent<Props> = ({ minimal, className }) => (
<a
href="https://www.youtube.com/c/Sourcegraph/featured"
target="_blank"
rel="nofollow noopener noreferrer"
rel="nofollow noreferrer"
aria-label="YouTube"
>
<YouTubeIcon />
Expand All @@ -144,7 +144,7 @@ const Footer: FunctionComponent<Props> = ({ minimal, className }) => (
<a
href="https://www.twitch.tv/sourcegraph"
target="_blank"
rel="nofollow noopener noreferrer"
rel="nofollow noreferrer"
aria-label="Twitch"
>
<TwitchIcon />
Expand All @@ -154,7 +154,7 @@ const Footer: FunctionComponent<Props> = ({ minimal, className }) => (
<a
href="https://open.spotify.com/user/p3ntuomfda8r7czdbsgy36ogk?si=8095204aefc24587"
target="_blank"
rel="nofollow noopene noreferrer"
rel="nofollow noreferrer"
aria-label="Spotify"
>
<SpotifyIcon />
Expand Down
9 changes: 3 additions & 6 deletions src/components/Layout/Header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -175,11 +175,7 @@ const Header: FunctionComponent<Props> = props => {
<Link href="/blog">Blog</Link>
</li>
<li className="nav-link" role="presentation">
<a
href="https://learn.sourcegraph.com/"
target="_blank"
rel="noopener nofollow noreferrer"
>
<a href="https://learn.sourcegraph.com/" target="_blank" rel="noreferrer">
Learn
</a>
</li>
Expand Down Expand Up @@ -235,7 +231,8 @@ const Header: FunctionComponent<Props> = props => {
<a
className="nav-link"
href="https://docs.sourcegraph.com"
target="_blank noreferrer noopener nofollow"
target="_blank"
rel="noreferrer"
>
Docs
</a>
Expand Down
6 changes: 3 additions & 3 deletions src/components/LeadershipSection.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -111,7 +111,7 @@ export const LeadershipSection: FunctionComponent<{ className?: string }> = ({ c
<a
href={staff.github}
target="_blank"
rel="nofollow noopener noreferrer"
rel="nofollow noreferrer"
aria-label="GitHub"
className="text-dark"
>
Expand All @@ -122,7 +122,7 @@ export const LeadershipSection: FunctionComponent<{ className?: string }> = ({ c
<a
href={staff.twitter}
target="_blank"
rel="nofollow noopener noreferrer"
rel="nofollow noreferrer"
aria-label="Twitter"
className="text-dark"
>
Expand All @@ -133,7 +133,7 @@ export const LeadershipSection: FunctionComponent<{ className?: string }> = ({ c
<a
href={staff.linkedin}
target="_blank"
rel="nofollow noopener noreferrer"
rel="nofollow noreferrer"
aria-label="LinkedIn"
className="text-dark"
>
Expand Down
2 changes: 1 addition & 1 deletion src/pages/contact/product-specialist.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ const Contact: FunctionComponent = () => {
<div className="col-md-6">
<h1 className="display-3 font-weight-bold">Talk to a product specialist</h1>
<h3 className="font-weight-light">Let us know how we can help. We'll follow up soon.</h3>
<div className="form mt-5">
<div className="mt-5">
<div id="hubspotContactForm" className="d-flex justify-center" />
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/pages/contact/request-batch-changes-demo.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ const Contact: FunctionComponent = () => {
<div className="col-md-6">
<h1 className="display-3 font-weight-bold">Request a demo</h1>
<h3 className="font-weight-light">{description}</h3>
<div className="form mt-5">
<div className="mt-5">
<div id="hubspotRequestBatchChangesDemo" className="d-flex justify-center" />
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/pages/contact/request-code-change-management-demo.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ const Contact: FunctionComponent = () => {
<h3 className="font-weight-light text-sans-serif">
We'll reach out to discuss a demo and to learn more about your needs.
</h3>
<div className="form mt-5">
<div className="mt-5">
<div
id="hubspotRequestCodeChangeManagementDemoForm"
className="d-flex justify-center"
Expand Down
2 changes: 1 addition & 1 deletion src/pages/contact/request-demo.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ const Contact: FunctionComponent = () => {
<h3 className="font-weight-light">
To schedule a demo with a product specialist, tell us a bit about yourself.
</h3>
<div className="form mt-5">
<div className="mt-5">
<div id="hubspotRequestDemoForm" className="d-flex justify-center" />
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/pages/contact/request-info.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ const Contact: FunctionComponent = () => {
<h3 className="font-weight-light">
Talk with a product specialist to learn more about Sourcegraph.
</h3>
<div className="form mt-5">
<div className="mt-5">
<div id="hubspotRequestTrialForm" className="d-flex justify-center" />
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/pages/contact/request-trial.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ const Contact: FunctionComponent = () => {
<h3 className="font-weight-light">
To start your free Sourcegraph trial, tell us a bit about yourself.
</h3>
<div className="form mt-5">
<div className="mt-5">
<div id="hubspotRequestTrialForm" className="d-flex justify-center" />
</div>
</div>
Expand Down
88 changes: 88 additions & 0 deletions src/pages/hackathons.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
import React, { FunctionComponent } from 'react'

import Link from 'next/link'

import { Layout } from '@components'
import { useHubSpot } from '@hooks'

export const Pricing: FunctionComponent = () => {
useHubSpot({
portalId: '2762526',
formId: '7d6c55af-3de3-4e57-a5df-a0de341a4814',
targetId: 'trial-form',
chiliPiper: true,
})

return (
<Layout
meta={{
title: 'Sourcegraph | Set up Sourcegraph at a Hackathon',
description: 'Set up Sourcegraph at a Hackathon',
}}
>
<section className="text-center mb-0 px-5">
<h1 className="mt-4">Set up Sourcegraph during a hackathon</h1>
<p>
We'll give you access to Sourcegraph Enterprise features so you can ship code search and
intelligence to your team.
</p>
</section>
<section className="d-flex justify-content-around flex-column flex-lg-row bg-white max-w-1100 p-4 m-auto">
<div className="mr-lg-5 mt-0 mb-2">
<div className="d-flex flex-column bg-light-gray-2 rounded p-5">
<p>
Want to win your hackathon? Set up Sourcegraph and bring the power of code search and code
intelligence to your engineering team!
</p>
<ul>
<li>
We'll give you access to all of our{' '}
<Link href="/pricing" passHref={true}>
Enterprise features
</Link>
</li>
<li>We'll give you live tech support</li>
<li>We'll ship you a bag of stickers, shirts, socks, and other great swag!</li>
</ul>

<p>
Fill out the form or tweet us{' '}
<a href="https://twitter.com/sourcegraph" target="_blank" rel="nofollow noreferrer">
@sourcegraph
</a>
, and we'll get back to you ASAP on how to get started!
</p>
<div className="border-top border-light-9">
<p className="pt-4">
Get started with the{' '}
<a
target="_blank"
rel="noreferrer"
href="https://docs.sourcegraph.com/admin/install/docker"
>
installation docs.
</a>
</p>
<p>
When you're ready to present, check out the{' '}
<a
target="_blank"
rel="noreferrer"
href="https://docs.sourcegraph.com/getting-started/tour"
>
Sourcegraph tour
</a>{' '}
for example use-cases to show off.
</p>
</div>
</div>
</div>
<div>
<div id="trial-form" />
</div>
</section>
</Layout>
)
}

export default Pricing
6 changes: 3 additions & 3 deletions src/pages/jobs.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ const CareersPage: FunctionComponent = () => {
href="https://grnh.se/c685479c4us"
title="Explore our jobs"
target="_blank"
rel="nofollow noopener noreferrer"
rel="nofollow noreferrer"
>
Explore our jobs
<ArrowRightIcon className="ml-3" />
Expand Down Expand Up @@ -104,9 +104,9 @@ const CareersPage: FunctionComponent = () => {
Learn more in{' '}
<a
target="_blank"
rel="noreferrer"
className="handbook-benefits-link"
href="https://handbook.sourcegraph.com/benefits-pay-perks/benefits-perks"
rel="nofollow noopener noreferrer"
>
our handbook
</a>
Expand Down Expand Up @@ -350,7 +350,7 @@ const CareersPage: FunctionComponent = () => {
href="https://grnh.se/c685479c4us"
title="Explore our jobs"
target="_blank"
rel="nofollow noopener noreferrer"
rel="nofollow noreferrer"
>
Explore our jobs
<ArrowRightIcon className="ml-3" />
Expand Down
4 changes: 2 additions & 2 deletions src/pages/news/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ const News: FunctionComponent = () => (
{article.articles.map(a => (
<article className="row border-bottom d-flex py-3" key={a.newsLink}>
<div className="col-sm-4 col-lg-2 text-center d-flex align-items-center mb-2 mb-md-0">
<a href={a.newsLink} target="_blank" rel="nofollow noopener noreferrer">
<a href={a.newsLink} target="_blank" rel="nofollow noreferrer">
<img
className="max-w-100 max-w-sm-150 w-100"
src={a.newsImage}
Expand All @@ -70,7 +70,7 @@ const News: FunctionComponent = () => (
className="d-block"
href={a.newsLink}
target="_blank"
rel="nofollow noopener noreferrer"
rel="nofollow noreferrer"
>
{a.newsTitle}
</a>
Expand Down
Loading

0 comments on commit 1e4aec1

Please sign in to comment.