Jhon Doe

Post with code

Javascript code

Date.prototype.addDays = function(days) {
    var date = new Date(this.valueOf());
    date.setDate(date.getDate() + days);
    return date;
}

var date = new Date();

console.log(date.addDays(5));

Typescript code

import React from "react";

interface User {
  title: React.ReactNode;
  pageTitle: string;
  mainTitle: string;
  theme: 'react' | 'angular' | 'vue' | 'js' | 'svelte' | null;
  description?: React.ReactNode;
}

const user: User = {
  title: "Jhon Doe",
  description: 
    "Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas maiores quaerat at dolor ducimus nostrum facere id modi molestias reiciendis",
  theme: null,
  mainTitle: "Blog",
  pageTitle: " | Jhon Doe"
}

export default user;

SCSS Code

$mobile-breakpoint: 768px;
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500&display=swap');
@import 'variables';

body {
  --text-color: #222;
  --bkg-color: #EEE;
  --anchor-color: #0033cc;
  --theme-color: #3B82F6;

  --font-family: Rubik;

  --size: 16px;
  --size-lg: 20px;
  --size-xl: 36px;
  --font-size-primary: 18px;

  &.js-theme {
    --theme-color: #96891b;
  }
  &.react-theme {
    --theme-color: #3294af;
  }
  &.angular-theme {
    --theme-color: #dd0031;
  }
  &.vue-theme {
    --theme-color: #149a5d;
  }
  &.svelte-theme {
    --theme-color: #ea592a;
  }
}
body.dark {
  --text-color: #D9D9D9;
  --bkg-color: #282c34;
  --anchor-color: #809fff;

  &.js-theme {
    --theme-color: #f7e018;
  }
  &.react-theme {
    --theme-color: #61dafb;
  }
  &.angular-theme {
    --theme-color: #f80034;
  }
  &.vue-theme {
    --theme-color: #42b983;
  }
  &.svelte-theme {
    --theme-color: #ff3e00;
  }
}

CSS Code

.heading {
  align-items: center;
  display: flex;
  font-weight: 400;
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: var(--size);
  opacity: 0.6;
}

HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  Hello, world ;)
</body>
</html>
Volver