Refresh the list of Gitpod examples

Author: jankeromnes

src/components/index/GetStarted.tsx

@@ -33,22 +33,22 @@ const StyledGetStarted = styled.div`
 
     &__projects {
       display: flex;
-      justify-content: space-between;
+      justify-content: center;
+      flex-wrap: wrap;
 
       @media (max-width: ${sizes.breakpoints.lg}) {
         overflow-x: scroll;
+        justify-content: space-between;
+        flex-wrap: nowrap;
       }
 
       & > .project {
-        margin-bottom: 3rem;
+        margin-bottom: 5rem;
+          margin-right: 5rem;
 
-        @media (min-wdith: ${sizes.breakpoints.md}) {
+        @media (min-width: ${sizes.breakpoints.md}) {
           width: 19rem;
         }
-
-        @media (max-width: ${sizes.breakpoints.lg}) {
-          margin-right: 5rem;
-        }
       }
     }
   }

src/components/index/Project.tsx

@@ -27,6 +27,7 @@ const StyledProject = styled.div`
   object {
     height: 8.5rem;
     width: 14rem;
+    object-fit: contain;
   }
 
   & > * {

src/contents/projects.tsx

@@ -3,39 +3,58 @@ import TS from '../resources/ts.svg'
 import GO from '../resources/go.svg'
 import JAVA from '../resources/java.svg'
 import PY from '../resources/py.svg'
+import CS from '../resources/csharp.png'
+import RS from '../resources/rust.png'
+import RB from '../resources/ruby.png'
 
 
 export const projects = [
+    {
+        image: TS,
+        title: 'TypeScript',
+        githubUrl: "https://github.com/eclipse-theia/theia",
+        alt: "TypeScript",
+    },
+    {
+        image: GO,
+        title: 'Go',
+        githubUrl: "https://github.com/prometheus/prometheus",
+        alt: "Go",
+    },
+    {
+        image: RS,
+        title: 'Rust',
+        githubUrl: "https://github.com/nushell/nushell",
+        alt: "Rust",
+    },
     {
         image: JAVA,
         title: 'Java & Spring',
         githubUrl: "https://github.com/gitpod-io/spring-petclinic",
         gitlabUrl: "https://gitlab.com/gitpod/spring-petclinic",
         bitbucketUrl: "https://bitbucket.org/gitpod/spring-petclinic",
-        alt: "Java Logo",
-    },
-    {
-        image: JS,
-        title: 'React & Next.js',
-        githubUrl: "https://github.com/gitpod-io/NextSimpleStarter",
-        alt: "JavaScript Logo",
+        alt: "Java",
     },
     {
         image: PY,
         title: 'Python & Flask',
         githubUrl: "https://github.com/breatheco-de/python-flask-api-tutorial",
-        alt: "Python Logo",
+        alt: "Python",
     },
     {
-        image: TS,
-        title: <span>Gatsby & TypeScript</span>,
-        githubUrl: "https://github.com/gitpod-io/website",
-        alt: "TypeScript Logo",
+        image: CS,
+        title: '.NET Core',
+        githubUrl: "https://github.com/gitpod-io/dotnetcore",
+        gitlabUrl: "https://gitlab.com/gitpod/dotnetcore",
+        bitbucketUrl: "https://bitbucket.org/gitpod/dotnetcore",
+        alt: "C#",
     },
     {
-        image: GO,
-        title: 'Go & Gin',
-        githubUrl: "https://github.com/gitpod-io/go-gin-app",
-        alt: "Go Logo",
-    }
+        image: RB,
+        title: 'Rails & PostgreSQL',
+        githubUrl: "https://github.com/gitpod-io/ruby-on-rails",
+        gitlabUrl: "https://gitlab.com/gitpod/rails",
+        bitbucketUrl: "https://bitbucket.org/gitpod/ruby-on-rails",
+        alt: "Ruby",
+    },
 ]