Kaoschuks

type Tile = number;
type TileOrientation = 0 | 90 | 180 | 270;

export type TileMapping = Record<number, number>;
type Coordinates = [number, number];

enum DirectionKeys {
  UP = 'UP',
  DOWN = 'DOWN',
  LEFT = 'LEFT',

Kaoschuks

<div class="container">
 <div class="sidebar">
  <span class="logo">S</span>
  <a class="logo-expand" href="#">skateboard</a>
  <div class="side-wrapper">
   <div class="side-title">MENU</div>
   <div class="side-menu">
    <a class="sidebar-link discover is-active" href="#">
     <svg viewBox="0 0 24 24" fill="currentColor">
      <path d="M9.135 20.773v-3.057c0-.78.637-1.414 1.423-1.414h2.875c.377 0 .74.15 1.006.414.267.265.417.625.417 1v3.057c-.002.325.126.637.356.867.23.23.544.36.87.36h1.962a3.46 3.46 0 002.443-1 3.41 3.41 0 001.013-2.422V9.867c0-.735-.328-1.431-.895-1.902l-6.671-5.29a3.097 3.097 0 00-3.949.072L3.467 7.965A2.474 2.474 0 002.5 9.867v8.702C2.5 20.464 4.047 22 5.956 22h1.916c.68 0 1.231-.544 1.236-1.218l.027-.009z" />

Kaoschuks

Easy steps to implement social login with linkedin in Angular 7 (Angular 2+)

Note: The entire login process cannot be handled from client side, backend integration required for some steps (Explained at Step-3).

Step-1: Create your app in linkedin developer console

In order to start with linkedin login, we need to first create out app in linkedin.

Note: If you have already created your app, click on Go to My apps, select your app and then follow from step no 1.2

1.1: Go to https://developer.linkedin.com

Kaoschuks

Circular Menu

Hover to reveal menu.

Menu icon done using pseudo-border method mentioned in this post: http://css-tricks.com/three-line-menu-navicon/.

Update 4/7/2015: Fix menu hiding when cursor is moved between items; adjust the line-height so the text is vertically centered.

A Pen by Andrew Myers on CodePen.

Kaoschuks

Circular Menu

A Pen by Mojtaba Seyedi on CodePen.

License.

Kaoschuks

.grain
.intro
  .center
    .core
    .outer_one
      -(1..36).each do
        .outer_one__piece
    .outer_two
      -(1..36).each do
        .outer_two__piece

Kaoschuks

<nav class="top-right open">
	<a class="disc l1">
		<div>Messages</div>
	</a>
	<a class="disc l2">
		<div>Photos</div>
	</a>
	<a class="disc l3">
		<div>Profile</div>
	</a>

Kaoschuks

Circular menu

Pure css/html circular menu. 0 javascript.

A Pen by Kostadin on CodePen.

License.

Kaoschuks

    let cloudinary = {
      upload_preset: '',
      url: ''
    }
    async upload(file: Blob) {
        return await new Promise((resolve, reject) => {
            try {
                const myFormData = new FormData();
                myFormData.append("file", file);
                myFormData.append("upload_preset", cloudinary.upload_preset);

Kaoschuks

import { Component } from '@angular/core';

import { FcmProvider } from './providers/core/fcm';
import { GlobalsProvider } from './providers/core/globals';
import { environment } from 'src/environments/environment.prod';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss']