Manot Luijiu ManotLuijiu

🏠

Working from home

Accountant, Full stack developer, I have a dream to build up a smart city in Phuket Ireland.

ManotLuijiu / my-opacity.js

Created February 21, 2021 04:28

Get elements then inject opacity from 0 to 1

	document.addEventListener('DOMContentLoaded', () => {
	var myOpacity = 0;
	var readMeter = document.getElementsByClassName('bsf-rt-display-label')[0];
	var readUnit = document.getElementsByClassName('bsf-rt-display-postfix')[0];
	var readColor = document.getElementsByClassName('bsf-rt-reading-time')[0];

	function MyFadeFunction() {
	if (myOpacity < 1) {
	myOpacity += 0.075;
	setTimeout(function () {

ManotLuijiu / wp-script.js

Last active February 20, 2021 14:50

WordPress Script for take care social icons toggle hide/show using Elementor & Essential Addons

	document.onscroll = function () {
	var e = window,
	a = 'inner';
	var viewportWidth;
	var viewportHeight;
	if (!('innerWidth' in window)) {
	a = 'client';
	e = document.documentElement \|\| document.body;
	}
	viewportWidth = { width: e[a + 'Width'] };

ManotLuijiu / toggle-show-hide-element.js

Last active February 23, 2021 07:33

How to hide element in JavaScript

	document.onscroll = function() {
	if (window.innerHeight + window.scrollY > document.body.clientHeight) {
	document.getElementById('means__social__th').style.display='none';
	}
	if (document.getElementById('means__social__th') && \
	window.innerHeight + window.scrollY < document.body.clientHeight) \
	{
	document.getElementById('means__social__th').style.display='block';
	}
	}

ManotLuijiu / Layout.js

Created January 31, 2021 12:27

In case, you need to hide some component in react.js or next.js

	import React from 'react';
	import { useRouter } from 'next/router';

	import Nav from './Nav';
	import Header from './Header';
	import Footer from './Footer';

	const Layout = ({ children }) => {
	const router = useRouter();

ManotLuijiu / leads folder

Last active January 24, 2021 15:56

Django app leads folder

ManotLuijiu / landing.html

Created January 23, 2021 16:50

Django templates/landing.html

	{% extends "base.html" %} {% block content %}
	<section class="text-gray-600 body-font">
	<div
	class="container mx-auto flex px-5 py-24 items-center justify-center flex-col"
	>
	<img
	class="lg:w-2/6 md:w-3/6 w-5/6 mb-10 object-cover object-center rounded"
	alt="hero"
	src="https://dummyimage.com/720x600"
	/>

ManotLuijiu / navbar.html

Created January 23, 2021 16:50

Django templates/navbar.html

	<header class="text-gray-600 body-font">
	<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
	<a href="{% url 'landing_page' %}" class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0">

	{% load static %}
	<img src="{% static 'images/means_logo.svg' %}" alt="means CRM logo" width="30px">

	<span class="ml-3 text-xl">Means CRM</span>
	</a>
	<nav class="md:ml-auto flex flex-wrap items-center text-base justify-center">

ManotLuijiu / base.html

Created January 23, 2021 16:49

Django templates/base.html

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Means-CRM</title>
	{% load static %}
	<link rel="icon"href="{% static 'favicon.ico' %}">
	<link
	href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"

ManotLuijiu / Django-INSTALLED_APPS-settings

Created January 23, 2021 06:30

	INSTALLED_APPS = [
	'whitenoise.runserver_nostatic',
	'django.contrib.admin',
	'django.contrib.auth',
	'django.contrib.contenttypes',
	'django.contrib.sessions',
	'django.contrib.messages',
	'django.contrib.staticfiles',
	'leads'
	]

ManotLuijiu / djcrm ascii tree

Created January 23, 2021 05:24

Ascii tree for CRM