add julius volz tweet.

Author: nisarhassan12

src/components/index/Testimonials.tsx

@@ -80,6 +80,8 @@ const Testimonials: React.SFC<{}> = () => {
     const tweetsContainerRef = useRef<HTMLDivElement>(null)
     const cycles = Math.ceil(testimonials.length / 3)
 
+    console.log(cycles, testimonials.length)
+
     useEffect(() => {
         const tweetsContainer = tweetsContainerRef.current
         const dots = document.querySelectorAll('.dot')
@@ -92,16 +94,18 @@ const Testimonials: React.SFC<{}> = () => {
     })
 
     const switchTweets = (to: number) => {
-        const tweetsContainer = tweetsContainerRef.current
-        const cycleWidth = tweetsContainer?.scrollWidth / cycles
-        tweetsContainer.scroll({ left: parseFloat(cycleWidth * to), behavior: 'smooth' })
+        // const tweetsContainer = tweetsContainerRef.current
+        // const cycleWidth = tweetsContainer?.scrollWidth / cycles
+        // tweetsContainer.scroll({ left: parseFloat(cycleWidth * to), behavior: 'smooth' })
 
         // Older method which regards the actuals tweets and the space between them and not the width of .tweets
 
-        // const tweets = tweetsRef.current
-        // const firstTweet = tweets?.firstChild
-        // const spacing = getComputedStyle(firstTweet)['margin-right']
-        // const transform = firstTweet.offsetWidth * 3 + parseFloat(spacing.substring(0, spacing.length - 2)) * 2.8
+        const tweetsContainer = tweetsContainerRef.current
+        const tweets = tweetsRef.current
+        const firstTweet = tweets?.firstChild
+        const spacing = getComputedStyle(firstTweet)['margin-right']
+        const scrollBy = firstTweet.offsetWidth * 3 + parseFloat(spacing.substring(0, spacing.length - 2)) * 2.8
+        tweetsContainer.scroll({ left: parseFloat(scrollBy * to), behavior: 'smooth' })
     }
 
     return (

src/contents/index.tsx

@@ -22,6 +22,7 @@ import Yo from '../resources/yo.jpg'
 import K33g from '../resources/k33g.jpg'
 import Michael from '../resources/michael.jpg'
 import Roku from '../resources/roku.jpg'
+import Julius from '../resources/julius.jpg'
 import { TestimonialProps } from '../components/index/Testimonial'
 
 import { Link } from 'gatsby'
@@ -156,6 +157,21 @@ export const testimonials: TestimonialProps[] = [
         twitterHandle: 'dnsmichi',
         tweetId: '1311560585717460992'
     },
+    {
+        name: 'Julius Volz',
+        avatar: Julius,
+        org: <a href="https://twitter.com/PrometheusIO" target="_blank">@PrometheusIO</a>,
+        role: 'Creator',
+        text: (
+            <>
+                <p>
+                    Look at any PR (pull request) in a full coding environment where you can edit, build, and test the PR code, by just prepending "<a href="https://gitpod.io" target="_blank">gitpod.io#</a>" to the PR URL. Super useful for reviewing/testing stuff without having to check it out locally!
+                </p>
+            </>
+        ),
+        twitterHandle: 'juliusvolz',
+        tweetId: '1298972181708275717'
+    },
     {
         name: 'David Ressler',
         avatar: DavidRessler,