Skip to content

Commit fc7045f

Browse files
Santhosh-testsigmaSanthosh-testsigma
authored
[WEB-1515][Rework] - Updated the logo and theme colors (#105)
* Updated the logo and theme colors * Removed the unwanted file
1 parent a736f82 commit fc7045f

11 files changed

Lines changed: 451 additions & 338 deletions

File tree

‎src/components/Footer.jsx‎

Lines changed: 88 additions & 62 deletions
Large diffs are not rendered by default.

‎src/components/Footer.scss‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -117,8 +117,8 @@
117117
margin-left: 0px;
118118
position: relative;
119119
right: 15px;
120-
background: #03A973 !important;
121-
border: 1px solid #03A973 !important;
120+
background: #00b2bd !important;
121+
border: 1px solid #00b2bd !important;
122122
min-width: 150px;
123123
height: 40px;
124124
border-radius: 4px;
@@ -160,7 +160,7 @@
160160
flex-basis: 40%;
161161
align-items: center;
162162
h4 {
163-
color: #03A973;
163+
color: #00b2bd;
164164
}
165165
}
166166
}
@@ -218,8 +218,8 @@
218218
color: #FFF;
219219
margin-top: 11px;
220220
margin-left: 0px;
221-
background: #03A973 !important;
222-
border: 1px solid #03A973 !important;
221+
background: #00b2bd !important;
222+
border: 1px solid #00b2bd !important;
223223
max-width: 100%;
224224
width: 97%;
225225
height: 40px;
@@ -252,7 +252,7 @@
252252
margin-top: 30px;
253253
background-color: #F6F7F9;
254254
padding: 30px 15px 15px 15px;
255-
svg{
255+
img{
256256
margin: auto;
257257
display: block;
258258
}
@@ -277,7 +277,7 @@
277277
height: auto;
278278
}
279279
a{
280-
color: #03A973;
280+
color: #00b2bd;
281281
text-decoration: underline;
282282
}
283283
}
@@ -288,7 +288,7 @@
288288
.p_0{
289289
margin-top: 0px!important;
290290
a{
291-
color: #03A973;
291+
color: #00b2bd;
292292
}
293293
}
294294
.link_underline{

‎src/components/LeftNav.scss‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -51,17 +51,17 @@
5151
button {
5252
font-weight: 600;
5353
&:hover{
54-
color: #1AA874;
54+
color: #00b2bd;
5555
}
5656
}
5757
}
5858

5959
.parent:hover button{
60-
color: #1AA874;
60+
color: #00b2bd;
6161
}
6262

6363
.parent:hover svg path{
64-
fill: #1AA874;
64+
fill: #00b2bd;
6565
}
6666

6767
.parent {
@@ -97,7 +97,7 @@
9797
outline: inherit;
9898
text-transform: capitalize;
9999
&:hover{
100-
color: #1AA874;
100+
color: #00b2bd;
101101
}
102102
@media (max-width: 576px) {
103103
font-size: 13px;
@@ -153,7 +153,7 @@
153153

154154
&.currentUrl{
155155
font-weight: 700;
156-
color: #1AA874;
156+
color: #00b2bd;
157157
margin-left: 0px!important;
158158

159159
> * {
@@ -178,7 +178,7 @@
178178
&:hover {
179179
background-color: inherit;
180180
border-radius: 3px;
181-
color: #1AA874;
181+
color: #00b2bd;
182182
}
183183
}
184184
}
@@ -287,7 +287,7 @@
287287
}
288288

289289
.text_green{
290-
color: #1AA874;
290+
color: #00b2bd;
291291
}
292292
.float_left{
293293
float:left;

‎src/components/SubNav.jsx‎

Lines changed: 158 additions & 94 deletions
Large diffs are not rendered by default.

‎src/components/header.jsx‎

Lines changed: 21 additions & 44 deletions
Large diffs are not rendered by default.

‎src/components/images/testsigma-logo-v3-dark.svg‎

Lines changed: 13 additions & 0 deletions
Loading

‎src/components/images/testsigma-logo-v3.svg‎

Lines changed: 13 additions & 0 deletions
Loading

‎src/pages/tutorials/index.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ const IndexContent = () => {
3939
<a
4040
href='/request-demo'
4141
target={'_blank'}
42-
className='cta-link border border-green-600 px-4 py-1.5 bg-green-600 text-white rounded h-10'
42+
className='cta-link border border-primary_teal_green px-4 py-1.5 base-teal-gradient text-white rounded h-10'
4343
>
4444
Schedule a free demo
4545
</a>

‎src/templates/page.jsx‎

Lines changed: 132 additions & 120 deletions
Original file line numberDiff line numberDiff line change
@@ -2,140 +2,152 @@
22
import React from 'react';
33
import { graphql } from 'gatsby';
44
import Layout from '../components/layout';
5-
import LeftNav from "../components/LeftNav";
5+
import LeftNav from '../components/LeftNav';
66
import 'prismjs/themes/prism-tomorrow.css';
77
import './page.scss';
8-
import SideBar from "../components/SideBar";
9-
import EditDoc from "../components/EditButton";
10-
import SEO from "../components/seo";
11-
import { Link } from "../../.cache/gatsby-browser-entry";
12-
import SearchInputBox from "../components/SearchInputBox";
13-
import MobileView from "../components/MobileView";
14-
import Footer from "../components/Footer"
15-
import { environment } from "../environment";
8+
import SideBar from '../components/SideBar';
9+
import EditDoc from '../components/EditButton';
10+
import SEO from '../components/seo';
11+
import { Link } from '../../.cache/gatsby-browser-entry';
12+
import SearchInputBox from '../components/SearchInputBox';
13+
import MobileView from '../components/MobileView';
14+
import Footer from '../components/Footer';
15+
import { environment } from '../environment';
1616
import Header from '../components/header';
1717

1818
export default ({ data, pageContext }) => {
19+
const prev = pageContext.prev
20+
? {
21+
url: `${pageContext.prev.fields.slug}`,
22+
title: pageContext.prev.frontmatter.title,
23+
}
24+
: null;
1925

20-
const prev = pageContext.prev
21-
? {
22-
url: `${pageContext.prev.fields.slug}`,
23-
title: pageContext.prev.frontmatter.title
24-
}
25-
: null;
26-
27-
const next = pageContext.next
28-
? {
29-
url: `${pageContext.next.fields.slug}`,
30-
title: pageContext.next.frontmatter.title
31-
}
32-
: null;
33-
34-
const post = data.markdownRemark;
35-
let contextualLinks;
36-
if (post.frontmatter.contextual_links) {
37-
contextualLinks = <SideBar links={post.frontmatter.contextual_links} />;
38-
}
39-
40-
if (environment.isStaging()) {
41-
post.frontmatter.noindex = true;
42-
}
43-
44-
return (
45-
<Layout>
46-
<SEO
47-
title={post.frontmatter.page_title || post.frontmatter.title}
48-
slug={post.fields.slug}
49-
canonical={post.frontmatter.canonical}
50-
metadesc={post.frontmatter.metadesc}
51-
keywords={post.frontmatter.keywords}
52-
social_share_summary={post.frontmatter.social_share_summary}
53-
social_share_desc={post.frontmatter.social_share_desc}
54-
social_share_image={post.frontmatter.social_share_image}
55-
noindex={post.frontmatter.noindex}
56-
/>
57-
<Header/>
58-
<hr />
59-
{/*<SubNav></SubNav>*/}
60-
<div className="w-full">
61-
<div className="flex items-stretch">
62-
<MobileView></MobileView>
63-
<nav className="w-1/4 max-w-sm bg-gray-50">
64-
<LeftNav />
65-
</nav>
66-
<div className="flex-auto w-4/5">
67-
<div className="flex items-stretch w-full">
68-
<main className="w-4/5">
69-
<div className="doc-page px-20 py-14">
70-
<h1>{post.frontmatter.title}</h1>
71-
<span dangerouslySetInnerHTML={{ __html: post.html }} />
72-
73-
</div>
74-
75-
</main>
76-
<aside className="w-1/5 bg-white">
77-
<hr className="d-block lg:hidden" />
78-
<div className="top-0 top-1 border-l pl-4 py-16 sticky">
79-
<div className="edit-button">
80-
<EditDoc className="items-end btn edit-button-styles flex inline-flex items-center" />
81-
</div>
82-
{contextualLinks}
83-
<div className='float-cta rounded'>
84-
<h3 className='cta-title font-semibold'>See how you can release 10x faster.</h3>
85-
<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>
86-
</div>
87-
</div>
88-
</aside>
89-
</div>
90-
<div className="pagination_buttons">
91-
<div className={prev ? 'flex justify-between' : 'overflow-hidden'}>
92-
{prev && (
93-
<div className="prev_button">
94-
<Link to={prev.url}>
95-
<span>Previous</span>
96-
<svg stroke="" fill="#78757a" strokeWidth="0"
97-
viewBox="0 0 24 24" className="css-1hyj6ne" height="1.6em" width="1.6em"
98-
xmlns="http://www.w3.org/2000/svg">
99-
<path
100-
d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"></path>
101-
</svg>
102-
<h3 className="perviousLink">
103-
{prev.title}</h3>
104-
105-
</Link>
106-
</div>
107-
)}
108-
{next && (
109-
<div className="next_button">
110-
<Link to={next.url}>
111-
<span>Next</span>
112-
<svg stroke="" fill="#78757a" strokeWidth="0" viewBox="0 0 24 24"
113-
className="css-jmo9lw" height="1.6em" width="1.6em"
114-
xmlns="http://www.w3.org/2000/svg">
115-
<path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"></path>
116-
</svg>
117-
<h3 className="next_link">
118-
{next.title}
119-
</h3>
120-
</Link>
26+
const next = pageContext.next
27+
? {
28+
url: `${pageContext.next.fields.slug}`,
29+
title: pageContext.next.frontmatter.title,
30+
}
31+
: null;
12132

122-
</div>
33+
const post = data.markdownRemark;
34+
let contextualLinks;
35+
if (post.frontmatter.contextual_links) {
36+
contextualLinks = <SideBar links={post.frontmatter.contextual_links} />;
37+
}
12338

124-
)}
125-
</div>
126-
<Footer />
127-
</div>
39+
if (environment.isStaging()) {
40+
post.frontmatter.noindex = true;
41+
}
12842

129-
</div>
43+
return (
44+
<Layout>
45+
<SEO
46+
title={post.frontmatter.page_title || post.frontmatter.title}
47+
slug={post.fields.slug}
48+
canonical={post.frontmatter.canonical}
49+
metadesc={post.frontmatter.metadesc}
50+
keywords={post.frontmatter.keywords}
51+
social_share_summary={post.frontmatter.social_share_summary}
52+
social_share_desc={post.frontmatter.social_share_desc}
53+
social_share_image={post.frontmatter.social_share_image}
54+
noindex={post.frontmatter.noindex}
55+
/>
56+
<Header />
57+
<hr />
58+
{/*<SubNav></SubNav>*/}
59+
<div className='w-full'>
60+
<div className='flex items-stretch'>
61+
<MobileView></MobileView>
62+
<nav className='w-1/4 max-w-sm bg-gray-50'>
63+
<LeftNav />
64+
</nav>
65+
<div className='flex-auto w-4/5'>
66+
<div className='flex items-stretch w-full'>
67+
<main className='w-4/5'>
68+
<div className='doc-page px-20 py-14'>
69+
<h1>{post.frontmatter.title}</h1>
70+
<span dangerouslySetInnerHTML={{ __html: post.html }} />
71+
</div>
72+
</main>
73+
<aside className='w-1/5 bg-white'>
74+
<hr className='d-block lg:hidden' />
75+
<div className='top-0 top-1 border-l pl-4 py-16 sticky'>
76+
<div className='edit-button'>
77+
<EditDoc className='items-end btn edit-button-styles flex inline-flex items-center' />
78+
</div>
79+
{contextualLinks}
80+
<div className='float-cta rounded'>
81+
<h3 className='cta-title font-semibold'>
82+
See how you can release 10x faster.
83+
</h3>
84+
<a
85+
href='/request-demo'
86+
target='_blank'
87+
className='signup-btn border border-primary_teal_green px-4 py-1.5 base-teal-gradient font-bold text-white rounded'
88+
>
89+
Book a free demo
90+
</a>
91+
</div>
13092
</div>
93+
</aside>
13194
</div>
132-
</Layout>
133-
);
95+
<div className='pagination_buttons'>
96+
<div
97+
className={prev ? 'flex justify-between' : 'overflow-hidden'}
98+
>
99+
{prev && (
100+
<div className='prev_button'>
101+
<Link to={prev.url}>
102+
<span>Previous</span>
103+
<svg
104+
stroke=''
105+
fill='#78757a'
106+
strokeWidth='0'
107+
viewBox='0 0 24 24'
108+
className='css-1hyj6ne'
109+
height='1.6em'
110+
width='1.6em'
111+
xmlns='http://www.w3.org/2000/svg'
112+
>
113+
<path d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z'></path>
114+
</svg>
115+
<h3 className='perviousLink'>{prev.title}</h3>
116+
</Link>
117+
</div>
118+
)}
119+
{next && (
120+
<div className='next_button'>
121+
<Link to={next.url}>
122+
<span>Next</span>
123+
<svg
124+
stroke=''
125+
fill='#78757a'
126+
strokeWidth='0'
127+
viewBox='0 0 24 24'
128+
className='css-jmo9lw'
129+
height='1.6em'
130+
width='1.6em'
131+
xmlns='http://www.w3.org/2000/svg'
132+
>
133+
<path d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'></path>
134+
</svg>
135+
<h3 className='next_link'>{next.title}</h3>
136+
</Link>
137+
</div>
138+
)}
139+
</div>
140+
<Footer />
141+
</div>
142+
</div>
143+
</div>
144+
</div>
145+
</Layout>
146+
);
134147
};
135148

136-
137149
export const query = graphql`
138-
query($slug: String!) {
150+
query ($slug: String!) {
139151
markdownRemark(fields: { slug: { eq: $slug } }) {
140152
html
141153
frontmatter {

0 commit comments

Comments
 (0)