Skip to content

Instantly share code, notes, and snippets.

View yokoishioka's full-sized avatar

yoko ishioka yokoishioka

1 follower · 0 following
View GitHub Profile
@yokoishioka
yokoishioka / social-media.component.ts
Last active February 6, 2020 01:20
social media component
import { Component, Input } from '@angular/core';
import { SocialMedia } from './social-media';
@Component({
selector: 'ces-social-media',
templateUrl: './social-media.component.html',
styleUrls: ['./social-media.component.scss']
})
export class SocialMediaComponent {
@Input() facebook:SocialMedia;
@yokoishioka
yokoishioka / social-media.component.html
Created February 6, 2020 01:17
social media component
<div class="social-media" [ngClass]="{'vertical':vertical}">
<div *ngIf="facebook" class="social-media-icon">
<a [href]="facebookLink + facebook.link" target="_blank" rel="noopener" title="view {{ facebook.user }} on facebook"><ces-svg-facebook></ces-svg-facebook></a>
</div>
<div *ngIf="twitter" class="social-media-icon">
<a [href]="twitterLink + twitter.link" target="_blank" rel="noopener" title="view {{ twitter.user }} on twitter"><ces-svg-twitter></ces-svg-twitter></a>
</div>
<div *ngIf="linkedIn" class="social-media-icon">
<a *ngIf="linkedIn.company; else altLinkedIn" [href]="linkedInLinkCompany + linkedIn.link" target="_blank" rel="noopener" title="view {{ linkedIn.user }} on twitter"><ces-svg-linkedin></ces-svg-linkedin></a>
<ng-template #altLinkedIn>
@yokoishioka
yokoishioka / footer.component.html
Created February 6, 2020 01:14
footer for social media component
@yokoishioka
yokoishioka / footer.component.html
Last active April 2, 2021 13:57
Social Media component in Angular