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>