-
Notifications
You must be signed in to change notification settings - Fork 58
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* base * sign up added * improved the banner design * add pricing pointers * add resource center redirection * adjusted toc and content layout * adjusted toc and content layout - actual * ToC active section highlight plus dynamic scroll * change active element defintion * increased the content to test properly * remove duplicate page feedback * replaced banner with sign up with strip * replaced banner sign up with strip sign up * highlight the strip * bold title * broken down into components and fixed scroll up botton * sidebar with toc and author details * learn OTel card * Otel Card * add job and related articles * improved design * change color * made mobile responsive * use new opentelemetry layout in blog and comparisons * transtion duration * horizontal scroll issue * add cta_title and cta_text for blog and comparisons, regroup elements in the strip * added cta title and text manually in a few articles * event tracking * remove unnecessary content added for testing * set max width of the page * fixed max width on wider screen * Launch week 3 day 4 blog (#1177) * added the blog * fix line break * Updated launch week page for day 4 (#1178) * chore(license): start sending region in verify and notify call (#1179) * chore(license): start sending region in verify and notify calL * feat(license): avoid potential race condition * add blog (#1180) * Update for day 5 (#1181) * Update for day 5 * removed timer * minor edit --------- Co-authored-by: ankit01-oss <> * Made minor edits to launch week page (#1182) Co-authored-by: ankit01-oss <> * chore: updated banner for community call (#1176) * store data region in localstorage * remove direct GA4 events * same event name in both sign up forms * build --------- Co-authored-by: Ankit Anand <[email protected]> Co-authored-by: Vikrant Gupta <[email protected]> Co-authored-by: CheetoDa <[email protected]>
- Loading branch information
4 people
authored
Feb 19, 2025
1 parent
bca2401
commit 23b2336
Showing
34 changed files
with
978 additions
and
268 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
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,74 @@ | ||
| /** @jsxImportSource react */ | ||
| import { ArrowRight } from 'lucide-react' | ||
|
|
||
| interface OpenTelemetryBannerProps { | ||
| title: string | ||
| ctaTitle?: string | ||
| ctaText?: string | ||
| date: string | ||
| readingTime: string | ||
| tags?: string[] | ||
| } | ||
|
|
||
| const OpenTelemetryBanner = ({ title, date, readingTime, tags = [] }: OpenTelemetryBannerProps) => { | ||
| return ( | ||
| <div className="relative overflow-hidden"> | ||
| <div className="relative w-full px-4 py-8 sm:py-12 md:py-16"> | ||
| {/* Dotted background pattern */} | ||
| <div className="-z-10"> | ||
| <div className="bg-dot-pattern masked-dots absolute inset-0 flex items-center justify-center opacity-100" /> | ||
| <div className="absolute left-0 right-0 top-0 mx-auto h-[600px] w-full flex-shrink-0 rounded-[956px] bg-gradient-to-b from-[rgba(190,107,241,1)] to-[rgba(69,104,220,0)] bg-[length:110%] bg-no-repeat opacity-30 blur-[300px] sm:bg-[center_-500px] md:h-[1200px]" /> | ||
| </div> | ||
|
|
||
| <div className="relative mx-auto max-w-7xl"> | ||
| <div className="flex flex-col space-y-6"> | ||
| {/* Top row with tags and meta info */} | ||
| <div className="flex flex-col space-y-4 sm:flex-row sm:items-start sm:justify-between sm:space-y-0"> | ||
| {/* Tags */} | ||
| <div className="flex flex-wrap items-center gap-2 sm:w-3/4 sm:gap-3"> | ||
| <a | ||
| href="/resource-center/opentelemetry/" | ||
| target="_blank" | ||
| className="flex w-fit items-center gap-2 rounded-full border border-signoz_ink-300 bg-signoz_ink-300/50 px-3 py-1 text-xs text-gray-400 transition-colors hover:border-signoz_robin-500 hover:text-white sm:px-4 sm:py-1.5 sm:text-sm" | ||
| > | ||
| <span>Part of OpenTelemetry Track</span> | ||
| <ArrowRight size={14} className="rotate-[-45deg]" /> | ||
| </a> | ||
| {tags.map((tag) => ( | ||
| <div | ||
| key={tag} | ||
| className="flex items-center gap-2 rounded-full bg-signoz_ink-300 px-3 py-1 sm:px-4 sm:py-1.5" | ||
| > | ||
| <span className="text-xs font-medium text-white sm:text-sm">{tag}</span> | ||
| </div> | ||
| ))} | ||
| </div> | ||
|
|
||
| {/* Meta info */} | ||
| <div className="flex items-center gap-2 text-xs text-gray-400 sm:text-sm"> | ||
| <span> | ||
| {new Date(date).toLocaleDateString('en-US', { | ||
| year: 'numeric', | ||
| month: 'long', | ||
| day: 'numeric', | ||
| })} | ||
| </span> | ||
| <span>•</span> | ||
| <span>{readingTime}</span> | ||
| </div> | ||
| </div> | ||
|
|
||
| {/* Title section */} | ||
| <div className="py-2"> | ||
| <h1 className="text-3xl font-bold leading-tight text-white sm:text-4xl md:text-5xl"> | ||
| {title} | ||
| </h1> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ) | ||
| } | ||
|
|
||
| export default OpenTelemetryBanner |
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,51 @@ | ||
| 'use client' | ||
|
|
||
| import Link from 'next/link' | ||
| import { ExternalLink } from 'lucide-react' | ||
|
|
||
| const RelatedJobs = () => { | ||
| return ( | ||
| <div className="pt-8 sm:pt-12 md:pt-16"> | ||
| <div className="mx-auto flex max-w-4xl flex-col items-start lg:flex-row lg:justify-between"> | ||
| <h2 className="mb-4 w-full text-lg font-semibold text-white sm:text-xl lg:mb-0 lg:w-1/3"> | ||
| Related Jobs at SigNoz | ||
| </h2> | ||
| <div className="w-full space-y-3 sm:space-y-4 lg:w-2/3"> | ||
| <Link | ||
| href="https://jobs.gem.com/signoz/am9icG9zdDq9T1P3W7Wo_S8W95vmBUTm" | ||
| target="_blank" | ||
| className="group flex items-center justify-between rounded-lg border border-signoz_ink-300 bg-signoz_ink-400/50 p-4 transition-colors hover:border-signoz_robin-500 sm:p-6" | ||
| > | ||
| <div> | ||
| <h3 className="text-base font-medium text-white sm:text-lg">Backend Engineer</h3> | ||
| <p className="mt-1 text-xs text-gray-400 sm:mt-2 sm:text-sm">Remote</p> | ||
| </div> | ||
| <ExternalLink | ||
| size={20} | ||
| className="text-gray-400 transition-colors group-hover:text-white" | ||
| /> | ||
| </Link> | ||
|
|
||
| <Link | ||
| href="https://jobs.gem.com/signoz/am9icG9zdDp2psmj00RLKrDBrAoeWtiJ" | ||
| target="_blank" | ||
| className="group flex items-center justify-between rounded-lg border border-signoz_ink-300 bg-signoz_ink-400/50 p-4 transition-colors hover:border-signoz_robin-500 sm:p-6" | ||
| > | ||
| <div> | ||
| <h3 className="text-base font-medium text-white sm:text-lg"> | ||
| Site Reliability Engineer (SRE) | ||
| </h3> | ||
| <p className="mt-1 text-xs text-gray-400 sm:mt-2 sm:text-sm">Remote</p> | ||
| </div> | ||
| <ExternalLink | ||
| size={20} | ||
| className="text-gray-400 transition-colors group-hover:text-white" | ||
| /> | ||
| </Link> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ) | ||
| } | ||
|
|
||
| export default RelatedJobs |
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,37 @@ | ||
| 'use client' | ||
|
|
||
| import Image from 'next/image' | ||
| import Authors from '../../constants/authors.json' | ||
|
|
||
| interface SidebarAuthorInfoProps { | ||
| authors: string[] | ||
| } | ||
|
|
||
| const SidebarAuthorInfo = ({ authors }: SidebarAuthorInfoProps) => { | ||
| const handelAuthorClick = (author: string) => { | ||
| window.open(Authors[author]?.url, '_blank') | ||
| } | ||
|
|
||
| return ( | ||
| <div className="flex flex-col"> | ||
| {authors?.map((author) => ( | ||
| <div | ||
| key={author} | ||
| className="flex cursor-pointer items-center gap-2 py-1 text-gray-500 transition-colors hover:text-white" | ||
| onClick={() => handelAuthorClick(author)} | ||
| > | ||
| <Image | ||
| className="h-4 w-4 rounded-full" | ||
| src={Authors[author]?.image_url} | ||
| alt="Rounded avatar" | ||
| width={16} | ||
| height={16} | ||
| /> | ||
| <span className="line-clamp-1 text-[11px]">{Authors[author]?.name}</span> | ||
| </div> | ||
| ))} | ||
| </div> | ||
| ) | ||
| } | ||
|
|
||
| export default SidebarAuthorInfo |
Oops, something went wrong.