diff --git a/README.md b/README.md index fff617a..20ea36f 100644 --- a/README.md +++ b/README.md @@ -68,6 +68,7 @@ My gratitude to these contributors for localizing Flexbox Froggy. This is what o * Turkish by [Uğur Korfalı](https://github.com/kel-sakal-biyik) * Ukrainian by [sHa](https://github.com/shadoll) * Vietnamese by [Kingsten Banh](https://github.com/kingstenbanh) +* Nepali by [Kamal Ale Magar](https://github.com/KamalAle12) Don't see your language on the list? Contribute a translation! Fork the [repo](https://github.com/thomaspark/flexboxfroggy/), add your translations, and submit a pull request. diff --git a/index.html b/index.html index 335caa5..f029e5d 100644 --- a/index.html +++ b/index.html @@ -142,6 +142,7 @@

Language

+
diff --git a/js/docs.js b/js/docs.js index fd9dd8b..0898033 100644 --- a/js/docs.js +++ b/js/docs.js @@ -50,6 +50,7 @@ var docs = { 'mn': '

Хөндлөн тэнхлэгт нэмэлт зай байгаа үед flexbox-н мөрүүдийг дураараа байрлуулна.

flex-start flex-end center space-between space-around space-evenly stretch (default)', 'sk': '

Zarovná riadky kontajnera flex v rámci kontajnera flex, ak je na priečnej osi extra priestor.

flex-start flex-end center space-between space-around space-evenly stretch (default)', 'si': '

හරස් අක්‍ෂයේ අමතර ඉඩ ඇති විට flex කන්ටේනරය තුළ පේළි ඇසිරීම තීරණය කරයි.

flex-start flex-end center space-between space-around space-evenly stretch (default)', + 'np': '

फ्लेक्स कन्टेनरमा थप ठाउँ हुँदा फ्लेक्स कन्टेनरको रेखाहरूलाई क्रस-एक्सिसमा मिलाउनको लागि प्रयोग गरिन्छ।

flex-start flex-end center space-between space-around space-evenly stretch (default)', }, 'align-items': { 'en': '

Aligns flex items along the cross axis.

flex-start flex-end center baseline stretch (default)', @@ -102,6 +103,7 @@ var docs = { 'mn': '

Хөндлөн тэнхлэгийн дагуу flex items-г байрлуулна.

flex-start flex-end center baseline stretch (default)', 'sk': '

Zarovná ohybné prvky pozdĺž priečnej osi.

flex-start flex-end center baseline stretch (default)', 'si': '

හරස් අක්ෂය දිගේ flex අයිතම පෙළගස්වයි.

flex-start flex-end center baseline stretch (default)', + 'np': '

फ्लेक्स आइटमहरूलाई क्रस-एक्सिसमा मिलाउँछ।

flex-start flex-end center baseline stretch (default)', }, 'align-self': { 'en': '

Aligns a flex item along the cross axis, overriding the align-items value.

flex-start flex-end center baseline stretch', @@ -154,6 +156,7 @@ var docs = { 'mn': '

align-items утгыг дарж, flex item-г хөндлөн тэнхлэгийн дагуу байрлуулна.

flex-start flex-end center baseline stretch', 'sk': '

Zarovná prvok flex pozdĺž krížovej osi, pričom nahradí hodnotu align-items.

flex-start flex-end center baseline stretch', 'si': '

align-items හි අගය නොසලකා හැර හරස් අක්ෂය දිගේ flex අයිතමය පෙළගස්වයි.

flex-start flex-end center baseline stretch', + 'np': '

फ्लेक्स आइटमलाई क्रस-एक्सिसमा मिलाउँछ, align-items को मानलाई ओभरराइड गर्दै।

flex-start flex-end center baseline stretch', }, 'flex-direction': { 'en': '

Defines the direction of the main axis.

row (default) row-reverse column column-reverse', @@ -206,6 +209,7 @@ var docs = { 'mn': '

Үндсэн тэнхлэгийн чиглэлийг тодорхойлно.

row (default) row-reverse column column-reverse', 'sk': '

Určuje smer hlavnej osi.

row (default) row-reverse column column-reverse', 'si': '

ප්‍රධාන අක්‍ෂයේ දිශාව තීරණය කරයි.

row (default) row-reverse column column-reverse', + 'np': '

मुख्य अक्षको दिशा परिभाषित गर्छ।

row (default) row-reverse column column-reverse', }, 'flex-flow': { 'en': '

Shorthand property for flex-direction and flex-wrap.

<flex-direction> <flex-wrap>', @@ -258,6 +262,7 @@ var docs = { 'mn': '

flex-direction болон flex-wrap-д зориулсан товчилсон проперти.

<flex-direction> <flex-wrap>', 'sk': '

Skrátená vlastnosť pre flex-direction a flex-wrap.

<flex-direction> <flex-wrap>', 'si': '

flex-direction සහ flex-wrap සඳහා වන තනි ගුණාංගයකි.

<flex-direction> <flex-wrap>', + 'np': '

flex-directionflex-wrap को लागि शॉर्टह्यान्ड प्रोपर्टी।

<flex-direction> <flex-wrap>', }, 'flex-wrap': { 'en': '

Specifies whether flex items are forced on a single line or can be wrapped on multiple lines.

nowrap (default) wrap wrap-reverse', @@ -310,6 +315,7 @@ var docs = { 'mn': '

Flex items-г нэг мөрөнд шахах эсвэл олон мөрөнд тарааж байрлуулах уу гэдгийг заана.

nowrap (default) wrap wrap-reverse', 'sk': '

Určuje, či sa položky flex musia nachádzať na jednom riadku alebo môžu byť zabalené do viacerých riadkov.

nowrap (default) wrap wrap-reverse', 'si': '

flex අයිතම තනි පේළියකට හෝ පේළි කිහිපයකට ඇසිරීම තීරණය කරයි.

nowrap (default) wrap wrap-reverse', + 'np': '

फ्लेक्स आइटमहरूलाई एउटै लाइनमा बाध्य पार्ने वा धेरै लाइनहरूमा र्‍याप गर्न मिल्ने हो वा होइन भनेर निर्दिष्ट गर्दछ।

nowrap (default) wrap wrap-reverse', }, 'justify-content': { 'en': '

Aligns flex items along the main axis.

flex-start (default) flex-end center space-between space-around space-evenly', @@ -362,6 +368,7 @@ var docs = { 'mn': '

Үндсэн тэнхлэгийн дагуу flex item-ийг байрлуулна.

flex-start (default) flex-end center space-between space-around space-evenly', 'sk': '

Zarovnanie prvkov flex pozdĺž hlavnej osi.

flex-start (default) flex-end center space-between space-around space-evenly', 'si': '

ප්‍රධාන අක්ෂය දිගේ flex අයිතම පෙළගස්වයි.

flex-start (default) flex-end center space-between space-around space-evenly', + 'np': '

फ्लेक्स आइटमहरूलाई मुख्य अक्षमा मिलाउँछ।

flex-start (default) flex-end center space-between space-around space-evenly', }, 'order': { 'en': '

Specifies the order of the flex item.

<integer> (... -1, 0 (default), 1, ...)', @@ -414,5 +421,6 @@ var docs = { 'mn': '

Flex item-н байрлах дарааллыг заана.

<integer> (... -1, 0 (default), 1, ...)', 'sk': '

Určuje poradie položky flex.

<integer> (... -1, 0 (default), 1, ...)', 'si': '

flex අයිතමයේ අනුපිළිවෙල තීරණය කරයි.

<integer> (... -1, 0 (default), 1, ...)', + 'np': '

फ्लेक्स आइटमको क्रम निर्दिष्ट गर्दछ।

<integer> (... -1, 0 (default), 1, ...)', } }; diff --git a/js/levels.js b/js/levels.js index 7f2c525..2617c8f 100644 --- a/js/levels.js +++ b/js/levels.js @@ -52,9 +52,10 @@ var levels = [ 'mn': '

Бяцхан мэлхий болон түүний найзуудад CSS код бичиж тусалдаг Flexbox Froggy тоглоомонд та тавтай морил! justify-content гэх items-г хэвтээ тэнхлэгийн дагуу байрлуулах пропертийг ашиглан энэ мэлхийг баруун талд байгаа сараана цэцэг рүү хөтөлнө үү, дараах утгуудыг хүлээн авна:

Жишээлбэл, justify-content: flex-end; нь мэлхийг баруун тийш шилжүүлэх болно.

', 'sk': '

Vitajte v hre Flexbox Froggy, v ktorej pomáhate Froggymu a jeho priateľom písaním kódu CSS! Nasmerujte túto žabku na lilipad vpravo pomocou vlastnosti justify-content, ktorá zarovnáva položky horizontálne a akceptuje nasledujúce hodnoty:

Napríklad justify-content: flex-end; posunie žabku doprava.

', 'si': '

Flexbox මැඬියා වෙත සාදරයෙන් පිළිගනිමු, මෙය ඔබ CSS code ලිවීමෙන්, මැඩියා සහ මිතුරන්ට උදව් කරන ක්‍රීඩාවක්! මෙම මැඩියා දකුණු පස ඇති නෙළුම් කොළය වෙත යොමු කිරීමට justify-content ගුණාංගය භාවිතා කරන්න, එය අයිතම තිරස් අතට පෙළගස්වන අතර පහත අගයන් පිළිගනී:

උදාහරණ වශයෙන්, justify-content: flex-end; මැඩියා දකුණු පැත්තට ගෙන යනු ඇත.

', + 'np': '

हजुरहरुलाई Flexbox Froggy मा स्वागत छ, जहाँ तपाई Froggy र उसका साथीहरूलाई CSS कोड लेखेर मद्दत गर्न सक्नुहुन्छ! यस भ्यागुतोलाई दायाँतिर रहेको लिलीप्याडमा पुर्‍याउन justify-content प्रोपर्टी प्रयोग गर्नुहोस्, जसले वस्तुहरूलाई तेर्सो रूपमा राख्ने गर्दछ र तल उल्लेखित मानहरू स्वीकार गर्दछ:

उदाहरणका लागि, justify-content: flex-end; ले भ्यागुतोलाई दायाँतिर सार्छ।

', }, board: 'g', - style: {'justify-content': 'flex-end'}, + style: { 'justify-content': 'flex-end' }, before: "#pond {\n display: flex;\n", after: "}" }, @@ -111,9 +112,10 @@ var levels = [ 'mn': '

Эдгээр мэлхийнүүдийг сараана цэцэг рүүгээ очиход нь туслахын тулд justify-content-г дахин ашиглаарай. Энэ CSS проперти нь items-г хэвтээ тэнхлэгийн дагуу байрлуулах ба дараах утгуудыг хүлээн зөвшөөрдөг гэдгийг санаарай:

', 'sk': '

Znovu použite justify-content, aby ste týmto žabám pomohli dostať sa k ich lilipadom. Nezabudnite, že táto vlastnosť CSS zarovnáva položky horizontálne a akceptuje nasledujúce hodnoty:

', 'si': '

මෙම මැඬියන්ට නැවත ඔවුන්ගේ නෙළුම් කොළ වෙත යාමට උපකාර කිරීමට justify-content භාවිතා කරන්න. මෙම CSS ගුණාංගය අයිතම තිරස් අතට පෙළගස්වන අතර පහත අගයන් පිළිගන්නා බව මතක තබා ගන්න:

', + 'np': '

यी भ्यागुतोलाई तिनका लिलीप्याडसम्म पुर्‍याउन फेरि justify-content प्रयोग गर्नुहोस्। सम्झनुहोस्, यो CSS प्रोपर्टीले वस्तुहरूलाई तेर्सो रूपमा राख्ने गर्छ र तलका मानहरू स्वीकार गर्दछ:

', }, board: 'gy', - style: {'justify-content': 'center'}, + style: { 'justify-content': 'center' }, before: "#pond {\n display: flex;\n", after: "}" }, @@ -151,7 +153,7 @@ var levels = [ 'gj': '

ત્રણ દેડકાઓને justify-contentની મદદથી લીલા પાંદડાઓ સુધી પહોંચાડો. અત્યારે લીલીના તરતા પાંદડાની ચારે તરફ ગણી જગ્યા છે.

જો તમે કોઈ પ્રોપર્ટીનું મહત્વ ભુલી ગયા છો તો તેના પાર હોવર કરીને જાણી શકાય છે. justify-content ની ઉપર હોવર કરવાનો પ્રયત્ન કરો .

', 'sr': '

Помози да све три жабице нађу своје локвање користећи само justify-content. Овог пута локвањи имају много простора око себе.

Ако си заборавио/ла могуће вредности за својство, можеш прећи курсором преко назива својства да би их видео. Пробај да пређеш курсором преко justify-content.

', 'bs': '

Pomozi da sve tri žabice nađu svoje listove koristeći samo justify-content. Ovog puta listovi imaju mnogo prostora oko sebe.

Ako si zaboravio/la moguće vrijednosti za svojstvo, možeš preći kursorom preko naziva svojstva da bi ih video. Probaj da pređeš kursorom preko justify-content.

', - 'hr': '

Pomozi da sve tri žabice nađu svoje listove koristeći samo justify-content. Ovog puta listovi imaju mnogo prostora oko sebe.

Ako si zaboravio/la moguće vrijednosti za svojstvo, možeš prijeći kursorom preko naziva svojstva da bi ih vidio. Probaj prijeći kursorom preko justify-content.

', + 'hr': '

Pomozi da sve tri žabice nađu svoje listove koristeći samo justify-content. Ovog puta listovi imaju mnogo prostora oko sebe.

Ako si zaboravio/la moguće vrijednosti za svojstvo, možeš prijeći kursorom preko naziva svojstva da bi ih vidio. Probaj prijeći kursorom preko justify-content.

', 'nl': '

Help alle drie kikkers naar hun lelieblaadjes door gebruik te maken van justify-content. Deze keer is er veel plaats rond de lelieblaadjes.

Indien je de mogelijke waarden vergeten bent kun je altijd je cursor over de naam van de eigenschap houden. Probeer je cursor over justify-content te houden.

', 'ta': '

justify-content பயன்படுத்தி, தவளை அதற்கான இலையினை அடைய உதவவும். இந்த முறை இலையினை சுற்றி நிறைய வெற்றிடம் இருக்கின்றது.

நீங்கள் ஒரு வேளை சாத்தியமான மதிப்புகளை மறந்து இருந்தால், பண்பின் பெயர் மீது hover செய்தால் அதன் மதிப்புகளை பார்க்கலாம். இப்போது justify-content மீது hover செய்து முயற்சிக்கவும்.

', 'te': '

మూడు కప్పల కోసంjustify-contentను ఉపయోగించడం ద్వారా వారి లిల్లీప్యాడ్లను కనుగొనడంలో సహాయపడండి. ఈ సమయంలో, లిల్లీప్యాడ్‌లు వాటి చుట్టూ చాలా స్థలాన్ని కలిగి ఉన్నాయి.

దీనికి సాధ్యమయ్యే విలువలను మీరు మరచిపోతున్నట్లు అనిపిస్తే, మీరు వాటిని చూడటానికి అంశాల పేరు మీద హోవర్ చేయవచ్చు. ఒక సారి మౌస్ పాయింటర్ ని justify-content మీద ఉంచి ప్రయత్నించండి.

', @@ -170,9 +172,10 @@ var levels = [ 'mn': '

Гурван мэлхийд зөвхөн justify-content ашиглан сараана цэцэгээ олоход нь туслаарай. Энэ удаад сараана цэцэгсийн эргэн тойронд их зайтай байна.

Хэрэв ямар нэг пропертигийн авч болох утгыг санахгүй байвал тухайн пропертигийн нэр дээр дарж үзэх боломжтой. justify-content Дарж үзнэ үү.

', 'sk': '

Pomôžte všetkým trom žabkám nájsť ich liliputány len pomocou justify-content. Tentoraz majú lilipady okolo seba veľa priestoru.

Ak zabudnete na možné hodnoty vlastnosti, môžete ich zobraziť kliknutím na názov vlastnosti. Skúste kliknúť na justify-content.

', 'si': '

justify-content භාවිතා කිරීමෙන් මැඬියන් තිදෙනාටම ඔවුන්ගේ නෙළුම් කොළ සොයා ගැනීමට උදව් කරන්න. මේ වතාවේ, නෙළුම් කොළ වටා විශාල ඉඩක් ඇත.

ගුණාංගයක් සඳහා විය හැකි අගයන් ඔබට අමතක වී ඇත්නම්, ඒවා බැලීමට ගුණාංගයේ නම මත ක්ලික් කළ හැකිය. justify-content මත ක්ලික් කරන්න.

', + 'np': '

सिर्फ justify-content प्रयोग गरेर सबै तीन भ्यागुतोलाई तिनका लिलीप्याडसम्म पुर्‍याउन मद्दत गर्नुहोस्। यस पटक, लिलीप्याडहरूको चारैतिर धेरै खाली ठाउँ छ।

यदि तपाईंलाई कुनै प्रोपर्टीको सम्भावित मानहरू बिर्सिएको महसुस हुन्छ भने, प्रोपर्टीको नाममा क्लिक गरेर ती मानहरू हेर्न सक्नुहुन्छ। justify-content मा क्लिक गरेर प्रयास गर्नुहोस्।

', }, board: 'gyr', - style: {'justify-content': 'space-around'}, + style: { 'justify-content': 'space-around' }, before: "#pond {\n display: flex;\n", after: "}" }, @@ -229,9 +232,10 @@ var levels = [ 'mn': '

Захад байсан сараана цэцэгc одоо эрэг рүү урсаж, хоорондын зайгаа ихэсгэсэн байна. justify-content-г ашиглана уу. Энэ удаад сараана цэцэгсийн хоорондох зай тэнцүү байна.

', 'sk': '

Teraz sa liliovníky na okrajoch posunuli k brehu, čím sa zväčšil priestor medzi nimi. Použite justify-content. Tentoraz majú lilipady medzi sebou rovnaké rozostupy.

', 'si': '

දැන් අයිනේ ඇති නෙළුම් කොළ ඉවුරට ගසාගෙන ගොස් ඒවා අතර ඉඩ වැඩි වී ඇත. justify-content භාවිතා කරන්න. මේ වතාවේ, නෙළුම් කොළ අතර සමාන පරතරයක් ඇත.

', - }, + 'np': '

अब छेउका लिलीप्याडहरू किनारामा बगेर गएका छन्, जसले तिनको बीचमा थप ठाउँ बनाएको छ। justify-content प्रयोग गर्नुहोस्। यस पटक, लिलीप्याडहरूको बीचमा समान दूरी छ।

', + }, board: 'gyr', - style: {'justify-content': 'space-between'}, + style: { 'justify-content': 'space-between' }, before: "#pond {\n display: flex;\n", after: "}" }, @@ -269,7 +273,7 @@ var levels = [ 'gj': '

હવે align-items ની મદદ થી દેડકાઓને તળાવ ની તળિયે સુધી પહોંચાડો. આ CSS પ્રોપર્ટી આઇટમ્સને ઊભી રીતે ગોઠવે છે અને નીચેના મૂલ્યોને સ્વીકારે છે:

', 'sr': '

Сада користи align-items да помогнеш жабицама да дођу до дна барице. Ово CSS својство поравњава елементе вертикално и прихвата следеће вредности:

', 'bs': '

Sada koristi align-items da pomogneš žabicama da dođu do dna barice. Ovo CSS svojstvo poravnava elemente vertikalno i prihvata sledeće vrijednosti:

', - 'hr': '

Sada koristi align-items da pomogneš žabicama da dođu do dna barice. Ovo CSS svojstvo poravnava elemente vertikalno i prihvaća sljedeće vrijednosti:

', + 'hr': '

Sada koristi align-items da pomogneš žabicama da dođu do dna barice. Ovo CSS svojstvo poravnava elemente vertikalno i prihvaća sljedeće vrijednosti:

', 'nl': '

Maak nu gebruik van align-items om de kikkers naar de onderkant van de vijver te helpen. Deze CSS eigenschap lijnt elementen verticaal uit, en aanvaard de volgende waarden:

', 'ta': '

இப்பொழுது align-items உபயோகித்து, தவளைகள் குளத்தின் கீழ் பகுதிக்கு செல்ல உதவி செய்யவும். இந்த CSS property செங்குத்தாக பொருட்களை உபகரணங்களை சீரமைக்கும் மற்றும் பின்வரும் மதிப்புகளை ஏற்றுக்கொள்கிறது:

', 'te': '

ఇప్పుడు కప్పలు చెరువు దిగువకు రావడానికి align-items ని ఉపయోగించండి. ఈ CSS ఆస్తి అంశాలను నిలువుగా సమలేఖనం చేస్తుంది మరియు ఈ క్రింది విలువలను అంగీకరిస్తుంది:

', @@ -288,9 +292,10 @@ var levels = [ 'mn': '

Одоо align-items-г ашиглан мэлхий цөөрмийн ёроолд хүрэхэд нь туслаарай. Энэ CSS проперти нь items-г босоо тэнхлэгийн дагуу байрлуулах ба дараах утгуудыг хүлээн зөвшөөрдөг: