tjkhara’s gists

tjkhara / natours_nav_2.scss

Created May 3, 2021 13:36

	.navigation {
	&__checkbox {
	display: none;
	}

	&__button {
	background-color: $color-white;
	// This is also a circle slightly bigger than the background circle
	// To cover it properly
	height: 7rem;

tjkhara / natours_nav_1.html

Last active May 4, 2021 07:08

	<!-- Navigation block start -->
	<div class="navigation">
	<input type="checkbox" class="navigation__checkbox" id="navi-toggle" />
	<label for="navi-toggle" class="navigation__button">MENU</label>

	<!-- Div for background start -->
	<!-- We will put the navigation on top of this -->
	<div class="navigation__background"> </div>
	<!-- Div for background end -->

tjkhara / grid.html

Created May 3, 2021 09:26

Grid code from Jonas Advanced CSS

tjkhara / footer_code_4.scss

Created May 3, 2021 07:00

Code 4

	.footer {
	background-color: $color-gray-dark-3;
	padding: 10rem 0;
	font-size: 1.4rem;
	color: $color-gray-light-1;

	&__logo-box {
	text-align: center;
	margin-bottom: 8rem;
	}

tjkhara / footer_code_3.scss

Created May 3, 2021 06:50

footer code 3

	.footer {
	background-color: $color-gray-dark-3;
	padding: 10rem 0;
	font-size: 1.4rem;

	&__logo-box {
	text-align: center;
	margin-bottom: 8rem;
	}

tjkhara / natours_footer.scss

Created May 3, 2021 06:40

footer code 2

	.footer {
	background-color: $color-gray-dark-3;
	padding: 10rem 0;
	font-size: 1.4rem;

	&__logo-box {
	text-align: center;
	margin-bottom: 8rem;
	}

tjkhara / natours_footer.html

Last active May 3, 2021 09:17

	<!-- Footer start -->
	<footer class="footer">
	<div class="footer__logo-box">
	<img src="img/logo-green-2x.png" alt="Full logo" class="footer__logo" />
	</div>
	<div class="row">
	<!-- Here we want the nav in the first column-->
	<div class="col-1-of-2">
	<!-- footer nav start -->
	<div class="footer__navigation">

tjkhara / form.html

Last active April 30, 2021 13:10

	<div class="book">
	<!-- Form start -->
	<div class="book__form">
	<form action="#" class="form">
	<!-- Centered heading secondary start -->
	<div class="u-margin-bottom-medium">
	<h2 class="heading-secondary">Start booking now</h2>
	</div>
	<!-- Centered heading secondary end -->

tjkhara / mongoose-express-boilerplate.js

Created March 15, 2021 05:12

mongoose, express boiler plate code

	const express = require("express");
	const bodyParser = require("body-parser");
	const ejs = require("ejs");
	const mongoose = require("mongoose");

	const app = express();

	app.set("view engine", "ejs");

	app.use(bodyParser.urlencoded({ extended: true }));

tjkhara / local install error

Created December 8, 2020 16:31

Deleted the node modules folder and tried to npm install again node version 12.20.0

	tkhara@pop-os:~/envs/javascript_envs/task-manager$ npm install

	> [email protected] install /home/tkhara/envs/javascript_envs/task-manager/node_modules/sharp
	> (node install/libvips && node install/dll-copy && prebuild-install) \|\| (node-gyp rebuild && node install/dll-copy)

	info sharp Using cached /home/tkhara/.npm/_libvips/libvips-8.7.0-linux-x64.tar.gz
	prebuild-install WARN install No prebuilt binaries found (target=12.20.0 runtime=node arch=x64 libc= platform=linux)
	make: Entering directory '/home/tkhara/envs/javascript_envs/task-manager/node_modules/sharp/build'
	TOUCH Release/obj.target/libvips-cpp.stamp
	CXX(target) Release/obj.target/sharp/src/common.o