diff --git a/components/Explore/Header.jsx b/components/Explore/Header.jsx index 3087a8a16..ac493b854 100644 --- a/components/Explore/Header.jsx +++ b/components/Explore/Header.jsx @@ -8,7 +8,7 @@ export default function Header() {
-
+
OpenQ Logo
Introducing OpenQ: Launching Hackathons & Building the Future
diff --git a/components/Sales/ProductOverview.jsx b/components/Sales/ProductOverview.jsx index 3af9c4e4d..6ab94e8b8 100644 --- a/components/Sales/ProductOverview.jsx +++ b/components/Sales/ProductOverview.jsx @@ -75,7 +75,7 @@ const ProductOverview = () => {

- Unearth more of our ungoing or future concepts + Unearth more of our ongoing or future concepts

{ +const AnimateIn = ({ children, direction, delay = 0, margin = '0px' }) => { const animateable = useCallback((node) => { if (node !== null) { - const observer = new IntersectionObserver((entries) => { - entries.forEach((entry) => { - if (entry.intersectionRatio > 0) { - entry.target.classList.add(`animate-fade-in-${direction}`); - } else { - entry.target.classList.remove(`animate-fade-in-${direction}`); - } - }); - }); + const observer = new IntersectionObserver( + (entries) => { + entries.forEach((entry) => { + if (entry.intersectionRatio > 0) { + setTimeout(() => { + entry.target.classList.add(`animate-fade-in-${direction}`); + }, delay); + } else { + entry.target.classList.remove(`animate-fade-in-${direction}`); + } + }); + }, + { rootMargin: margin } + ); observer.observe(node); } }, []); diff --git a/components/Sales/drm/landing-hero.jsx b/components/Sales/drm/landing-hero.jsx index c732b423a..0d6356369 100644 --- a/components/Sales/drm/landing-hero.jsx +++ b/components/Sales/drm/landing-hero.jsx @@ -5,9 +5,9 @@ import { ChevronRightIcon } from '@primer/octicons-react'; export default function Header() { return ( -
+
- +
OpenQ Logo
@@ -20,9 +20,9 @@ export default function Header() {

- Orchestrating the global symphony of developers, code and dev rel + Orchestrating the global symphony of developers, code and dev rel

-

+

Building powerful infrastructure around developers hubs for growth and innovation.

diff --git a/components/Sales/drm/step-three-content.jsx b/components/Sales/drm/step-three-content.jsx new file mode 100644 index 000000000..6ad607942 --- /dev/null +++ b/components/Sales/drm/step-three-content.jsx @@ -0,0 +1,252 @@ +import React from 'react'; +import AnimateIn from './base/animateIn'; + +const StepThreeContent = () => { + return ( +
+
+
+
+ + Overview +
+
+
+
+ + Commit Activity + Commits +
+
+
+
+ + Dependencies +
+
+
+
+ + Contributors +
+
+
+
+
+
+
+
Activity
+
+
+
Notes
+
+
+
Emails
+
+
+
Logs
+
+
+
+
+ August 2023 + +
+
+
+ + Note +
by Christopher
+
+
+
+
+ Invite team to hackathon next month and send form to get feedback on documentation. +
+
+ + +
+
+
+ + Email +
from christopher@openq.dev
+
+
+
+
to: janedoe@mydomain.com
+
+
+
+ Hackathon Followup +
+
+
+
+ Hey Jane, thanks for participation at our last event we are very happy to see that you are + continuing to develop your project. Feel free to join our next hackathon to further refine your idea + and please take a look at these questions if you have some time to give us feedback 🙏 +
+
+ All the best, Chris +
+
+ +
+
+ +
+
1
+
+ +
+
+
+
+
+
+
+ ); +}; +export default StepThreeContent; diff --git a/components/Sales/drm/step-three.jsx b/components/Sales/drm/step-three.jsx index 717b655b2..6b806bc05 100644 --- a/components/Sales/drm/step-three.jsx +++ b/components/Sales/drm/step-three.jsx @@ -1,7 +1,7 @@ import React from 'react'; -import Image from 'next/image'; import Heading from './base/heading'; import Paragraph from './base/paragraph'; +import StepThreeContent from './step-three-content'; const StepThree = () => { return ( @@ -14,14 +14,8 @@ const StepThree = () => { syndrome
-
- Centered Image +
+
diff --git a/components/Sales/home/BenefitsSection.jsx b/components/Sales/home/BenefitsSection.jsx index c2e85b039..4efdd1b0d 100644 --- a/components/Sales/home/BenefitsSection.jsx +++ b/components/Sales/home/BenefitsSection.jsx @@ -6,7 +6,7 @@ import { ChevronRightIcon } from '@primer/octicons-react'; const BenefitsSection = () => { return ( <> -
+
Unlock the power of OpenQ
diff --git a/components/Sales/home/ProductSection.jsx b/components/Sales/home/ProductSection.jsx index 936647114..a6a46dec5 100644 --- a/components/Sales/home/ProductSection.jsx +++ b/components/Sales/home/ProductSection.jsx @@ -4,8 +4,8 @@ import ProductCard from './ProductCard'; const ProductSection = () => { return (
-
Our products
-
+
Our products
+
{ className='md:text-[#533AED] md:block block ' > Supercharge collaboration - {' '} - Products +
diff --git a/components/animations/LeftAnim.js b/components/animations/LeftAnim.js index e08f3d8cc..fdb2bc7dc 100644 --- a/components/animations/LeftAnim.js +++ b/components/animations/LeftAnim.js @@ -3,6 +3,7 @@ import { useEffect } from 'react'; export default function UpperAnim() { return ( +
+ ); } diff --git a/components/animations/UpperAnim.js b/components/animations/UpperAnim.js index 2dcab21b9..e0bbd84e2 100644 --- a/components/animations/UpperAnim.js +++ b/components/animations/UpperAnim.js @@ -1,13 +1,13 @@ /* eslint-disable */ import { useEffect } from 'react'; export default function UpperAnim() { - return ( + return (
+ /> ); } diff --git a/pages/_app.js b/pages/_app.js index 90ad912ea..e5824f64a 100755 --- a/pages/_app.js +++ b/pages/_app.js @@ -78,6 +78,7 @@ function OpenQ({ Component, pageProps }) { {socialImage && ( <> + diff --git a/slices/BlogBody/index.js b/slices/BlogBody/index.js index f62a5a223..e2b6285e5 100644 --- a/slices/BlogBody/index.js +++ b/slices/BlogBody/index.js @@ -6,10 +6,11 @@ import { PrismicRichText } from '@prismicio/react'; import React from 'react'; const BlogBody = ({ slice }) => { + console.log(slice); return (
-
- +
+
); diff --git a/slices/BlogImage/index.js b/slices/BlogImage/index.js index 9d6389d5b..8de6d8905 100644 --- a/slices/BlogImage/index.js +++ b/slices/BlogImage/index.js @@ -8,10 +8,10 @@ import Image from 'next/image'; const BlogImage = ({ slice }) => { return (
-
+
{slice?.primary?.blogimage?.url && ( { return (
-
+

{slice.primary.subheader[0].text}

diff --git a/styles/globals.css b/styles/globals.css index 228aedde4..399c9e686 100755 --- a/styles/globals.css +++ b/styles/globals.css @@ -409,9 +409,8 @@ body::-webkit-scrollbar { animation: fadeInRight 0.8s ease-in-out; opacity:1 !important; } -.rich-text br { - display: block; - margin-bottom: 1.5rem; +.rich-text a{ + @apply text-blue-500 underline; } .explore button { @apply flex justify-center items-center text-white rounded-sm px-4 py-2 whitespace-nowrap; diff --git a/tailwind.config.js b/tailwind.config.js index 6e1f6baa9..93c118eea 100755 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -3,7 +3,7 @@ /*CHECK DOC ABOUT extensio parameters vs theem*/ module.exports = { mode: 'jit', - content: ['./components/**/*.js', './slices/**/*.js', './slices/**/*.jsx', './pages/**/*.js', './components/**/*.jsx', './pages/**/*.jsx', "./services/utils/Utils.js", "./services/utils/lib.js"], + content: ['./components/**/*.js', './slices/**/*.js', './slices/**/*.jsx', './pages/**/*.js', './components/**/*.jsx', './pages/**/*.jsx', './services/utils/Utils.js', './services/utils/lib.js'], darkMode: false, // or 'media' or 'class' theme: { extend: { @@ -30,10 +30,10 @@ module.exports = { }, colors: { dark: { - 1: "#343434", - 2: "#161b22", - 3: "#10141b", - 4: "#0d1117", + 1: '#343434', + 2: '#161b22', + 3: '#10141b', + 4: '#0d1117', }, 'claim': '#3a4be9', 'info': '#4b422f', @@ -56,11 +56,13 @@ module.exports = { 'secondary-button': 'rgb(31, 111, 235)', 'border-muted': '#252a31', 'important-button': 'rgb(35, 134, 54)', - 'input-bg': "#010409", - 'rust': "#f78166", - 'closed': "rgb(137, 87, 229)", - 'danger': "#da3633", - 'dropdown': "rgb(48, 54, 61)", + 'offblack': 'hsla(0, 0%, 16%, 1)', + 'offwhite': 'hsla(0,0%,96%,1)', + 'input-bg': '#010409', + 'rust': '#f78166', + 'closed': 'rgb(137, 87, 229)', + 'danger': '#da3633', + 'dropdown': 'rgb(48, 54, 61)', 'web-gray': '#30363d', 'inactive-gray': 'rgb(33, 38, 45)', 'active-gray': 'rgb(40, 46, 53)', @@ -112,7 +114,7 @@ module.exports = { // => @media (min-width: 1280px) { ... } '2xl': '1536px', - "3xl": "1800px" + '3xl': '1800px' // => @media (min-width: 1536px) { ... } }, gridTemplateColumns: {