From 8250402cdb428c86826c08beeadaedd71146cce4 Mon Sep 17 00:00:00 2001 From: Tim Zielonko <60713139+zlonko@users.noreply.github.com> Date: Wed, 6 Apr 2022 14:29:00 -0500 Subject: [PATCH] Port community page (#72) * Transfer Community page * Adjust list spacing * replace list-spaced with bootstrap utility classes * remove list-spaced in batch-changes, implement bootstrap utility classes on list * point buttonStyle and buttonLocation to components, remove duplicate tracking.ts * add nav-item overrride for styling tabs * updated tab keys on What's Next * organized classes in Community scss * replace image styles with bootstrap or _spacing * replace list-spaced class with bootstrap util on code-search * correct What's Next tab colors for mobile * add mobile tabs fix to Batch Changes scss --- src/pages/batch-changes.tsx | 10 +- src/pages/code-search.tsx | 8 +- src/pages/community.tsx | 255 +++++++++++++++++++++++++++ src/styles/globals.scss | 4 - src/styles/pages/_batch-changes.scss | 4 + src/styles/pages/_community.scss | 27 +-- 6 files changed, 283 insertions(+), 25 deletions(-) create mode 100644 src/pages/community.tsx diff --git a/src/pages/batch-changes.tsx b/src/pages/batch-changes.tsx index 3495e8a6109..7769b305178 100644 --- a/src/pages/batch-changes.tsx +++ b/src/pages/batch-changes.tsx @@ -96,14 +96,14 @@ export const BatchChangesPage: FunctionComponent = () => (

Search, define, execute, and track code changes

-
diff --git a/src/pages/code-search.tsx b/src/pages/code-search.tsx index fd75caa1c51..4be84781677 100644 --- a/src/pages/code-search.tsx +++ b/src/pages/code-search.tsx @@ -78,16 +78,16 @@ export const CodeSearchPage: FunctionComponent = () => (

A search engine built for code

-
+ } + > + +

Get up to speed

+
+

+ We can’t give you a 25-hour day, but here is a{' '} + speed sheet with the most useful Sourcegraph + shortcuts. Need even more speed? Fasten your seat belt and dive into our curated{' '} + tutorials & other{' '} + tip documents. +

+
+
+
+ +
+ Sourcegraph Cheatsheet +
+ +
+
+ + +
+ +
+
+

Sourcegraph Champions Program

+

+ In the spirit of collaboration, we created the Sourcegraph Champions Program to serve the + developer community, create a friendly networking space and share knowledge among each + other. +

+

+ We believe that if we create the right environment and provide equal resources for all, + everyone can learn how to code. This is our mission. And if you share the same idea you are + a "champion" in our eyes. +

+

+ We can't wait to meet you! And send you really cool custom swag ;) +
+ + Become a Sourcegraph Champion + +

+

+ Or if you know someone that should be a Sourcegraph Champion, please{' '} + nominate them. +

+
+
+ Become a Sourcegraph Champion! +
+
+ +
+ + +
+
+

DM us on Slack. We're here.

+ What you seek is seeking you — come, chat and collaborate with inspiring engineers like you. +
    +
  • Ask questions - any questions: what is the best sit-stand desk?
    • +
  • Reach out to the community, discover new ideas & seek or give mentorship
    • +
  • Share the road less traveled so that everyone can learn
    • +
+ + Join us on Slack + +
+
+ DM us on Slack! +
+
+ + + +

What's next?

+ + +
+
+

+ Keynote speakers. Job opportunities and partnerships. You can find us in every major + industry event. Give us an air-hug if you see us. +

+ +
+
+ + +
+
+

+ Cool hardware. Most-wanted guests. And hot topics. Check our{' '} + YouTube channel and + subscribe to keep up with new episodes. +

+ + Dev Tool Time + +
+
+ + +
+
+

+ Tune into our developer convos wherever you listen to your favorite podcasts. Every + episode is an inspiration. +

+ + Podcasts + +
+
+ + + + + +
+
+

We’d love to hear from you!

+
+ Connect with us on the Sourcegraph Community Slack group, direct message us on Twitter, LinkedIn, or + email us at community@sourcegraph.com. +
+
+ + Join us on Slack + +
+ + Send us an email + +
+
+ + +) + +export default Community diff --git a/src/styles/globals.scss b/src/styles/globals.scss index 7250427fd3f..7618b8ca17a 100644 --- a/src/styles/globals.scss +++ b/src/styles/globals.scss @@ -284,10 +284,6 @@ table { font-family: $font-family-base !important; } -.list-spaced > li { - margin-bottom: 1rem; -} - .nav-tabs { font-weight: 600; font-size: 1.25em; diff --git a/src/styles/pages/_batch-changes.scss b/src/styles/pages/_batch-changes.scss index fa6d3c588ac..0c24f9ef303 100644 --- a/src/styles/pages/_batch-changes.scss +++ b/src/styles/pages/_batch-changes.scss @@ -17,6 +17,10 @@ &:hover { color: $brand-primary-blue; + + @media only screen and (max-width: 990px) { + color: unset; + } } } } diff --git a/src/styles/pages/_community.scss b/src/styles/pages/_community.scss index 72dc25a8a66..79154a410f5 100644 --- a/src/styles/pages/_community.scss +++ b/src/styles/pages/_community.scss @@ -5,17 +5,20 @@ background-size: 100% 100%; background-position: top left; } -} - -.hero_img { - width: 100%; - margin-top: 100px; -} -.cheatsheet_img { - max-width: 75%; -} - -.sg_champion_img { - width: 100%; + .nav-item { + button { + font-weight: 600; + background-color: transparent; + color: $blue; + + &:hover { + color: $brand-primary-blue; + + @media only screen and (max-width: 990px) { + color: unset; + } + } + } + } }