Blockquote/cleanup (#5595)

* Sm Case Study Layout updates * Typography & spacing updates * AuthorBio update * Bg-image & path change * Bg update * Consolidate similar Blockquote Border components * Floating box for Case/Challenge/Solution/Result * Cleanup * Hero/Nav bg-image> case studies * Lint/Prettier * Use InContentBlockquote * TrySG bg image * Lint/Prettier * Typography & link adjustments * Bg & padding adjustments * Gradient adjustments * Icon style update * Update content/blogposts/2020/our-abcs-always-be-coding-childrens-book.md Co-authored-by: Brett Hayes <[email protected]> * Update content/blogposts/2020/enable-gitlab-native-intelligence-sourcegraph-integration.md Co-authored-by: Brett Hayes <[email protected]> * Rename Blockquote * Adjust icon size * Lint/prettier * Rm text-center parent container on Blockquote * Blockquote name change * Consolidate unused quote components * Cleanup blogpost blockquotes * Center prop adjustment * Prettier/Lint * Rm unneeded wrapper * /jobs blockquote typography * Prettier/Lint Co-authored-by: Becca Steinbrecher <[email protected]@Beccas-MBP.lan> Co-authored-by: Becca Steinbrecher <[email protected]@Beccas-MacBook-Pro.local> Co-authored-by: Brett Hayes <[email protected]>
sourcegraph · Jul 20, 2022 · d96637a · d96637a
1 parent 214c827
commit d96637a
Showing 39 changed files with 168 additions and 191 deletions.
diff --git a/...e-review-code-on-github-like-in-an-ide-with-the-sourcegraph-chrome-extension.md b/...e-review-code-on-github-like-in-an-ide-with-the-sourcegraph-chrome-extension.md
@@ -53,4 +53,4 @@ After installing, view some code on GitHub and hover your mouse over identifiers
 *   JavaScript: [https://github.com/jquery/jquery/blob/master/src/core.js](https://github.com/jquery/jquery/blob/master/src/core.js)
 *   Pull request: [https://github.com/bitly/go-hostpool/pull/1/files](https://github.com/bitly/go-hostpool/pull/1/files)
 
-<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
+<script async src="//platform.twitter.com/widgets.js" charSet="utf-8"></script>
diff --git a/...sts/2019/gitlab-integrates-sourcegraph-code-navigation-and-code-intelligence.md b/...sts/2019/gitlab-integrates-sourcegraph-code-navigation-and-code-intelligence.md
@@ -19,7 +19,6 @@ published: true
 <Blockquote
   quote="Sourcegraph has the best find-definition, find-references, and intelligent code navigation capability on the planet - and they brought it to GitLab."
   author="Sid Sijbrandij, GitLab CEO"
-  center={true}
 />
 
 Check out the below video where Quinn sat down with GitLab CEO Sid Sijbrandij to discuss the native GitLab integration, and why Sourcegraph's code intelligence means better code reviews and improved code quality for [GitLab Enterprise](https://about.gitlab.com/solutions/enterprise-class/) customers and open source projects on [GitLab.com](https://gitlab.com/explore).

diff --git a/content/blogposts/2020/can-you-hear-me-no-but-we-read-you.md b/content/blogposts/2020/can-you-hear-me-no-but-we-read-you.md
@@ -34,7 +34,7 @@ Our team has been growing quickly, expanding from just a single product manager
 
 When we held our next product team sync, the whole team joined sans audio. We would all depend only on captions to follow the conversation.
 
-<blockquote style={{borderLeft: '2px solid #F96216'}}>
+<blockquote className="border-left border-3 border-vermillion px-4">
 <p><strong>A quick caution</strong></p>
 <p>Most exercises to simulate the experience of living with a disability aren’t effective—or even a good idea—because they can never truly simulate what it’s like to live day-by-day, and can leave folks with a mistaken idea of the experience.</p>
 <p>But this idea was compelling because the unique nature of the hacky setup I’m using means that it’s not about <em>ability</em>, it’s about <em>technology</em>. It wasn’t about learning what it’s like to do video calls with a hearing problem: it was about learning what it’s like to rely on captions for video calls.</p>
@@ -79,7 +79,7 @@ Even sentence structure has changed: others have started to say names at the beg
 
 Most compelling of all, many members of the team are now using captions on calls themselves—not because they need them, but to keep an eye on how what they’re saying is being received by others on the call who might be relying on them.
 
-<blockquote style={{borderLeft: '2px solid #00B4F2'}}>
+<blockquote  className="border-left border-3 border-sky-blue px-4">
 <p>Another member of our team shared a wonderful story of their own after reading this article:</p>
 <p><em>Incidentally, we did something almost exactly like this on my previous team! I hired an excellent engineer who was hard of hearing, and we were using Meet for captioning. After some hiccups and realizing that we had left that engineer behind a couple of times, we all decided to turn on captioning and to pay attention to it.</em></p>
 <p><em>It was great for giving us an idea of what our teammate was experiencing, but the most important thing was that it gave us a chance to correct ourselves when we “misspoke”—when the captioning said something other than what we'd intended. This way, we avoided putting the burden of deciphering onto the engineer who relied on the captions.</em></p>

diff --git a/...ent/blogposts/2020/enable-gitlab-native-intelligence-sourcegraph-integration.md b/...ent/blogposts/2020/enable-gitlab-native-intelligence-sourcegraph-integration.md
@@ -16,7 +16,6 @@ published: true
 <Blockquote
   quote="Sourcegraph has the best find-definition, find-references, and intelligent code navigation capability on the planet - and they brought it to GitLab."
   author="Sid Sijbrandij, GitLab CEO"
-  center={true}
 />
 
 With the [GitLab native code intelligence integration from Sourcegraph](/blog/gitlab-integrates-sourcegraph-code-navigation-and-code-intelligence), you can bring IDE-like features such as hover tooltips and go to definition to every GitLab code view. The below screencasts show you how to enable the Sourcegraph integration for both GitLab CE/EE and GitLab.com.

diff --git a/content/blogposts/2020/our-abcs-always-be-coding-childrens-book.md b/content/blogposts/2020/our-abcs-always-be-coding-childrens-book.md
@@ -38,8 +38,7 @@ The A-Z format introduces simple concepts in a fun and easy-to-understand way so
 
 <Blockquote
   quote="Dinosaurs, llamas, and dump trucks are cool—but so is coding. At Sourcegraph, many of us, myself included, have young children who now see us working on the computer all day. We love software development and wrote this book as a fun way to share our passion for coding with our kids."
-  author="Quinn Slack"
-  center={true}
+  author='Quinn Slack'
 />
 
 We hope you enjoy the book and would love to get your feedback [via Twitter](https://twitter.com/intent/tweet?text=For%20all%20children%20at%20home%20that%20wonder%20what%20their%20techie%20parents%20do%20all%20day%2C%20night%2C%20and%20some%20weekends%2C%20too%2C%20they%20need%20the%20%22Our%20ABCs%3A%20Always%20Be%20Coding%22%20book%20by%20@sourcegraph%20-%20https%3A//about.sourcegraph.com/abc%20%23ABCsbook) or [email](mailto:[email protected]).

diff --git a/content/blogposts/2021/dev-tool-time-amir-rajan.md b/content/blogposts/2021/dev-tool-time-amir-rajan.md
@@ -39,7 +39,7 @@ Over the next few years, he refined his hardware for comfort, work, and more eff
 Two significant monitor changes led to Amir's most recent iteration. He purchased one, then another, 49" curved, ultrawide monitor, which provided the screen real estate for the right number of correctly sized windows. Then, he replaced one of these with the Apple 32" Pro Display XDR monitor, solving his need to verify color levels and quality as he built games for different platforms and displays.
 
 <div style={{position:'relative'}}>
-    <blockquote className="twitter-tweet" style={{textAlign:'center'}} data-dnt="true"><p lang="en" dir="ltr">Iteration 16 of my dev setup: <a href="https://t.co/xwtMJE32hc">pic.twitter.com/xwtMJE32hc</a></p>&mdash; Amir Rajan (@amirrajan) <a href="https://twitter.com/amirrajan/status/1441174275386449921?ref_src=twsrc%5Etfw">September 23, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+    <blockquote className="twitter-tweet" style={{textAlign:'center'}} data-dnt="true"><p lang="en" dir="ltr">Iteration 16 of my dev setup: <a href="https://t.co/xwtMJE32hc">pic.twitter.com/xwtMJE32hc</a></p>&mdash; Amir Rajan (@amirrajan) <a href="https://twitter.com/amirrajan/status/1441174275386449921?ref_src=twsrc%5Etfw">September 23, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charSet="utf-8"></script>
 </div>
 
 Amir keeps an updated gist with links to his setups since 2018. Check them all out here: [Evolution of Amir's battle stage](https://gist.github.com/amirrajan/926cb51ee49a661abdfa6656662c07ca)!

diff --git a/content/blogposts/2021/dev-tool-time-leah-culver.md b/content/blogposts/2021/dev-tool-time-leah-culver.md
@@ -42,7 +42,7 @@ Slightly more complex Git functionalities, such as cherry picking into other bra
 
 ## [Dropbox Paper](https://www.dropbox.com/paper)
 
-<blockquote className="twitter-tweet tw-align-center"><p lang="en" dir="ltr">“If you’re still using Google docs, what are you doing!” 😂Questioning everything as <a href="https://twitter.com/leahculver?ref_src=twsrc%5Etfw">@leahculver</a> walks us through her workflow and favorite tools. <a href="https://t.co/1kYLl1QfZU">https://t.co/1kYLl1QfZU</a></p>&mdash; Kacie (@mskaciej) <a href="https://twitter.com/mskaciej/status/1387471457018515458?ref_src=twsrc%5Etfw">April 28, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+<blockquote className="twitter-tweet tw-align-center"><p lang="en" dir="ltr">“If you’re still using Google docs, what are you doing!” 😂Questioning everything as <a href="https://twitter.com/leahculver?ref_src=twsrc%5Etfw">@leahculver</a> walks us through her workflow and favorite tools. <a href="https://t.co/1kYLl1QfZU">https://t.co/1kYLl1QfZU</a></p>&mdash; Kacie (@mskaciej) <a href="https://twitter.com/mskaciej/status/1387471457018515458?ref_src=twsrc%5Etfw">April 28, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charSet="utf-8"></script>
 
 Leah loves the simplicity of Dropbox Paper for taking notes and appreciates how easy it is to include Markdown as well as the fun features like adding emoji. Despite its name, Dropbox Paper is not intended to be used to format something that will later be printed. It’s intended as a minimalistic note-taking app that allows the user to discover hidden features along the way instead of the traditional approach of cluttering all the options into hierarchical menus. One of the cooler hidden features is its rich [code syntax highlighting](https://youtu.be/QNYoOCLocAI?t=1187) (this blew our minds).
 

diff --git a/...to-not-break-a-search-engine-or-what-i-learned-about-unglamorous-engineering.md b/...to-not-break-a-search-engine-or-what-i-learned-about-unglamorous-engineering.md
@@ -208,7 +208,7 @@ There's unglamorous engineering in the software all around us. For all its lack
 of recognition, I wish we grasped its value a bit better. I'm reminded of a
 tweet by a former colleague who researched donations for open source projects:
 
-<blockquote className="twitter-tweet tw-align-center" data-conversation="none"><p lang="en" dir="ltr">I can tell you from some informal interviews we did outside that paper, that people spend the money on gruntwork — the stuff that’s fun they’re more likely to do anyway, money or not.</p>&mdash; Bogdan Vasilescu (@b_vasilescu) <a href="https://twitter.com/b_vasilescu/status/1279199236094132227?ref_src=twsrc%5Etfw">July 3, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+<blockquote className="twitter-tweet tw-align-center" data-conversation="none"><p lang="en" dir="ltr">I can tell you from some informal interviews we did outside that paper, that people spend the money on gruntwork — the stuff that’s fun they’re more likely to do anyway, money or not.</p>&mdash; Bogdan Vasilescu (@b_vasilescu) <a href="https://twitter.com/b_vasilescu/status/1279199236094132227?ref_src=twsrc%5Etfw">July 3, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charSet="utf-8"></script>
 
 This suggests that gruntwork, if not glamorous, is certainly valuable (and
 perhaps, even disproportionately so). At the same time, I wouldn't necessarily
@@ -262,7 +262,7 @@ other engineers at Sourcegraph doing momentous but unglamorous things that most
 of the organization is blissfully unaware of. And the Twitterverse suggests
 there's more of it happening in software all around us:
 
-<blockquote className="twitter-tweet tw-align-center"><p lang="en" dir="ltr">A huge problem in software companies is that large new features get praise, promotions, accolades... while migrating off a legacy system, increasing performance 2,4,10X, or reducing error rates, pages, or alerts by X% is often only recognized by peers and not leadership.</p>&mdash; Dan Mayer (@danmayer) <a href="https://twitter.com/danmayer/status/1395564252308541440?ref_src=twsrc%5Etfw">May 21, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+<blockquote className="twitter-tweet tw-align-center"><p lang="en" dir="ltr">A huge problem in software companies is that large new features get praise, promotions, accolades... while migrating off a legacy system, increasing performance 2,4,10X, or reducing error rates, pages, or alerts by X% is often only recognized by peers and not leadership.</p>&mdash; Dan Mayer (@danmayer) <a href="https://twitter.com/danmayer/status/1395564252308541440?ref_src=twsrc%5Etfw">May 21, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charSet="utf-8"></script>
 
 I empathize with the engineers who don't have an audience for their unglamorous
 work, who want to say, "I did A Thing, there's nothing to see, but more people

diff --git a/content/blogposts/2021/why-index-the-oss-universe.md b/content/blogposts/2021/why-index-the-oss-universe.md
@@ -50,8 +50,8 @@ Indexing the open source universe doesn’t only benefit consumers of open sourc
 > “The modern world is built on open source software, most of the critical apps and products we use daily won't exist without it. Sourcegraph indexing the entire open source code on the web feels like the "Google" of open source. Its code search tool is a massive leap for collaboration in the open source community. It will allow more people to explore projects, walk through large codebases with ease, even discover dependent projects. This is such a huge step forward!" - Segun Adebayo, Creator of Chakra UI
 
 <div style={{position:'relative'}}>
-	<blockquote className="twitter-tweet" style={{textAlign:'center'}} data-conversation="none" cards="hidden"><p lang="en" dir="ltr">I actually start to share open source code in tickets and chat using links to sourcegraph. Its just a straight up better code browsing experience, only second to local IDE. That helps others navigate and understand issue a lot faster. Example <a href="https://t.co/baVKwWRgIb">https://t.co/baVKwWRgIb</a>.</p>&mdash; Son Luong (@sluongng) <a href="https://twitter.com/sluongng/status/1415667615100325889?ref_src=twsrc%5Etfw">July 15, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-	<blockquote className="twitter-tweet"  style={{textAlign:'center'}} data-conversation="none" cards="hidden"><p lang="en" dir="ltr">I&#39;m biased, but <a href="https://twitter.com/sourcegraph?ref_src=twsrc%5Etfw">@sourcegraph</a> is so useful for open source maintainers.<br/>I want to deprecate a method in Ohm, and I&#39;m wondering how many people use it. A quick Sourcegraph tells me: not many.<a href="https://t.co/KHw3rx9nXi">https://t.co/KHw3rx9nXi</a></p>&mdash; Patrick Dubroy (@dubroy) <a href="https://twitter.com/dubroy/status/1420293649519230978?ref_src=twsrc%5Etfw">July 28, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+	<blockquote className="twitter-tweet" style={{textAlign:'center'}} data-conversation="none" cards="hidden"><p lang="en" dir="ltr">I actually start to share open source code in tickets and chat using links to sourcegraph. Its just a straight up better code browsing experience, only second to local IDE. That helps others navigate and understand issue a lot faster. Example <a href="https://t.co/baVKwWRgIb">https://t.co/baVKwWRgIb</a>.</p>&mdash; Son Luong (@sluongng) <a href="https://twitter.com/sluongng/status/1415667615100325889?ref_src=twsrc%5Etfw">July 15, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charSet="utf-8"></script>
+	<blockquote className="twitter-tweet"  style={{textAlign:'center'}} data-conversation="none" cards="hidden"><p lang="en" dir="ltr">I&#39;m biased, but <a href="https://twitter.com/sourcegraph?ref_src=twsrc%5Etfw">@sourcegraph</a> is so useful for open source maintainers.<br/>I want to deprecate a method in Ohm, and I&#39;m wondering how many people use it. A quick Sourcegraph tells me: not many.<a href="https://t.co/KHw3rx9nXi">https://t.co/KHw3rx9nXi</a></p>&mdash; Patrick Dubroy (@dubroy) <a href="https://twitter.com/dubroy/status/1420293649519230978?ref_src=twsrc%5Etfw">July 28, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charSet="utf-8"></script>
 </div>
 
 Maintaining an open source project and community is a herculean task. In a recent Sourcegraph [podcast episode](https://about.sourcegraph.com/podcast/devon-zuegel/), Devon Zuegel, creator of GitHub Sponsors, called maintainers the linchpins of the OSS ecosystem, saying “I see the maintainers of open source projects as sort of the keystone species of the entire open source ecosystem. There aren't that many of them, so they're easy to overlook, but actually they're deeply important and if they're not doing well, the whole ecosystem is not going to do well.”

diff --git a/content/podcast/2.14.md b/content/podcast/2.14.md
@@ -417,7 +417,7 @@ Dropbox had an instance internally. I know a lot of ex-Stripe people, wherever t
 That's awesome. I'm trying to find this [tweet](https://twitter.com/patio11/status/1086111513671217152) from one of your former colleagues, Patrick McKenzie, about how useful this tool is:
 
 <div style={{position: 'relative'}}>
-    <blockquote class="twitter-tweet" align="center" data-dnt="true" data-theme="light"><p lang="en" dir="ltr">When folks ask me a question about our codebase internally I try to<br /><br />a) answer the question<br />b) say &quot;If I were trying to find the answer to that question with our tools, here&#39;s my entry point, here&#39;s the search query, and here&#39;s my mental heuristic for why I&#39;d click on result #3&quot;</p>&mdash; Patrick McKenzie (@patio11) <a href="https://twitter.com/patio11/status/1086111513671217152?ref_src=twsrc%5Etfw">January 18, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+    <blockquote className="twitter-tweet" align="center" data-dnt="true" data-theme="light"><p lang="en" dir="ltr">When folks ask me a question about our codebase internally I try to<br /><br />a) answer the question<br />b) say &quot;If I were trying to find the answer to that question with our tools, here&#39;s my entry point, here&#39;s the search query, and here&#39;s my mental heuristic for why I&#39;d click on result #3&quot;</p>&mdash; Patrick McKenzie (@patio11) <a href="https://twitter.com/patio11/status/1086111513671217152?ref_src=twsrc%5Etfw">January 18, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charSet="utf-8"></script>
 </div>
 
 He goes on to say, "Since it's publicly available, let me mention that the most common tool I use for answering these questions is Livegrep and that I intend to boot up a Livegrep instance on the first day of every startup for the rest of my life. It borders on miraculous." It doesn't get much better than that as far as user testimonials go.