Team-card fixed and modified

GDG-GANDHINAGAR · Aug 14, 2019 · decc7de · decc7de
1 parent 9b5a8f3
commit decc7de
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 25 deletions.
diff --git a/src/app/components/team-page/team-page.component.html b/src/app/components/team-page/team-page.component.html
@@ -4,7 +4,7 @@
       <div class="col-xs-12">
         <app-homepage-title title='Team' color='#419BF9'></app-homepage-title>
       </div>
-      <p>DevFest Gandhinagar is brought to you with 💓 love,
+      <p>DevFest Gandhinagar is brought to you with ❤️ love,
         🤹‍♂️efforts and endless 🎉fun from GDG Gandhinagar team. </p>
       <p>So what is GDG exactly? Perhaps Google doesn't need an introduction.
         Google services became common nouns — every day we "google" things we need to know,

diff --git a/src/app/elements/profile-icon/profile-icon.component.ts b/src/app/elements/profile-icon/profile-icon.component.ts
@@ -32,19 +32,19 @@ export class ProfileIconComponent implements OnInit, AfterViewInit {
     const circle = { x: 0, y: 0 };
     const square = { x: 0, y: 0 };
     const randomAngle1 = Math.round(0.1667 * 360);
-    let randomAngle2 = Math.round(.01667 * 360);
+    let randomAngle2 = Math.round(0.1667 * 360);
     let scale = Math.random();
     scale = scale < 0.4 ? (scale + 0.4) : scale;
     randomAngle2 = Math.abs(randomAngle1 - randomAngle2) > 180 ? randomAngle2 : randomAngle1 + 180;
-    circle.x = ((this.circleR * Math.sin(randomAngle1)) + this.circleR) < this.circleR ? ((this.circleR * Math.sin(randomAngle1)) + this.circleR) - 5 : ((this.circleR * Math.sin(randomAngle1)) + this.circleR) + 10;
-    circle.y = ((this.circleR * Math.cos(randomAngle1)) + this.circleR) < this.circleR ? ((this.circleR * Math.cos(randomAngle1)) + this.circleR) - 5 : ((this.circleR * Math.cos(randomAngle1)) + this.circleR) + 10;
+    circle.x = ((this.circleR * Math.sin(randomAngle1)) + this.circleR) < this.circleR ? ((this.circleR * Math.sin(randomAngle1)) + this.circleR) - 5 : ((this.circleR * Math.sin(randomAngle1)) + this.circleR);
+    circle.y = ((this.circleR * Math.cos(randomAngle1)) + this.circleR) < this.circleR ? ((this.circleR * Math.cos(randomAngle1)) + this.circleR) - 5 : ((this.circleR * Math.cos(randomAngle1)) + this.circleR);
     square.x = ((this.circleR * Math.sin(randomAngle2)) + this.circleR) < this.circleR ? ((this.circleR * Math.sin(randomAngle2)) + this.circleR) - 5 : ((this.circleR * Math.sin(randomAngle2)) + this.circleR) + 10;
     square.y = ((this.circleR * Math.cos(randomAngle2)) + this.circleR) < this.circleR ? ((this.circleR * Math.cos(randomAngle2)) + this.circleR) - 5 : ((this.circleR * Math.cos(randomAngle2)) + this.circleR) + 10;
     // console.log(this.circleR);
     // console.log(circle);
     // console.log(square);
     this.renderer.setStyle(this.square.nativeElement, 'top', `${circle.x}px`);
-    this.renderer.setStyle(this.square.nativeElement, 'left', `${circle.y}px`);
+    this.renderer.setStyle(this.square.nativeElement, 'left', `${circle.y + 10}px`);
     this.renderer.setStyle(this.circle.nativeElement, 'top', `${square.x}px`);
     this.renderer.setStyle(this.circle.nativeElement, 'left', `${square.y}px`);
     this.renderer.setStyle(this.square.nativeElement, 'transform', `translate(-50%,-50%) rotate(${randomAngle2}deg) `);

diff --git a/src/app/elements/team-card/team-card.component.sass b/src/app/elements/team-card/team-card.component.sass
@@ -1,35 +1,27 @@
 
 .wrapper
   padding: 10px
+  font-family:'Open Sans',sans-serif
   .card-container
     position: relative
     padding: 10px
     border-radius: 20px
-    transition: box-shadow 0.4s ease
     max-width: 1000px
     margin: 10px
     border: 4px solid transparent
     transition: all 0.2s ease
-    &:hover
-      border: 4px solid #ffffff40
     .picture-wrapper
       width: 200px
       height: 200px
       overflow: visibile
       margin: auto
-    .session-name
-      // margin-top: 30px
-      font-size: 1.1em
-      font-weight: lighter
-      padding: 5px 0
-      color: #fff
     .team-name
-      font-size: 1.3em
-      font-weight: lighter
+      font-size: 1.2em
+      font-weight: bold
       padding: 5px 0
       color: #fff
     .tag
-      font-size: 1.3em
+      font-size: 1.2em
       font-weight: lighter
       padding: 5px 0
       color: #fff
@@ -49,11 +41,3 @@
         a
           text-decoration: none
           color: #fff
-.expanded-speaker-card
-  position: absolute
-  top: 50%
-  left: 50%
-  height: 60%
-  width: 50%
-  background: #ff4545
-  transform: translate(-50%,-50%)