Karytonn

<template>
  <div class="fixed right-6 bottom-6">
    
    <transition 
      enter-active-class="animate__animated animate__fadeInRight"
      mode="out-in"
    >
      <!-- CARD TO SEND MESSAGE -->
      <div v-if="isOpen">
        <div class="w-96 max-w-[90vw] rounded-3xl overflow-hidden shadow-2xl shadow-[#075E54]/50 bg-[#E7E7E7]">

Karytonn

<div class="fixed right-6 bottom-6">
    
      <!-- CARD TO SEND MESSAGE -->
      <div v-if="isOpen">
        <div class="w-96 max-w-[90vw] rounded-3xl overflow-hidden shadow-2xl shadow-[#075E54]/50 bg-[#E7E7E7]">
          
          <!-- Header and close button -->
          <div class="h-20 p-5 flex items-center justify-between gap-4 bg-[#25D366]">
            <div class="flex items-center gap-3">
              <img class="w-7 h-28" src="@/assets/icon/header/whatsapp.svg" alt="WP">

Karytonn

downloadFile(url: string) {
  fetch(url).then(res => res.blob()).then(file => {
    let tempUrl = URL.createObjectURL(file);
    const triggerToDownload = document.createElement("a");
    triggerToDownload.href = tempUrl;
    triggerToDownload.download = url.replace(/^.*[\\\/]/, '');
    document.body.appendChild(triggerToDownload);
    triggerToDownload.click();
    URL.revokeObjectURL(tempUrl);
    triggerToDownload.remove();

Karytonn

let msn = 'First';

// Without auto invocation
const write = (): string => {
  console.log('Second');
  return '...';
};

// With auto invocation
const message = write();

Karytonn

{
  "compilerOptions": {
    ....
  },
  "types": [...]
  },
  //   Include the source of fake type declaration         
  "include": ["src", "type.lib-name-here.ts"],
  "exclude": [...]
}

Karytonn

How to get a Google Sheet as JSON

Preparing Your Google Sheet

1. The first row of your spreadsheet should be headers, and the rest is data under those headers (see example).
2. Share the spreadsheet so anyone can see it (“Share” button in top right corner > “Anyone on the internet with this link can view”).

Preparing you url access

Karytonn

Copyright template with dinamic year

Add this in a footer

<div class="footer py-4">
 <div class="container-fluid">
   <p>
   Copyright &copy;
 Camila Alves Fotografia | Criado por

Karytonn

Find out which element is creating horizontal scroll?

Run the following code in your browser console to find out who is at fault:

let width = document.documentElement.offsetWidth;

[].forEach.call(
  document.querySelectorAll('*'),
 function(el) {

Karytonn

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

@Component({
  selector: 'app-header-accessibility',
  templateUrl: './header-accessibility.component.html',
  styleUrls: ['./header-accessibility.component.scss']
})
export class HeaderAccessibilityComponent implements OnInit {

  //Default and reset font size

Karytonn

@Component({
  selector: 'app-visit-rangle',
  template: `
    <button
      type="button"
      (click)="goTopage()">
      Visit Rangle
    </button>
  `
})