Translation and Style

i18n/bn.yml

@@ -0,0 +1,77 @@
+version: 2
+lang_code: bn
+lang_name: বাংলা
+rtl: false
+
+title: ইজিং ফাংশন এর চিট শীট
+description:
+  সঠিক ইজিং ফাংশন বাছাই করে অ্যানিমেশনগুলিকে আরও বাস্তবসম্মত করুন৷
+share:
+  ইজিং ফাংশন অ্যানিমেশনের গতি নির্দিষ্ট করে 
+  গতিবিধিকে আরও স্বাভাবিক করতে। বাস্তব বস্তু শুধু নড়াচড়া করে না
+  স্থির গতিতে, এবং তাৎক্ষণিকভাবে শুরু বা থামবেন না।
+  এই পৃষ্ঠাটি আপনাকে সঠিক ইজিং ফাংশন বেছে নিতে সাহায্য করে।
+
+about: __format
+  ~~ইজিং ফাংশন~~ সময়ের সাথে সাথে একটি প্যারামিটারের পরিবর্তনের হার নির্দিষ্ট করে।
+
+  বাস্তব জীবনের বস্তুসমুহ তাৎক্ষণিকভাবে  শুরু এবং বন্ধ হয় না, এবং প্রায় কখনই নয়
+  একটি স্থির গতিতে চলুন। যখন আমরা একটি ড্রয়ার খুলি, আমরা প্রথমে এটিকে দ্রুত খুলি,
+  এবং এটি বেরিয়ে আসার সাথে সাথে এটিকে ধীরে খুলে থাকি। মেঝেতে কিছু ফেললে, 
+  এবং প্রথমে তা নীচের দিকে ত্বরণ প্রাপ্ত হবে এবং তারপরে মেঝেতে আঘাত করার
+  পরে তা আবার উপরে উঠে আসবে।
+
+  এই পৃষ্ঠাটি আপনাকে সঠিক ইজিং ফাংশন বেছে নিতে সাহায্য করে।.
+
+howtos:
+  css:
+    text: CSS-এ, ট্রানজিশন এবং অ্যানিমেশন বৈশিষ্ট্য আপনাকে একটি সহজ ফাংশন নির্দিষ্ট করতে দেয়।
+    edit: এডিট করুন ^cubic-bezier.com^.
+    with_animation: CSS-এ, এই ফাংশনটি ব্যবহার করে প্রয়োগ করা যেতে পারে {{@keyframes}}
+    example_size: আকার
+    example_position: অবস্থান
+    example_opacity: স্বচ্ছতা
+
+  postcss:
+    text:
+      পোস্টসিএসএস-এ, ইজিং ফাংশন বর্ণনা করা অনেক সহজ।
+      একটি প্লাগইন আছে ^postcss-easings^ যেটি সেই সাইট থেকে transition এর তথ্য নেয়।
+    explanation: সেই declaration উপরে বর্ণিত একটিতে রূপান্তরিত হয়।
+    disabled:
+      দুর্ভাগ্যবশত, কোনো PostCSS প্লাগইন দিয়ে ইজিং ফাংশন সেট করা যাবে না।
+      {{@keyframes}} দিয়ে করা যায়, উপরে দেখুন। 
+
+  gradient:
+    name: গ্র্যাডিয়েন্ট
+    text: ^postcss-easing-gradients^ ব্যাবহার করে একটি গ্র্যাডিয়েন্ট আঁকান সম্ভব।
+
+  mathfunction:
+    name: গণিতে ফাংশন
+    text:
+      নিচে আপনি TypeScript এ লেখা এই ইজিং ফাংশনের কোড দেখতে পাচ্ছেন।
+      চলক x অ্যানিমেশনের পরম অগ্রগতি নির্দেশ করে যার সীমানা
+      0 (অ্যানিমেশনের শুরু) এবং 1 (অ্যানিমেশনের শেষ) এর ভিতর।  
+
+easing:
+  all_easings: সকল ইজিং
+  check: পরিবর্তনের জন্য ইজিং চেক করুন
+  check_size: মাপসমূহ
+  check_position: অবস্থানগুলো
+  check_opacity: স্বচ্ছতা
+  current_func: এই ফাংশনটি
+  linear_func: লিনিয়ার ফাংশন
+  load: লোড হচ্ছে...
+
+opensource:
+  title: ওপেন সোর্স
+  translate: সাইটটিকে আপনার ভাষায় অনুবাদ করতে সাহায্য করুন
+
+authors:
+  sitnik: Andrey Sitnik
+  separator: এবং
+  solovev: Ivan Solovev
+
+theme:
+  auto: অটো থিম
+  light: লাইট থিম
+  dark: ডার্ক থিম

src/core/core.css

@@ -25,26 +25,28 @@ a {
 	border-bottom: 1px solid;
 }
 
-	a:hover,
-	a:focus {
-		color: var(--brand-darken-color);
-	}
+a:hover,
+a:focus {
+	color: var(--brand-darken-color);
+}
 
-	a:active {
-		color: var(--brand-color);
-		transition: none;
-	}
+a:active {
+	color: var(--brand-color);
+	transition: none;
+}
 
-	a.focus-visible {
-		box-shadow: 0 0 1px 4px var(--brand-color);
-	}
+a.focus-visible {
+	box-shadow: 0 0 1px 4px var(--brand-color);
+}
 
-	a.focus-visible {
-		box-shadow: 0 0 1px 4px var(--brand-color);
-	}
+a.focus-visible {
+	box-shadow: 0 0 1px 4px var(--brand-color);
+}
 
 pre {
 	font-family: var(--code-fonts);
 	margin: 0;
 	tab-size: 25px;
+	padding: 1em;
+	border: 1px solid var(--brand-darken-color);
 }