Skip to content

[WEB-1515][Rework] - Updated the logo and theme colors #105

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Santhosh-testsigma merged 2 commits into from
Feb 6, 2025
Merged

[WEB-1515][Rework] - Updated the logo and theme colors #105

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
7bb50b9
Updated the logo and theme colors
Santhosh-testsigma Feb 6, 2025
9a764ad
Removed the unwanted file
Santhosh-testsigma Feb 6, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
150 changes: 88 additions & 62 deletions src/components/Footer.jsx
View file
Open in desktop

Large diffs are not rendered by default.

16 changes: 8 additions & 8 deletions src/components/Footer.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -117,8 +117,8 @@
margin-left: 0px;
position: relative;
right: 15px;
background: #03A973 !important;
border: 1px solid #03A973 !important;
background: #00b2bd !important;
border: 1px solid #00b2bd !important;
min-width: 150px;
height: 40px;
border-radius: 4px;
Expand Down Expand Up @@ -160,7 +160,7 @@
flex-basis: 40%;
align-items: center;
h4 {
color: #03A973;
color: #00b2bd;
}
}
}
Expand Down Expand Up @@ -218,8 +218,8 @@
color: #FFF;
margin-top: 11px;
margin-left: 0px;
background: #03A973 !important;
border: 1px solid #03A973 !important;
background: #00b2bd !important;
border: 1px solid #00b2bd !important;
max-width: 100%;
width: 97%;
height: 40px;
Expand Down Expand Up @@ -252,7 +252,7 @@
margin-top: 30px;
background-color: #F6F7F9;
padding: 30px 15px 15px 15px;
svg{
img{
margin: auto;
display: block;
}
Expand All @@ -277,7 +277,7 @@
height: auto;
}
a{
color: #03A973;
color: #00b2bd;
text-decoration: underline;
}
}
Expand All @@ -288,7 +288,7 @@
.p_0{
margin-top: 0px!important;
a{
color: #03A973;
color: #00b2bd;
}
}
.link_underline{
Expand Down
14 changes: 7 additions & 7 deletions src/components/LeftNav.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,17 +51,17 @@
button {
font-weight: 600;
&:hover{
color: #1AA874;
color: #00b2bd;
}
}
}

.parent:hover button{
color: #1AA874;
color: #00b2bd;
}

.parent:hover svg path{
fill: #1AA874;
fill: #00b2bd;
}

.parent {
Expand Down Expand Up @@ -97,7 +97,7 @@
outline: inherit;
text-transform: capitalize;
&:hover{
color: #1AA874;
color: #00b2bd;
}
@media (max-width: 576px) {
font-size: 13px;
Expand Down Expand Up @@ -153,7 +153,7 @@

&.currentUrl{
font-weight: 700;
color: #1AA874;
color: #00b2bd;
margin-left: 0px!important;

> * {
Expand All @@ -178,7 +178,7 @@
&:hover {
background-color: inherit;
border-radius: 3px;
color: #1AA874;
color: #00b2bd;
}
}
}
Expand Down Expand Up @@ -287,7 +287,7 @@
}

.text_green{
color: #1AA874;
color: #00b2bd;
}
.float_left{
float:left;
Expand Down
252 changes: 158 additions & 94 deletions src/components/SubNav.jsx
View file
Open in desktop

Large diffs are not rendered by default.

65 changes: 21 additions & 44 deletions src/components/header.jsx
View file
Open in desktop

Large diffs are not rendered by default.

13 changes: 13 additions & 0 deletions src/components/images/testsigma-logo-v3-dark.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 13 additions & 0 deletions src/components/images/testsigma-logo-v3.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion src/pages/tutorials/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ const IndexContent = () => {
<a
href='/request-demo'
target={'_blank'}
className='cta-link border border-green-600 px-4 py-1.5 bg-green-600 text-white rounded h-10'
className='cta-link border border-primary_teal_green px-4 py-1.5 base-teal-gradient text-white rounded h-10'
>
Schedule a free demo
</a>
Expand Down
252 changes: 132 additions & 120 deletions src/templates/page.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,140 +2,152 @@
import React from 'react';
import { graphql } from 'gatsby';
import Layout from '../components/layout';
import LeftNav from "../components/LeftNav";
import LeftNav from '../components/LeftNav';
import 'prismjs/themes/prism-tomorrow.css';
import './page.scss';
import SideBar from "../components/SideBar";
import EditDoc from "../components/EditButton";
import SEO from "../components/seo";
import { Link } from "../../.cache/gatsby-browser-entry";
import SearchInputBox from "../components/SearchInputBox";
import MobileView from "../components/MobileView";
import Footer from "../components/Footer"
import { environment } from "../environment";
import SideBar from '../components/SideBar';
import EditDoc from '../components/EditButton';
import SEO from '../components/seo';
import { Link } from '../../.cache/gatsby-browser-entry';
import SearchInputBox from '../components/SearchInputBox';
import MobileView from '../components/MobileView';
import Footer from '../components/Footer';
import { environment } from '../environment';
import Header from '../components/header';

export default ({ data, pageContext }) => {
const prev = pageContext.prev
? {
url: `${pageContext.prev.fields.slug}`,
title: pageContext.prev.frontmatter.title,
}
: null;

const prev = pageContext.prev
? {
url: `${pageContext.prev.fields.slug}`,
title: pageContext.prev.frontmatter.title
}
: null;

const next = pageContext.next
? {
url: `${pageContext.next.fields.slug}`,
title: pageContext.next.frontmatter.title
}
: null;

const post = data.markdownRemark;
let contextualLinks;
if (post.frontmatter.contextual_links) {
contextualLinks = <SideBar links={post.frontmatter.contextual_links} />;
}

if (environment.isStaging()) {
post.frontmatter.noindex = true;
}

return (
<Layout>
<SEO
title={post.frontmatter.page_title || post.frontmatter.title}
slug={post.fields.slug}
canonical={post.frontmatter.canonical}
metadesc={post.frontmatter.metadesc}
keywords={post.frontmatter.keywords}
social_share_summary={post.frontmatter.social_share_summary}
social_share_desc={post.frontmatter.social_share_desc}
social_share_image={post.frontmatter.social_share_image}
noindex={post.frontmatter.noindex}
/>
<Header/>
<hr />
{/*<SubNav></SubNav>*/}
<div className="w-full">
<div className="flex items-stretch">
<MobileView></MobileView>
<nav className="w-1/4 max-w-sm bg-gray-50">
<LeftNav />
</nav>
<div className="flex-auto w-4/5">
<div className="flex items-stretch w-full">
<main className="w-4/5">
<div className="doc-page px-20 py-14">
<h1>{post.frontmatter.title}</h1>
<span dangerouslySetInnerHTML={{ __html: post.html }} />

</div>

</main>
<aside className="w-1/5 bg-white">
<hr className="d-block lg:hidden" />
<div className="top-0 top-1 border-l pl-4 py-16 sticky">
<div className="edit-button">
<EditDoc className="items-end btn edit-button-styles flex inline-flex items-center" />
</div>
{contextualLinks}
<div className='float-cta rounded'>
<h3 className='cta-title font-semibold'>See how you can release 10x faster.</h3>
<a href='/request-demo' target='_blank' className='signup-btn border border-green-600 px-4 py-1.5 bg-green-600 font-bold text-white rounded'>Book a free demo</a>
</div>
</div>
</aside>
</div>
<div className="pagination_buttons">
<div className={prev ? 'flex justify-between' : 'overflow-hidden'}>
{prev && (
<div className="prev_button">
<Link to={prev.url}>
<span>Previous</span>
<svg stroke="" fill="#78757a" strokeWidth="0"
viewBox="0 0 24 24" className="css-1hyj6ne" height="1.6em" width="1.6em"
xmlns="http://www.w3.org/2000/svg">
<path
d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"></path>
</svg>
<h3 className="perviousLink">
{prev.title}</h3>

</Link>
</div>
)}
{next && (
<div className="next_button">
<Link to={next.url}>
<span>Next</span>
<svg stroke="" fill="#78757a" strokeWidth="0" viewBox="0 0 24 24"
className="css-jmo9lw" height="1.6em" width="1.6em"
xmlns="http://www.w3.org/2000/svg">
<path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"></path>
</svg>
<h3 className="next_link">
{next.title}
</h3>
</Link>
const next = pageContext.next
? {
url: `${pageContext.next.fields.slug}`,
title: pageContext.next.frontmatter.title,
}
: null;

</div>
const post = data.markdownRemark;
let contextualLinks;
if (post.frontmatter.contextual_links) {
contextualLinks = <SideBar links={post.frontmatter.contextual_links} />;
}

)}
</div>
<Footer />
</div>
if (environment.isStaging()) {
post.frontmatter.noindex = true;
}

</div>
return (
<Layout>
<SEO
title={post.frontmatter.page_title || post.frontmatter.title}
slug={post.fields.slug}
canonical={post.frontmatter.canonical}
metadesc={post.frontmatter.metadesc}
keywords={post.frontmatter.keywords}
social_share_summary={post.frontmatter.social_share_summary}
social_share_desc={post.frontmatter.social_share_desc}
social_share_image={post.frontmatter.social_share_image}
noindex={post.frontmatter.noindex}
/>
<Header />
<hr />
{/*<SubNav></SubNav>*/}
<div className='w-full'>
<div className='flex items-stretch'>
<MobileView></MobileView>
<nav className='w-1/4 max-w-sm bg-gray-50'>
<LeftNav />
</nav>
<div className='flex-auto w-4/5'>
<div className='flex items-stretch w-full'>
<main className='w-4/5'>
<div className='doc-page px-20 py-14'>
<h1>{post.frontmatter.title}</h1>
<span dangerouslySetInnerHTML={{ __html: post.html }} />
</div>
</main>
<aside className='w-1/5 bg-white'>
<hr className='d-block lg:hidden' />
<div className='top-0 top-1 border-l pl-4 py-16 sticky'>
<div className='edit-button'>
<EditDoc className='items-end btn edit-button-styles flex inline-flex items-center' />
</div>
{contextualLinks}
<div className='float-cta rounded'>
<h3 className='cta-title font-semibold'>
See how you can release 10x faster.
</h3>
<a
href='/request-demo'
target='_blank'
className='signup-btn border border-primary_teal_green px-4 py-1.5 base-teal-gradient font-bold text-white rounded'
>
Book a free demo
</a>
</div>
</div>
</aside>
</div>
</Layout>
);
<div className='pagination_buttons'>
<div
className={prev ? 'flex justify-between' : 'overflow-hidden'}
>
{prev && (
<div className='prev_button'>
<Link to={prev.url}>
<span>Previous</span>
<svg
stroke=''
fill='#78757a'
strokeWidth='0'
viewBox='0 0 24 24'
className='css-1hyj6ne'
height='1.6em'
width='1.6em'
xmlns='http://www.w3.org/2000/svg'
>
<path d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z'></path>
</svg>
<h3 className='perviousLink'>{prev.title}</h3>
</Link>
</div>
)}
{next && (
<div className='next_button'>
<Link to={next.url}>
<span>Next</span>
<svg
stroke=''
fill='#78757a'
strokeWidth='0'
viewBox='0 0 24 24'
className='css-jmo9lw'
height='1.6em'
width='1.6em'
xmlns='http://www.w3.org/2000/svg'
>
<path d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'></path>
</svg>
<h3 className='next_link'>{next.title}</h3>
</Link>
</div>
)}
</div>
<Footer />
</div>
</div>
</div>
</div>
</Layout>
);
};


export const query = graphql`
query($slug: String!) {
query ($slug: String!) {
markdownRemark(fields: { slug: { eq: $slug } }) {
html
frontmatter {
Expand Down
Loading