slider and community guidelines

Author: dzinemon

src/components/home/features.js

@@ -44,7 +44,7 @@ const features = [
 ];
 
   return (
-    <section className="relative z-10 pb-10">
+    <section className="relative z-10">
       <div className="container max-w-7xl mx-auto">
         <div className="flex flex-wrap -mx-4 -mt-40">
           {features.map((item, idx) => {
@@ -67,6 +67,11 @@ const features = [
           })}
         </div>
       </div>
+      <div class="container py-16">
+        <div class="logo-stripe w-embed">
+          
+        </div>
+      </div>
     </section>
   );
 }

src/components/home/protect-enhance.js

@@ -45,10 +45,10 @@ export default function ProtectEnhance() {
   ]
 
   return (
-    <section className="bg-sdv-dark relative py-20 lg:py-40 -mt-20" id="sdv">
-      <div className="absolute left-0 right-0 -top-1">
+    <section className="bg-sdv-dark relative pt-16 lg:pt-20 pb-20 lg:pb-40" id="sdv">
+      {/* <div className="absolute left-0 right-0 -top-1">
         <WhiteTopWave color="#fff" />
-      </div>
+      </div> */}
       <div className="container mx-auto">
         <div className="flex flex-wrap justify-center -mx-4">
           <div className="px-4 w-full sm:w-8/12 md:w-7/12 text-center ">

src/pages/community-guidelines-slack.js

@@ -45,7 +45,7 @@ const ResourcesPage = () => {
                     SDV Slack Community Guidelines
                   </h1>
                   <p className="text-xl">
-                    Last Update: <i>July 2022</i>
+                    Last Update: <i>April 2023</i>
                   </p>
                 </div>
               </div>
@@ -63,8 +63,8 @@ const ResourcesPage = () => {
               to use.
             </p>
             <p>
-              Our goal at the SDV is to be the most comprehensive and trusted
-              open source platform for synthetic data. Since we started the{" "}
+              Our goal at the SDV is to be the most comprehensive and trusted 
+              platform for synthetic data. Since we started the{" "}
               <a
                 target={`_blank`}
                 rel="noopener"
@@ -112,7 +112,7 @@ const ResourcesPage = () => {
                 <a
                   target={`_blank`}
                   rel="noopener"
-                  href="https://sdv.dev/SDV/user_guides/index.html"
+                  href="https://docs.sdv.dev/sdv"
                 >
                   SDV User Guides
                 </a>{" "}
@@ -130,13 +130,16 @@ const ResourcesPage = () => {
                 initial question. The text will become the start of a new thread,
                 and new replies will appear nested underneath it:
               </p>
-              <div className="max-w-2xl">
+              <div className="max-w-2xl mb-6">
                 <Img
                   fluid={data.placeholderImage.childImageSharp.fluid}
                   alt="join our community map"
                   loading={`lazy`}
                 />
               </div>
+              <p>
+                (We recognize that there may be bots or Apps that you use in other Slack spaces. Currently, we are not accepting any requests to add external Slack Apps to the SDV space.)
+              </p>
             </div>
             <div className="text-lg my-10 post">
               <p className="text-3xl lg:text-4xl font-bold text-sdv-dark">
@@ -229,8 +232,7 @@ const ResourcesPage = () => {
                 5. Keep conversations focused
               </p>
               <p>
-                The primary focus of the SDV Slack is discussing the open source
-                SDV software for creating and evaluating synthetic data. However,
+                The primary focus of the SDV Slack is discussing the <a href="https://sdv.dev/">SDV software</a> for creating and evaluating synthetic data. However,
                 we recognize that synthetic data can be useful in a variety of
                 applications. Feel free to use the #random channel for general
                 industry news about synthetic data. (The SDV team will not be

src/styles/global.css

@@ -126,4 +126,26 @@ pre[class*="language-"] {
 }
 .sal-animate .img-cover:nth-of-type(odd) {
   @apply -translate-y-full
+}
+
+.logo-stripe {
+  animation: marquee 50s linear infinite;
+  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.776042) 20%, #000000 80%, rgba(0, 0, 0, 0) 100%);
+  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.776042) 20%, #000000 80%, rgba(0, 0, 0, 0) 100%);
+
+  width: 100%;
+  height: 48px;
+  background-image: url(/slider-3x.png);
+  background-repeat: no-repeat;
+  background-position: 0 50%;
+  background-size: 4992px 48px;
+}
+.logo-stripe:hover {
+  animation-play-state: paused;
+}
+
+@keyframes marquee {
+  to {
+    background-position: -2496px 0%;
+  }
 }