From 2149188be5be0ca1f1ed74c3873ccb7feb30ae9b Mon Sep 17 00:00:00 2001 From: Santhoshkumar <117272529+Santhosh-testsigma@users.noreply.github.com> Date: Mon, 27 Jan 2025 17:23:31 +0530 Subject: [PATCH 1/2] Dummy commit (#103) --- src/pages/404.js | 40 ++++++++++++++++++++-------------------- 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/src/pages/404.js b/src/pages/404.js index 053ae0e..244f8e0 100644 --- a/src/pages/404.js +++ b/src/pages/404.js @@ -1,28 +1,28 @@ -import * as React from "react" -import { Link } from "gatsby" +import * as React from 'react'; +import { Link } from 'gatsby'; // styles const pageStyles = { - color: "#232129", - padding: "96px", - fontFamily: "-apple-system, Roboto, sans-serif, serif", -} + color: '#232129', + padding: '96px', + fontFamily: '-apple-system, Roboto, sans-serif, serif', +}; const headingStyles = { marginTop: 0, marginBottom: 64, maxWidth: 320, -} +}; const paragraphStyles = { marginBottom: 48, -} +}; const codeStyles = { - color: "#8A6534", + color: '#8A6534', padding: 4, - backgroundColor: "#FFF4DB", - fontSize: "1.25rem", + backgroundColor: '#FFF4DB', + fontSize: '1.25rem', borderRadius: 4, -} +}; // markup const NotFoundPage = () => { @@ -31,13 +31,13 @@ const NotFoundPage = () => { Not found

Page not found

- Sorry{" "} - + Sorry{' '} + 😔 - {" "} + {' '} we couldn’t find what you were looking for.
- {process.env.NODE_ENV === "development" ? ( + {process.env.NODE_ENV === 'development' ? ( <>
Try creating a page in src/pages/. @@ -45,10 +45,10 @@ const NotFoundPage = () => { ) : null}
- Go home. + Go home.

- ) -} + ); +}; -export default NotFoundPage +export default NotFoundPage; From d8052f30ea75112a25a9aff93c5b48a0f7ba74c8 Mon Sep 17 00:00:00 2001 From: Santhoshkumar <117272529+Santhosh-testsigma@users.noreply.github.com> Date: Mon, 17 Feb 2025 15:54:20 +0530 Subject: [PATCH 2/2] [WEB-1515][Rework] - Updated the logo and theme colors (#105) * Updated the logo and theme colors * Removed the unwanted file --- src/components/Footer.jsx | 150 +++++--- src/components/Footer.scss | 16 +- src/components/LeftNav.scss | 14 +- src/components/SubNav.jsx | 252 +++++++----- src/components/header.jsx | 65 +--- .../images/testsigma-logo-v3-dark.svg | 13 + src/components/images/testsigma-logo-v3.svg | 13 + src/components/seo.jsx | 364 ++++++++++-------- src/images/favicon-new.ico | Bin 15406 -> 0 bytes src/images/favicon.ico | Bin 0 -> 15406 bytes .../favicons/android-chrome-192x192.png | Bin 0 -> 29760 bytes .../favicons/android-chrome-512x512.png | Bin 0 -> 152832 bytes src/images/favicons/apple-touch-icon.png | Bin 0 -> 26604 bytes src/images/favicons/favicon-16x16.png | Bin 0 -> 743 bytes src/images/favicons/favicon-32x32.png | Bin 0 -> 1856 bytes src/images/favicons/favicon-48x48.png | Bin 0 -> 3350 bytes src/images/favicons/favicon.ico | Bin 0 -> 15406 bytes src/images/favicons/safari-pinned-tab.svg | 33 ++ src/images/favicons/site.webmanifest | 1 + src/pages/tutorials/index.jsx | 2 +- src/templates/page.jsx | 252 ++++++------ src/templates/page.scss | 3 + tailwind.config.js | 9 +- 23 files changed, 694 insertions(+), 493 deletions(-) create mode 100644 src/components/images/testsigma-logo-v3-dark.svg create mode 100644 src/components/images/testsigma-logo-v3.svg delete mode 100644 src/images/favicon-new.ico create mode 100644 src/images/favicon.ico create mode 100644 src/images/favicons/android-chrome-192x192.png create mode 100644 src/images/favicons/android-chrome-512x512.png create mode 100644 src/images/favicons/apple-touch-icon.png create mode 100644 src/images/favicons/favicon-16x16.png create mode 100644 src/images/favicons/favicon-32x32.png create mode 100644 src/images/favicons/favicon-48x48.png create mode 100644 src/images/favicons/favicon.ico create mode 100644 src/images/favicons/safari-pinned-tab.svg create mode 100644 src/images/favicons/site.webmanifest diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx index f9a7df0..c81cf53 100644 --- a/src/components/Footer.jsx +++ b/src/components/Footer.jsx @@ -1,67 +1,93 @@ import React, { Component } from 'react'; import './Footer.scss'; -import SubscribeButton from "../components/SubscribeButton" -import FeedbackButtons from "../components/FeedbackButtons" -import { useLocation } from "@reach/router"; - -const Footer = ()=> { - const { pathname } = useLocation(); - const pathRoute = pathname.slice(0, -1); - return ( - <> - - {/* */} -
-
-

Learn how to execute low code tests across 3000+ device / browser environments.

- Schedule a free demo -
-
-
- - - - - - -

- Want to contribute or report missing content? -

-
-

edit this page on github

-

contributing - guidelines

-

report an - issue

-
-

Testsigma is - open source. See license

-
-
-
-

- www.testsigma.com -

-
-
-

- ©2023 Copyright , Testsigma Technologies Inc -

-
-
- - ); - } +import SubscribeButton from '../components/SubscribeButton'; +import FeedbackButtons from '../components/FeedbackButtons'; +import { useLocation } from '@reach/router'; +import tsLogo from '../components/images/testsigma-logo-v3-dark.svg'; +const Footer = () => { + const { pathname } = useLocation(); + const pathRoute = pathname.slice(0, -1); + return ( + <> + + {/* */} +
+
+

+ Learn how to execute low code tests across 3000+ device / browser + environments. +

+ + Schedule a free demo + +
+
+
+ Testsigma +

Want to contribute or report missing content?

+ +

+ + {' '} + Testsigma{' '} + {' '} + is open source.{' '} + + See license + +

+
+
+ +
+

+ ©2023 Copyright , Testsigma Technologies Inc +

+
+
+ + ); +}; export default Footer; diff --git a/src/components/Footer.scss b/src/components/Footer.scss index 968875c..44bb70a 100644 --- a/src/components/Footer.scss +++ b/src/components/Footer.scss @@ -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; @@ -160,7 +160,7 @@ flex-basis: 40%; align-items: center; h4 { - color: #03A973; + color: #00b2bd; } } } @@ -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; @@ -252,7 +252,7 @@ margin-top: 30px; background-color: #F6F7F9; padding: 30px 15px 15px 15px; - svg{ + img{ margin: auto; display: block; } @@ -277,7 +277,7 @@ height: auto; } a{ - color: #03A973; + color: #00b2bd; text-decoration: underline; } } @@ -288,7 +288,7 @@ .p_0{ margin-top: 0px!important; a{ - color: #03A973; + color: #00b2bd; } } .link_underline{ diff --git a/src/components/LeftNav.scss b/src/components/LeftNav.scss index c8564d2..0e4f620 100644 --- a/src/components/LeftNav.scss +++ b/src/components/LeftNav.scss @@ -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 { @@ -97,7 +97,7 @@ outline: inherit; text-transform: capitalize; &:hover{ - color: #1AA874; + color: #00b2bd; } @media (max-width: 576px) { font-size: 13px; @@ -153,7 +153,7 @@ &.currentUrl{ font-weight: 700; - color: #1AA874; + color: #00b2bd; margin-left: 0px!important; > * { @@ -178,7 +178,7 @@ &:hover { background-color: inherit; border-radius: 3px; - color: #1AA874; + color: #00b2bd; } } } @@ -287,7 +287,7 @@ } .text_green{ - color: #1AA874; + color: #00b2bd; } .float_left{ float:left; diff --git a/src/components/SubNav.jsx b/src/components/SubNav.jsx index b7422f7..0a85c1e 100644 --- a/src/components/SubNav.jsx +++ b/src/components/SubNav.jsx @@ -1,101 +1,165 @@ import React from 'react'; -import web from "./images/box.svg"; -import mobile from "./images/mobile_line.svg"; -import ios from "./images/ios.svg"; -import android from "./images/android.svg"; -import SearchInputBox from "./SearchInputBox"; -import LeftNav from "./LeftNav"; +import web from './images/box.svg'; +import mobile from './images/mobile_line.svg'; +import ios from './images/ios.svg'; +import android from './images/android.svg'; +import SearchInputBox from './SearchInputBox'; +import LeftNav from './LeftNav'; class SubNav extends React.Component { - state = { - searchcontainer:false, - } - render() { - const ColoredLine = ( {color} ) => ( -
- ); + state = { + searchcontainer: false, + }; + render() { + const ColoredLine = ({ color }) => ( +
+ ); - const clickChange = (e) => { - this.setState({searchcontainer:!this.state.searchcontainer}); - } - const x = this.state.searchcontainer; + const clickChange = (e) => { + this.setState({ searchcontainer: !this.state.searchcontainer }); + }; + const x = this.state.searchcontainer; - return ( - <> -
-
-
- - -
-
-
- - - - - -
- -
-
-
- - - ) - } + return ( + <> +
+
+
+ + +
+
+
+ + + + + +
+ +
+
+
+ + + ); + } } -export default SubNav; \ No newline at end of file +export default SubNav; diff --git a/src/components/header.jsx b/src/components/header.jsx index e82519d..76f5f43 100644 --- a/src/components/header.jsx +++ b/src/components/header.jsx @@ -1,5 +1,6 @@ import React, { useEffect, useState } from 'react'; import SearchInputBox from './SearchInputBox'; +import tsLogo from '../components/images/testsigma-logo-v3-dark.svg'; const Header = () => { const [isHomepage, setIsHomepage] = useState(false); @@ -8,98 +9,74 @@ const Header = () => { setIsHomepage(window.location.pathname === '/tutorials/'); }, []); return ( -
-
- - - - - - - +
+
+ + Testsigma -