From 1969c48ccec7fd453ec5d08457b78d3459a32ca2 Mon Sep 17 00:00:00 2001
From: Himanshu <himichhabra14@gmail.com>
Date: Fri, 16 Feb 2018 01:13:32 +0530
Subject: [PATCH] fixes #537 (#544)

Commented out hello p5 video page.
Did not remove the features as it can be used again after revamping the hello p5 page.
---
 client/modules/IDE/components/About.jsx |  5 ++-
 client/styles/components/_about.scss    | 52 +++++++++++++------------
 2 files changed, 30 insertions(+), 27 deletions(-)

diff --git a/client/modules/IDE/components/About.jsx b/client/modules/IDE/components/About.jsx
index 71035c45..13eb343b 100644
--- a/client/modules/IDE/components/About.jsx
+++ b/client/modules/IDE/components/About.jsx
@@ -10,7 +10,8 @@ function About(props) {
     <div className="about__content">
       <div className="about__content-column">
         <InlineSVG className="about__logo" src={squareLogoUrl} alt="p5js Square Logo" />
-        <p className="about__play-video">
+        {/* Video button to hello p5 video page */}
+        {/* <p className="about__play-video">
           <a
             href="http://hello.p5js.org/"
             target="_blank"
@@ -18,7 +19,7 @@ function About(props) {
           >
             <InlineSVG className="about__play-video-button" src={playUrl} alt="Play Hello Video" />
           Play hello! video</a>
-        </p>
+        </p>  */}
       </div>
       <div className="about__content-column">
         <h3 className="about__content-column-title">New to p5.js?</h3>
diff --git a/client/styles/components/_about.scss b/client/styles/components/_about.scss
index 25e916ea..ef7265ed 100644
--- a/client/styles/components/_about.scss
+++ b/client/styles/components/_about.scss
@@ -6,32 +6,34 @@
   }
 }
 
-.about__play-video {
-  padding-top: #{9 / $base-font-size}rem;
-  padding-left: #{5 / $base-font-size}rem;
-}
+// hello p5 video link button css
 
-.about__play-video-button {
-  @include themify() {
-    @extend %toolbar-button;
-    width: #{32 / $base-font-size}rem;
-    height: #{32 / $base-font-size}rem;
-    line-height: #{34 / $base-font-size}rem;
-    border-radius: #{24 / $base-font-size}rem;
-    background-color: $about-play-background-color;
-    border: solid 0.5px $about-button-border-color;
-    &:hover {
-      border-color: getThemifyVariable('button-background-hover-color');
-    }
-  }
-  padding-left: 2px;
-  margin-right: #{9 / $base-font-size}rem;
-  svg {
-    width: #{11 / $base-font-size}rem;
-    height: #{11 / $base-font-size}rem;
-    margin-left: #{1 / $base-font-size}rem;
-  }
-}
+// .about__play-video {
+//   padding-top: #{9 / $base-font-size}rem;
+//   padding-left: #{5 / $base-font-size}rem;
+// }
+
+// .about__play-video-button {
+//   @include themify() {
+//     @extend %toolbar-button;
+//     width: #{32 / $base-font-size}rem;
+//     height: #{32 / $base-font-size}rem;
+//     line-height: #{34 / $base-font-size}rem;
+//     border-radius: #{24 / $base-font-size}rem;
+//     background-color: $about-play-background-color;
+//     border: solid 0.5px $about-button-border-color;
+//     &:hover {
+//       border-color: getThemifyVariable('button-background-hover-color');
+//     }
+//   }
+//   padding-left: 2px;
+//   margin-right: #{9 / $base-font-size}rem;
+//   svg {
+//     width: #{11 / $base-font-size}rem;
+//     height: #{11 / $base-font-size}rem;
+//     margin-left: #{1 / $base-font-size}rem;
+//   }
+// }
 
 .about__content {
   display: flex;