Anıl Pak anLpk

🏡

Working from home

Frontend Engineer

anLpk / helpers.ts

Last active November 9, 2025 22:19

MiddleTruncate component

	export const measureText = (container: HTMLElement) => {
	const span = document.createElement('span');
	span.style.opacity = '0';
	span.style.position = 'absolute';
	span.style.top = '-1000px';
	span.style.left = '-1000px';
	span.style.whiteSpace = 'nowrap';
	span.style.pointerEvents = 'none';
	container.appendChild(span);

anLpk / npm-cheetsheet.md

Created July 5, 2021 05:27 — forked from ipekt/npm-cheetsheet.md

npm cheetsheet

NPM Cheetsheet

Interactive package.json generation

npm init

Install packages listed in package.json

anLpk / data.JSON

Created December 13, 2020 10:10

anLpk / script.js

Created December 13, 2020 10:10

	// // console.log("Hello from inside"); // Always check, JS working or not

	const input = document.querySelector("#results");
	const search = document.querySelector("#btn");
	const url = "data.JSON";

	async function loadJSON(url) {
	const res = await fetch(url);
	return await res.json();
	}

anLpk / style.css

Created December 13, 2020 10:10

anLpk / index.html

Created December 13, 2020 10:10

	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Turkey Population App</title>
	<link rel="stylesheet" href="style.css" />
	</head>
	<body>
	<div id="container">
	<input

anLpk / script.js

Created December 7, 2020 03:50

	"use strict";

	const toggleTextColor = document.querySelector(".darktext");
	const switchBtn = document.querySelector(".switch");

	const bodyColorChanges = document.querySelector("body");
	const cardBgColorChanges = document.querySelector(".dark");

	const changeTextColor = function () {
	toggleTextColor.classList.remove("darktext");

anLpk / style.css

Created December 7, 2020 03:50

anLpk / index.html

Created December 7, 2020 03:50

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<!-- displays site properly based on user's device -->

	<link
	rel="icon"
	type="image/png"

anLpk / style.css

Created November 23, 2020 05:20

	/* Default */
	* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	}

	body {
	font-family: 'Montserrat', sans-serif;
	scroll-behavior: smooth;