Eren Kulaksız erenkulaksiz

😉

Working from office

erenkulaksiz / index.html

Created October 21, 2020 11:13

dynamic input field

	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

	<div class='container'>
	<div class='inputs'>
	<div class='name'>
	<label for='name' class='name-label' id='name-label'>Your Name</label>
	<input type='text' name='name' id='name-field' required>
	</div>
	<div class='submit'>
	<a href='#' id='submit' class='submit'><i class="fa fa-sign-in" aria-hidden="true"></i></a>

erenkulaksiz / tutorial_1.html

Created August 18, 2021 01:56

First page with HTML

erenkulaksiz / tutorial_2.html

Created August 18, 2021 02:07

HTML Hello World

	<head>
	<head>
	<title>HTML ile Merhaba Dünya</title>
	</head>
	<body>
	<h1>Selam!</h1>
	<p>
	Merhaba dünya! Artık HTML kullanabiliyorum!
	</p>
	</body>

erenkulaksiz / tutorial_3.html

Created August 18, 2021 02:29

Basic Form with HTML

	<head>
	<head>
	<title>Giriş Formu</title>
	</head>
	<body>
	<form>
	Kullanıcı Adı: <input type="text" name="username" id="username" placeholder="Kullanıcı Adı"></input>
	<br />
	Şifre: <input type="password" name="password" id="password" placeholder="Şifre"/></input>
	<br />

erenkulaksiz / img

Last active February 19, 2024 22:58

script

https://avatars.githubusercontent.com/u/44942737?v=4

erenkulaksiz / buildComponent.js

Last active May 2, 2022 12:09

Tailwind React component builder

	/**
	* BuildComponent function makes it easy to build classes for custom components.
	* @param {string} name - Name of the component.
	* @param {string} defaultClasses - Default classes for the component.
	* @param {string} extraClasses - Extra classes for the component.
	* @param {array} conditionalClasses - Array of objects, which is conditional classes for the component.
	* @param {array} selectedClasses - Array of strings, which is selected classes for the component.
	* @returns {object} data - Object with the following properties:
	* @returns {string} data.name - Name of the component.
	* @returns {string} data.classes - Classes for the component.

erenkulaksiz / useNotalUI.ts

Last active October 10, 2022 03:43

	import {
	createContext,
	PropsWithChildren,
	ReactNode,
	useContext,
	useEffect,
	useState,
	} from "react";
	import { AnimateSharedLayout, motion } from "framer-motion";

erenkulaksiz / buildComponent.ts

Last active June 16, 2022 18:36

typescript version of buildComponent.js used in Notal.

	interface BuildComponentTypes {
	name?: string;
	defaultClasses?: string;
	extraClasses?: string;
	conditionalClasses?: Array<{
	[key: string]: string \| boolean \| undefined;
	}>;
	selectedClasses?: Array<string \| boolean \| undefined>;
	}

erenkulaksiz / localStorage.ts

Last active July 25, 2022 16:55

Localstorage implementation for NextJS used in Notal

	import { isClient } from "@utils/isClient"; // check for Serverside rendering

	interface DefaultSettingsTypes {
	cookies: boolean;
	installedVersion: string;
	installedEnv: string;
	navbarCollapsed: boolean;
	}

	const DefaultSettings: DefaultSettingsTypes = {

erenkulaksiz / erenk_dev_notepad

Last active August 28, 2024 14:53

https://www.youtube.com/watch?v=dQw4w9WgXcQ