diff --git a/common.yml b/common.yml
index 87d5988..19f7f69 100644
--- a/common.yml
+++ b/common.yml
@@ -120,6 +120,8 @@ translations:
     t: Pemrosesan Data
   - key: credits.back_end_development
     t: Pengembangan Back-End
+  - key: credits.survey_review
+    t: Ulasan Survei
 
   # support
   - key: general.support_from
@@ -156,6 +158,8 @@ translations:
   # thanks
   - key: general.back
     t: Kembali
+  - key: general.back_to_survey
+    t: Kembali ke survei
   - key: general.thanks
     t: >
       Terima kasih telah mengisi survei! Data anda telah tersimpan.
@@ -179,21 +183,31 @@ translations:
     t: Skor Utama
   - key: thanks.quiz_score
     t: Skor kuis
-  - key: thanks.score_explanation
+  - key: thanks.score_statistics
     t: >
-      Anda pernah mendengar atau menggunakan <span class="score-number score-number-known">{known}</span> dari
-      <span class="score-number score-number-total">{total}</span> fitur yang disebutkan dalam survei, 
-      yang menempatkan anda di peringkat <span class="score-number score-number-ranking">{knowledgeRankingFromTop}%</span>
-      dari keseluruhan responden.
-  - key: thanks.score_explanation_no_ranking
+      Dari {total} fitur yang disebutkan di survei,
+      anda telah memakai {usage_count} dan telah mendengar {awareness_count} lagi,
+      menempatkan anda dalam {knowledgeRankingFromTop} teratas semua responden.
+      Bagus sekali!
+  - key: thanks.score_noranking
     t: >
-      Anda pernah mendengar atau menggunakan <span class="score-number score-number-known">{known}</span> dari
-      <span class="score-number score-number-total">{total}</span> fitur yang disebutkan dalam survei.
+      Dari {total} fitur yang disebutkan di survei,
+      anda telah memakai {usage_count} dan telah mendengar {awareness_count} lagi,
+      Bagus sekali!
+  - key: thanks.points
+    t: >
+      poin
+  - key: thanks.score_awareness_explanation
+    t: >
+      Supaya adil, persentase ini dihitung hanya berdasarkan dari {awareness_total} fitur yang anda ketahui
   - key: thanks.share_on_twitter
     t: Bagikan di Twitter
   - key: thanks.share_score_message
     t: >
       Saya mendapatkan skor pengetahuan {score}% pada survei #{hashtag} tahun ini! Ikuti survei di sini: {shareUrl}
+      Saya telah memakai {usage_count} fitur, dan mengetahui {awareness_count} lebih banyak,
+      menempatkan saya di {rank}% teratas dari semua responden.
+      Bisakah anda mengalahkan skor saya? {shareUrl}
   # share
   - key: general.share_subject
     t: >
@@ -303,6 +317,9 @@ translations:
   # Options
   ###########################################################################
 
+  - key: options.experience.title
+    t: Pengalaman
+
   # other answer
   - key: options.other
     t: Lainnya…
@@ -333,6 +350,9 @@ translations:
     t: |
       <span class="option-chip option-main option-main-used">Sudah pakai</span> » <span class="option-chip option-negative">Pengalaman negatif</span>
 
+  - key: options.features.na
+    t: Tidak ada
+
   # features (short)
   - key: options.features.never_heard.short
     t: <span aria-hidden="true">🤷</span> Belum pernah dengar
@@ -341,6 +361,20 @@ translations:
   - key: options.features.used.short
     t: <span aria-hidden="true">🤓</span> Sudah pakai
 
+  - key: options.experience.never_heard
+    aliasFor: options.features.never_heard.short
+  - key: options.experience.heard
+    aliasFor: options.features.heard.short
+  - key: options.experience.used
+    aliasFor: options.features.used.short
+
+  - key: options.experience.never_heard.short
+    aliasFor: options.features.never_heard.short
+  - key: options.experience.heard.short
+    aliasFor: options.features.heard.short
+  - key: options.experience.used.short
+    aliasFor: options.features.used.short
+
   # features (no emoji)
   - key: options.features.never_heard.label
     t: Belum pernah mendengarnya/Tidak yakin itu apa
@@ -357,6 +391,83 @@ translations:
   - key: options.features.used.short
     t: Sudah pakai
 
+  # aliases
+  - key: options.experience.never_heard.label.short
+    aliasFor: options.features.never_heard.label.short
+  - key: options.experience.heard.label.short
+    aliasFor: options.features.heard.label.short
+  - key: options.experience.used.label.short
+    aliasFor: options.features.used.label.short
+
+  - key: options.experience.never_heard.description
+    t: Responden yang belum pernah dengar.
+  - key: options.experience.heard.description
+    t: Responden yang sudah dengar, tetapi belum pernah pakai.
+  - key: options.experience.used.description
+    t: Responden yang sudah pakai.
+
+  # sentiments
+
+  - key: options.sentiment.title
+    t: Sentimen
+
+  - key: options.sentiment.positive.label
+    t: Sentimen Positif
+  - key: options.sentiment.neutral.label
+    t: Sentimen Netral
+  - key: options.sentiment.negative.label
+    t: Sentimen Negatif
+
+  - key: options.sentiment.never_heard.positive.label
+    aliasFor: followups.sentiment_interested
+  - key: options.sentiment.never_heard.negative.label
+    aliasFor: followups.sentiment_not_interested
+
+  - key: options.sentiment.heard.positive.label
+    aliasFor: followups.sentiment_interested
+  - key: options.sentiment.heard.negative.label
+    aliasFor: followups.sentiment_not_interested
+
+  - key: options.sentiment.used.positive.label
+    aliasFor: followups.sentiment_positive_experience
+  - key: options.sentiment.used.negative.label
+    aliasFor: followups.sentiment_negative_experience
+
+  - key: options.sentiment.positive.label.short
+    t: Positif
+  - key: options.sentiment.neutral.label.short
+    t: Netral
+  - key: options.sentiment.negative.label.short
+    t: Negatif
+  - key: options.sentiment.positive.short
+    aliasFor: options.sentiment.positive.label.short
+  - key: options.sentiment.neutral.short
+    aliasFor: options.sentiment.neutral.label.short
+  - key: options.sentiment.negative.short
+    aliasFor: options.sentiment.negative.label.short
+
+  - key: options.sentiment.never_heard.positive.label.short
+    aliasFor: followups.sentiment_interested
+  - key: options.sentiment.never_heard.negative.label.short
+    aliasFor: followups.sentiment_not_interested
+
+  - key: options.sentiment.heard.positive.label.short
+    aliasFor: followups.sentiment_interested
+  - key: options.sentiment.heard.negative.label.short
+    aliasFor: followups.sentiment_not_interested
+
+  - key: options.sentiment.used.positive.label.short
+    aliasFor: followups.sentiment_positive_experience
+  - key: options.sentiment.used.negative.label.short
+    aliasFor: followups.sentiment_negative_experience
+
+  - key: options.sentiment.positive.description
+    t: Responden yang tertarik untuk belajar tentang sebuah teknologi; atau yang ingin menggunakannya lagi.
+  - key: options.sentiment.neutral.description
+    t: Responden yang tidak memiliki sentimen akan sebuah teknologi.
+  - key: options.sentiment.negative.description
+    t: Responden yang tidak tertarik untuk belajar tentang sebuah teknologi; atau yang sudah pernah pakai dan memiliki pengalaman negatif.
+
   # patterns
   - key: options.patterns.use_never
     t: Hampir tidak digunakan sama sekali
@@ -477,6 +588,33 @@ translations:
   - key: options.age.range_more_than_65.short
     t: ">65"
 
+  # age 2
+  - key: options.age.range_under_20
+    t: 20 tahun atau kurang
+  - key: options.age.range_20_29
+    t: 20-29 tahun
+  - key: options.age.range_30_39
+    t: 30-39 tahun
+  - key: options.age.range_40_49
+    t: 40-49 tahun
+  - key: options.age.range_50_59
+    t: 50-59 tahun
+  - key: options.age.range_over_60
+    t: 60 tahun atau lebih
+
+  - key: options.age.range_under_20.short
+    t: "<20"
+  - key: options.age.range_20_29.short
+    t: 20-29
+  - key: options.age.range_30_39.short
+    t: 30-39
+  - key: options.age.range_40_49.short
+    t: 40-49
+  - key: options.age.range_50_59.short
+    t: 50-59
+  - key: options.age.range_over_60.short
+    t: ">60"
+
   # years of experience
   - key: options.years_of_experience.range_less_than_1
     t: Kurang dari 1 tahun
@@ -505,9 +643,45 @@ translations:
   - key: options.years_of_experience.range_more_than_20.short
     t: ">20 tahun"
 
+  # years of experience v2
+  - key: options.years_of_experience.range_under_1
+    t: Kurang dari satu tahun
+  - key: options.years_of_experience.range_1_3
+    t: 1 sampai 3 tahun
+  - key: options.years_of_experience.range_4_6
+    t: 4 sampai 6 tahun
+  - key: options.years_of_experience.range_7_9
+    t: 7 sampai 9 tahun
+  - key: options.years_of_experience.range_10_12
+    t: 10 sampai 12 tahun
+  - key: options.years_of_experience.range_13_15
+    t: 13 sampai 15 tahun
+  - key: options.years_of_experience.range_16_20
+    t: 16 sampai 20 tahun
+  - key: options.years_of_experience.range_over_20
+    t: Lebih dari 20 tahun
+
+  # years of experience v2 (short versions)
+  - key: options.years_of_experience.range_under_1.short
+    t: "<1 tahun"
+  - key: options.years_of_experience.range_1_3.short
+    t: 1-3 tahun
+  - key: options.years_of_experience.range_4_6.short
+    t: 4-6 tahun
+  - key: options.years_of_experience.range_7_9.short
+    t: 7-9 tahun
+  - key: options.years_of_experience.range_10_12.short
+    t: 10-12 tahun
+  - key: options.years_of_experience.range_13_15.short
+    t: 13-15 tahun
+  - key: options.years_of_experience.range_16_20.short
+    t: 16-20 tahun
+  - key: options.years_of_experience.range_over_20.short
+    t: ">20 tahun"
+
   # company size
   - key: options.company_size.na
-    t: N/A
+    t: 🚫 Tidak berlaku
   - key: options.company_size.range_1
     t: Hanya saya
   - key: options.company_size.range_1_5
@@ -563,6 +737,21 @@ translations:
   - key: options.yearly_salary.range_more_than_200
     t: Lebih dari $200k
 
+  - key: options.yearly_salary.range_0_20
+    t: $0k-$20k
+  - key: options.yearly_salary.range_20_40
+    t: $20k-$40k
+  - key: options.yearly_salary.range_40_60
+    t: $40k-$60k
+  - key: options.yearly_salary.range_60_80
+    t: $60k-$80k
+  - key: options.yearly_salary.range_80_100
+    t: $80k-$100k
+  - key: options.yearly_salary.range_100_150
+    t: $100k-$150k
+  - key: options.yearly_salary.range_150_200
+    t: $150k-$200k
+
   # salary (short versions)
   - key: options.yearly_salary.na.short
     t: N/A
@@ -594,18 +783,37 @@ translations:
     t: Ahli
 
   # Gender
+
   - key: options.gender.female
     t: Perempuan
   - key: options.gender.male
     t: Laki-laki
+  - key: options.gender.non_binary
+    t: Non-Binary atau Gender Non-Conforming
+  - key: options.gender.questioning
+    t: Mempertanyakan
+  - key: options.gender.prefer_not_to_say
+    t: Memilih untuk tidak memberitahu
+  - key: options.gender.not_listed
+    t: Tidak tercantum
 
   # Gender (short)
+
   - key: options.gender.female.short
     t: Perempuan
   - key: options.gender.male.short
     t: Laki-laki
+  - key: options.gender.non_binary.short
+    t: Non-Binary atau GNC
+  - key: options.gender.questioning.short
+    t: Mempertanyakan
+  - key: options.gender.prefer_not_to_say.short
+    t: Memilih untuk tidak memberitahu
+  - key: options.gender.not_listed.short
+    t: Tidak tercantum
 
   # Race & Ethnicity
+
   - key: options.race_ethnicity.white_european
     t: Berkulit Putih
   - key: options.race_ethnicity.south_asian
@@ -643,6 +851,7 @@ translations:
     t: Yahudi
 
   # Race & Ethnicity (short)
+
   - key: options.race_ethnicity.white_european.short
     t: Berkulit Putih
   - key: options.race_ethnicity.south_asian.short
@@ -781,10 +990,11 @@ translations:
     t: Transportasi
   - key: options.industry_sector.manufacturing
     t: Manufaktur
+
   - key: options.industry_sector.tech_it
     t: Teknologi & IT
   - key: options.industry_sector.human_resources
-    t: Human Resources
+    t: Sumber Daya Manusia
   - key: options.industry_sector.sports
     t: Olahraga
   - key: options.industry_sector.gaming
@@ -814,6 +1024,36 @@ translations:
   - key: options.industry_sector.unemployed
     t: Tidak bekerja
 
+  - key: options.industry_sector.recruiting
+    t: Perekrutan
+  - key: options.industry_sector.agency
+    t: Agensi
+  - key: options.industry_sector.business
+    t: Bisnis
+  - key: options.industry_sector.communication
+    t: Komunikasi
+  - key: options.industry_sector.security
+    t: Keamanan
+
+  - key: options.industry_sector.ai
+    t: Kecerdasan Buatan (AI)
+  - key: options.industry_sector.advertising
+    t: Periklanan
+  - key: options.industry_sector.cloud_computing
+    t: Komputasi Awan
+  - key: options.industry_sector.consumer_electronics
+    t: Barang elektronik konsumen
+  - key: options.industry_sector.food
+    t: makanan
+  - key: options.industry_sector.hospitality_tourism
+    t: Hospitality / Pariwisata
+  - key: options.industry_sector.fashion
+    t: Mode/busana
+  - key: options.industry_sector.robotics
+    t: Robotik
+  - key: options.industry_sector.saas
+    t: SaaS (Software as a Service)
+
   # tool evaluation
   - key: options.tool_evaluation.learning_curve_documentation
     t: Dokumentasi
@@ -870,7 +1110,7 @@ translations:
 
   # learning methods
   - key: options.first_steps.na
-    t: Tidak ada
+    t: 🚫 Tidak ada
   - key: options.first_steps.books
     t: Buku
   - key: options.first_steps.videos
@@ -908,6 +1148,7 @@ translations:
     t: Acara
 
   # learning methods
+
   - key: resources.learning_methods
     t: Metode Belajar
 
@@ -997,6 +1238,7 @@ translations:
     t: Iya, kirim Saya email jika hasil survei sudah diterbitkan
 
   # usage type
+
   - key: usage.usage_type
     t: Tipe Pemakaian
 
@@ -1028,6 +1270,27 @@ translations:
   - key: options.percentage_segments.range_91_100
     t: 91-100%
 
+  # - key: options.percentage_segments.range_0_10
+  #   t: 0-10%
+  - key: options.percentage_segments.range_10_20
+    t: 10-20%
+  - key: options.percentage_segments.range_20_30
+    t: 20-30%
+  - key: options.percentage_segments.range_30_40
+    t: 30-40%
+  - key: options.percentage_segments.range_40_50
+    t: 40-50%
+  - key: options.percentage_segments.range_50_60
+    t: 50-60%
+  - key: options.percentage_segments.range_60_70
+    t: 60-70%
+  - key: options.percentage_segments.range_70_80
+    t: 70-80%
+  - key: options.percentage_segments.range_80_90
+    t: 80-90%
+  - key: options.percentage_segments.range_90_100
+    t: 90-100%
+
   - key: options.completion_stats.range_0_10
     aliasFor: options.percentage_segments.range_0_10
   - key: options.completion_stats.range_11_20
@@ -1049,6 +1312,27 @@ translations:
   - key: options.completion_stats.range_91_100
     aliasFor: options.percentage_segments.range_91_100
 
+  - key: options.completion_stats.range_0_10
+    aliasFor: options.percentage_segments.range_0_10
+  - key: options.completion_stats.range_10_20
+    aliasFor: options.percentage_segments.range_10_20
+  - key: options.completion_stats.range_20_30
+    aliasFor: options.percentage_segments.range_20_30
+  - key: options.completion_stats.range_30_40
+    aliasFor: options.percentage_segments.range_30_40
+  - key: options.completion_stats.range_40_50
+    aliasFor: options.percentage_segments.range_40_50
+  - key: options.completion_stats.range_50_60
+    aliasFor: options.percentage_segments.range_50_60
+  - key: options.completion_stats.range_60_70
+    aliasFor: options.percentage_segments.range_60_70
+  - key: options.completion_stats.range_70_80
+    aliasFor: options.percentage_segments.range_70_80
+  - key: options.completion_stats.range_80_90
+    aliasFor: options.percentage_segments.range_80_90
+  - key: options.completion_stats.range_90_100
+    aliasFor: options.percentage_segments.range_90_100
+
   - key: options.knowledge_score.range_0_10
     aliasFor: options.percentage_segments.range_0_10
   - key: options.knowledge_score.range_11_20
@@ -1083,6 +1367,14 @@ translations:
     t: Sumber daring lainnya
   - key: options.source.blog
     t: Blog
+  # - key: options.source.
+  #   t:
+  # - key: options.source.
+  #   t:
+  # - key: options.source.
+  #   t:
+  # - key: options.source.
+  #   t:
 
   ###########################################################################
   # Tools
@@ -1093,11 +1385,9 @@ translations:
   - key: tools.other_tools.description
     t: Opsi lain yang Anda gunakan untuk bagian saat ini yang tidak disebutkan dalam daftar di atas
   - key: tools.happiness
-    t: Merasa bahagia untuk secara keseluruhan
+    t: Merasa bahagia secara keseluruhan
   - key: tools.happiness.description
-    t: >
-      Pada skala satu (sangat tidak bahagia) hingga lima (sangat bahagia), seberapa bahagia Anda 
-      pada keseluruhan yang berkaitan dengan opsi yang tercantum di atas?
+    t: Seberapa senang anda dengan keadaan saat ini sehubungan dengan opsi-opsi yang tercantum di atas?
 
   ###########################################################################
   # Demographics (About You/User Info)
@@ -1188,8 +1478,10 @@ translations:
     t: Status Disabilitas
   - key: user_info.disability_status.question
     t: >
-      Mana dari pilihan disabilitas ini yang pernah Anda alami? Pilih yang sesuai.
-      Catatan bahwa ini bisa termasuk disabilitas sementara ataupun cedera.
+      Mana dari pilihan disabilitas ini yang pernah Anda alami? 
+  - key: user_info.disability_status.prompt
+    t: >
+      Mohon centang semua yang sesuai. Perhatikan bahwa ini termasuk disabilitas sementara atau cedera. # disability status (other)
 
   # disability status (other)
   - key: user_info.disability_status.others
@@ -1198,6 +1490,8 @@ translations:
     aliasFor: user_info.disability_status.others
 
   # other info
+  - key: user_info.how_did_user_find_out_about_the_survey
+    t: Sumber
   - key: user_info.how_did_user_find_out_about_the_survey
     t: Bagaimana Anda mengetahui tentang survei ini?
   - key: user_info.email
@@ -1277,7 +1571,9 @@ translations:
   # how can we improve the survey?
   - key: user_info.how_can_we_improve
     t: Bagaimana cara Kami bisa mengembangkan survei ini?
-
+  - key: user_info.how_can_we_improve.question
+    t: Bagaimana kami dapat meningkatkan survei ini?
+  
   ###########################################################################
   # Usage
   ###########################################################################
@@ -1307,6 +1603,9 @@ translations:
     t: Jawaban lain.
   - key: options.blogs_news_magazines.na
     t: 🚫 Tidak ada
+  - key: resources.blogs_news_magazines.placeholder
+    t: |
+      Blog/newsletter #{index}
 
   # sites & courses
   - key: resources.sites_courses
@@ -1319,6 +1618,31 @@ translations:
     t: Jawaban lain.
   - key: options.sites_courses.na
     t: 🚫 Tidak ada
+  - key: resources.sites_courses.placeholder
+    t: |
+      Situs/kursus #{index}
+
+  # paid courses
+  - key: resources.paid_courses
+    t: Kursus berbayar
+  - key: resources.paid_courses.question
+    t: \**Sumber berbayar** manakah (kursus, video, buku, dll.) yang pernah anda pakai?
+  - key: options.paid_courses.na
+    t: 🚫 Tidak ada
+  - key: resources.paid_courses.placeholder
+    t: |
+      Kursus/buku #{index}…
+
+  # courses
+  - key: resources.courses
+    t: Kursus & Materi Pelatihan
+  - key: resources.courses.question
+    t: Kursus atau materi mana (video, buku, dll.) yang pernah anda pakai?
+  - key: options.courses.na
+    t: 🚫 Tidak ada
+  - key: resources.courses.placeholder
+    t: |
+      Kursus/buku/dll. #{index}…
 
   # podcasts
   - key: resources.podcasts
@@ -1331,6 +1655,9 @@ translations:
     t: Jawaban lain.
   - key: options.podcasts.na
     t: 🚫 Tidak ada
+  - key: resources.podcasts.placeholder
+    t: |
+      Podcast #{index}…
 
   # people
   - key: resources.people
@@ -1349,6 +1676,9 @@ translations:
       (Nama dipisah dengan koma)
   - key: options.people.na
     t: 🚫 Tidak ada
+  - key: resources.people.placeholder
+    t: |
+      Orang #{index}…
 
   # other surveys
   - key: resources.other_surveys
@@ -1360,6 +1690,9 @@ translations:
   - key: options.other_surveys.na
     t: 🚫 Tidak ada
 
+
+
+
   - key: user_info.other_surveys
     aliasFor: resources.other_surveys
   - key: user_info.other_surveys.question
@@ -1374,6 +1707,9 @@ translations:
     t: Kreator Video Lain
   - key: options.video_creators.na
     t: 🚫 Tidak ada
+  - key: resources.video_creators.placeholder
+    t: |
+      Kreator video #{index}…
 
   ###########################################################################
   # Follow-Up Questions
@@ -1416,3 +1752,17 @@ translations:
     t: Ingin pakai lagi
   - key: followups.sentiment_negative_experience
     t: Pengalaman negatif
+
+  # - key: followups.
+  #   t:
+  # - key: followups.
+  #   t:
+  # - key: followups.
+  #   t:
+  # - key: followups.
+  #   t:
+
+  # entities info
+
+  - key: entity.learn_more
+    t: Pelajari lebih lanjut…
diff --git a/css2024.yml b/css2024.yml
new file mode 100644
index 0000000..4b90329
--- /dev/null
+++ b/css2024.yml
@@ -0,0 +1,586 @@
+locale: id-ID
+translations:
+  ###########################################################################
+  # General
+  ###########################################################################
+
+  - key: features.discrete_properties_animations
+    t: foobar
+
+  - key: features.discrete_properties_animations.description
+    t: baz123
+
+  - key: general.results.description
+    t: Edisi 2024 dari survei tahunan tentang tren-tren terkini dalam ekosistem CSS.
+
+  - key: general.css2024.survey_intro
+    t: |
+
+      Sungguh menakjubkan untuk melihat CSS yang terus berevolusi dengan cepat. Jika dekade terakhir adalah tentang membangun sebuah dasar yang kuat untuk membuat tata letak (Flexbox, Grid) dan sintaks (variabel) masa depan menjanjikan untuk melangkah lebih jauh dari yang kita impikan. 
+
+      ingin menghitung akar pangkat atau kosinus di dalam CSS anda? Menggunakan perhitungan tersebut untuk animasi berbasis scroll? Dan mungkin mengaturnya supaya tidak memiliki efek samping yang tidak diinginkan? Sekarang anda dapat melakukan semua itu all that, dan lebih banyak lagi!
+
+      Itulah kenapa survei ini jauh lebih penting dari sebelumnya, bukan hanya sebagai cara untuk melacak kemajuan anda sendiri; namun juga sebagai alat untuk memberitahu para vendor browser opini kita tentang arah yang baru ini.
+
+      Jadi sekali lagi, bergabunglah dengan saya untuk State of CSS tahun ini!
+
+  - key: features.features_intro_css2024
+    t: |
+      Selamat datang ke survei! Bagian pertama ini adlah tentang membagikan pengalaman anda tentang berbagai fitur CSS:
+
+
+      - **Tidak pernah mendengarnya**: ini kali pertama anda melihatnya – atau anda pernah mendengarnya namun tidak tahu dengan pasti itu fitur apa. 
+
+      - **Pernah mendengarnya**: anda pernah membaca atau mempelajarinya, namun belum pernah memakainya. 
+
+      - **Pernah memakainya**: anda pernah memakainya paling tidak sekali, meskipun hanya untuk bermain-main. 
+
+
+      O iya, jika anda ingin menjabarkan pilihan anda lebih lanjut, klik ikon "komentar"!
+
+  ###########################################################################
+  # Introduction
+  ###########################################################################
+
+  - key: introduction.css2024
+    t: |
+      <span class="first-letter">C</span>SS sedang melewati fase perubahan besar. Di antara `:has()`, kueri container, subgrid, dan lebih banyak lagi, fitur-fitur baru sedang menuju browser sepertinya setiap bulan. 
+
+      Konsekuensi dari semua pertumbuhan ini adalah semua hal dapat terlihat melelahkan. Untungnya tahun ini [Chen Hui Jing](https://chenhuijing.com/) membantu merancan survei ini dan memandu kita melewati hutan CSS. 
+
+      Ngomong-ngomong tentang surveinya, tahukah anda berbagai vendor browser menggunakan data survei ini sebagai bagian dari inisiatif [Interop](https://web.dev/interop-2023/) untuk membantu memprioriaskan fitur-fitur mana untuk dikerjakan selanjutnya?
+
+      Akhirnya, kami memperkenalkan fitur baru ini tahun ini: kemampuan untuk **mengkostumisasi bagan** dengan saringan data anda sendiri. Kami sangat antusias untuk melihat wawasan baru seperti apa yang akan Anda hasilkan!  
+
+      <span class="conclusion__byline">– Sacha Greif</span>
+
+  ###########################################################################
+  # Tshirt
+  ###########################################################################
+
+  - key: sections.tshirt.title
+    t: Kaos
+
+  - key: sections.tshirt.description
+    t: |
+      ## Dukung Survei ini Dengan Kaos State Of CSS 
+
+      Di antara kualitas video yang buruk, kaset yang besar, dan harus memutar balik, tidak ada yang dapat dirindukan dari era VHS. Namun satu hal yang kami *rindukan* adalah visual 90an yang dulu menghiasi kaset VHS yang kosong. 
+
+      Namun, berkat dari seniman bertalenta Christopher Kirk-Nielsen anda dapat menikmati semua kekerenan retro ini sambil juga merayakan kecintaan anda akan CSS dalam waktu yang bersamaan!
+
+  - key: tshirt.about
+    t: Tentang kaos ini
+
+  - key: tshirt.description
+    t: |
+      Kami menggunakan kaos tri-blend berkualitas tinggi yang sangat lembut dengan bentuk ramping yang dicetak dari mitra kami di Cotton Bureau.
+
+  - key: tshirt.getit
+    t: Dapatkan
+
+  - key: tshirt.price
+    t: USD $29 + pengiriman
+
+  - key: tshirt.designer.heading
+    t: Tentang perancang kaos
+
+  - key: tshirt.designer.name
+    t: Christopher Kirk-Nielsen
+
+  - key: tshirt.designer.bio
+    t: |
+      Berasal dari Prancis namun sekarang tinggal di Amerika Serikat, Chris bukan hanya seorang pengembang front-end yang menakjubkan, namun juga seorang ilustrator bertalenta dengan spesialisasi dalam bidang visual retro. Kami mendorong anda untuk melihat [desain kaos lainnya darinya](https://chriskirknielsen.com/designs)!
+
+  ###########################################################################
+  # Sections Introductions
+  ###########################################################################
+
+  - key: sections.user_info.description.css2024
+    t: |
+      This year's survey reached **9,190** developers throughout the world.
+
+  - key: sections.features.description.css2024
+    t: |
+      CSS has been on a roll lately, and many of the new features introduced are
+      slowly but surely being adopted by the developer community.
+
+  - key: sections.css_frameworks.description.css2024
+    t: |
+      Once again, Tailwind CSS stands apart as the one major UI framework that developers are happy to keep using; while Open Props is generating a small but passionate following.
+
+  - key: sections.css_in_js.description.css2024
+    t: |
+      After some initial growth, it seems like the CSS-in-JS sector has plateaued, and
+      the fact that native CSS itself is adopting many of its main advantages is probably a big contributing factor.
+
+  - key: sections.other_tools.description.css2024
+    t: |
+      30 years after the invention of the browser, we're still seeing innovation in that space with new entrants like Brave and Arc; or specialized tools like Polypane gaining marketshare.
+
+  - key: sections.usage.description.css2024
+    t: |
+      No matter how you use CSS, the data shows that making sure your code works across all browsers is still a concern, especially for newer features such as `:has()`.
+
+  - key: sections.resources.description.css2024
+    t: |
+      Between blogs, YouTube channels, and podcasts, the CSS community is more vibrant than ever.
+
+  ###########################################################################
+  # Charts
+  ###########################################################################
+
+  - key: options.features_categories.layout
+    aliasFor: sections.layout.title
+  - key: options.features_categories.shapes_graphics
+    aliasFor: sections.shapes_graphics.title
+  - key: options.features_categories.interactions
+    aliasFor: sections.interactions.title
+  - key: options.features_categories.typography
+    aliasFor: sections.typography.title
+  - key: options.features_categories.accessibility
+    aliasFor: sections.accessibility.title
+  - key: options.features_categories.other_features
+    aliasFor: sections.other_features.title
+  - key: options.features_categories.colors
+    aliasFor: sections.colors.title
+  - key: options.features_categories.selectors
+    aliasFor: sections.selectors.title
+
+  - key: user_info.country_low_vs_high_income.description.css2024
+    t: >
+      Splitting respondents between low-income and high-income brackets gives
+      us two very different lists of countries.
+
+  - key: user_info.higher_education_degree_by_gender.description.css2024
+    t: >
+      Women representation was higher than expected among respondents 
+      with a higher-education diploma in areas unrelated to CSS, potentially 
+      indicating a lot of career changes.
+
+  - key: user_info.source_by_gender.description.css2024
+    t: >
+      Although the low total counts make it hard to draw any conclusions,
+      the proportion of women was highest among respondents 
+      who came across the survey from their workplace or through word-of-mouth, 
+      especially compared to social networks such as Twitter or YouTube.
+
+  - key: user_info.source_by_race_ethnicity.description.css2024
+    t: >
+      Again keeping in mind the low sample size, when considering race and ethnicity,
+      YouTube stands out as one of the most diverse source of traffic to the survey.
+
+  - key: user_info.average_income_by_company_size.description.css2024
+    t: >
+      We find the highest-paid respondents working for large companies, although
+      it's notable that solo workers show a slight income advantage over small companies.
+
+  - key: user_info.yearly_salary_usa_vs_the_world.description.css2024
+    t: >
+      When comparing U.S. incomes against the rest of the world, it becomes clear that U.S.
+      developers are over-represented in the higher income brackets.
+
+  ###########################################################################
+  # Awards
+  ###########################################################################
+
+  - key: award.feature_adoption_delta_award.comment
+    t: |
+      The `gap` property for Flexbox is such a useful addition that it's not surprising
+      it would see a **{value}** progression in 2023
+
+  # - key: award.tool_usage_delta_award.comment
+  #   t: No other tool comes even close to Tailwind CSS's dramatic **{value}** progression over the last year.
+
+  - key: award.most_commented_feature_award.comment
+    t: With **{value}** comments, no other feature even came close to generating as much feedback as Subgrid.
+
+  - key: award.tool_satisfaction_award.comment
+    t: |
+      Out of all the CSS-in-JS solutions, Open Props is the only one that maintained a
+      sky-high **{value}** retention ratio.
+
+  # - key: award.tool_interest_award.comment
+  #   t: With a **{value}** ratio, CSS Modules again generated the most interest among CSS developers this year.
+
+  - key: award.most_write_ins_award.comment
+    t: |
+      With **{value}** mentions, Panda was the tool most mentioned in freeform questions by far.
+
+  ###########################################################################
+  # Conclusion
+  ###########################################################################
+
+  - key: conclusion.css2024
+    t: |
+      <span class="first-line">As usage of newer CSS features has been trending upwards, usage of CSS frameworks has been on a downward slope.</span>
+
+      This could be an indication that folks are starting to get used to the idea that you don’t necessarily have to wait to use newer CSS features, because browsers will catch up a lot quicker than before.
+
+      With high awareness of native CSS features like nesting and `:has()` (which can act like a parent selector, but is much more than that!), it seems like we are on the brink of widespread adoption.
+
+      Out of all these features, I did have a personal favourite for this year, and that is `text-wrap: balance`. It provides a one-line fix for a request that I’ve constantly gotten over my entire web development career: “can we adjust that headline so the last word isn’t an orphan?”
+
+      It was also interesting that so many developers felt that animating to auto and masonry layout were missing CSS features. It's true it's always been tricky for browsers to determine element dimensions (especially height) when they're not explicitly declared. 
+
+      But as [Lea Verou](https://lea.verou.me/) mentioned last year, with initiatives such as [Interop](https://wpt.fyi/interop-2023) bringing browsers together, features thought previously impossible can now potentially become reality!
+
+  - key: conclusion.css2024.bio
+    t: Developer Experience Engineer @ Interledger Foundation
+
+  ###########################################################################
+  # Picks
+  ###########################################################################
+
+  - key: picks.my_pick
+    t: "My 2023 Pick: "
+  - key: picks.intro
+    t: We asked members of the CSS community to share their “pick of the year”
+
+  # - key: picks.david_east.name
+  #   t: CSS Subgrid
+  # - key: picks.david_east.bio
+  #   t: Advocate for building on the web
+  # - key: picks.david_east.description
+  #   t: |
+  #     CSS Subgrid allows child elements to inherit their parents grid properties.
+  #     Soon, it will be much easier to lay elements out to the same grid
+  #     lines across the entire page.
+
+  # - key: picks.bramus_van_damme.name
+  #   t: The `:has()` Selector
+  # - key: picks.bramus_van_damme.bio
+  #   t: Chrome Developer Relations Engineer at Google
+  # - key: picks.bramus_van_damme.description
+  #   t: |
+  #     You might know this one as the so-called “parent selector” but that name does it
+  #     no justice as it only covers a small part of what it can do.
+  #     This selector has essentially changed the way I write my CSS.
+
+  - key: picks.kevin_j_powell.name
+    t: Ahmad Shadeed
+  - key: picks.kevin_j_powell.bio
+    t: CSS Evangelist
+  - key: picks.kevin_j_powell.description
+    t: |
+      Ahmad's blog is a source of knowledge and inspiration, with in-depth explorations of topics, including great visuals and use cases.
+
+  # - key: picks.samuel_kraft.name
+  #   t: The `:has()` Selector
+  # - key: picks.samuel_kraft.bio
+  #   t: Design Engineer
+  # - key: picks.samuel_kraft.description
+  #   t: |
+  #     The new :has() selector is super powerful and unlocks new styling possibilities.
+  #     This great article from Jen Simmons breaks it down with explanations and practical examples.
+
+  - key: picks.josh_comeau.name
+    t: CSS Podcast
+  - key: picks.josh_comeau.bio
+    t: Instructor, CSS for JavaScript Developers
+  - key: picks.josh_comeau.description
+    t: |
+      This podcast is a delightful tour of a bunch of 
+      important and modern CSS features. 
+      It's hosted by Una Kravets and Adam Argyle, two absolutely wonderful people.
+
+  - key: picks.adam_argyle.name
+    t: Zag.js
+  - key: picks.adam_argyle.bio
+    t: Google Chrome Developer Relations
+  - key: picks.adam_argyle.description
+    t: |
+      The talented folks at ChakraUI are building some next-gen components and ideas, 
+      can't wait to see what else they come up with.
+
+  # - key: picks.eric_w_bailey.name
+  #   t: “Style with Stateful, Semantic Selectors” by Ben Myers
+  # - key: picks.eric_w_bailey.bio
+  #   t: Accessibility advocate and CSS nerd
+  # - key: picks.eric_w_bailey.description
+  #   t: |
+  #     Ben demonstrates how utilizing ARIA
+  #     attribute selectors can simply and powerfully tie appearance to state.
+
+  # - key: picks.michelle_barker.name
+  #   t: Interop 2022
+  # - key: picks.michelle_barker.bio
+  #   t: Writer and creator of front-end blog CSS { In Real Life }
+  # - key: picks.michelle_barker.description
+  #   t: |
+  #     Interop is a collaboration between all of the major browser vendors,
+  #     agreeing 15 key areas of focus for implementation —
+  #     including game-changing new CSS features like container queries,
+  #     cascade layers and color functions.
+
+  - key: picks.jhey_tompkins.name
+    t: |
+      The `:has()` Selector
+  - key: picks.jhey_tompkins.bio
+    t: CEO of Fancy CSS
+  - key: picks.jhey_tompkins.description
+    t: |
+      `:has()` is the magic that you can use to combine other APIs like container queries, anchor positioning, etc. together. I'm excited to see how the community finds new and innovative ways to use it.
+
+  # - key: picks.gift_egwuenu.name
+  #   t: Learn CSS
+  # - key: picks.gift_egwuenu.bio
+  #   t: Developer Advocate at Cloudflare
+  # - key: picks.gift_egwuenu.description
+  #   t: |
+  #     My recommended resource for anyone looking to learn CSS from the ground up,
+  #     I also use it as a reference everytime I need to look up any CSS property.
+
+  - key: picks.ahmad_shadeed.name
+    t: Scroll-Driven Animations
+  - key: picks.ahmad_shadeed.bio
+    t: Design Engineer and Writer at [ishadeed.com](https://ishadeed.com/)
+  - key: picks.ahmad_shadeed.description
+    t: |
+      If I went back 2 years, I'd never have imagined CSS 
+      having scroll-driven animations. Yet, here we are!
+
+  # - key: picks.georgedoescode.name
+  #   t:
+  # - key: picks.georgedoescode.bio
+  #   t:
+  # - key: picks.georgedoescode.description
+  #   t: |
+
+  # - key: picks.jen_simmons.name
+  #   t: The `:has()` Selector
+  # - key: picks.jen_simmons.bio
+  #   t: Web technologies evangelist at Apple
+  # - key: picks.jen_simmons.description
+  #   t: |
+  #     For two decades, “parent selector” was a top requested feature for CSS.
+  #     Then in 2022, in a total surprise, the :has() pseudo-class arrived to solve this and far more.
+
+  - key: picks.sara_soueidan.name
+    t: |
+      `color-contrast()`
+  - key: picks.sara_soueidan.bio
+    t: Inclusive design engineer and educator
+  - key: picks.sara_soueidan.description
+    t: |
+      My vote goes to color-contrast() because I think it deserves more spotlight. 
+      It’s one of the few features that makes it _easier_ for us (developers) 
+      to design for our users. Cross-browser support can’t come soon enough.
+
+  - key: picks.adam_wathan.name
+    t: Lightning CSS
+  - key: picks.adam_wathan.bio
+    t: Creator of Tailwind CSS
+  - key: picks.adam_wathan.description
+    t: |
+      An extremely fast, all-in-one CSS processing tool that handles things like vendor prefixes, minification, and modern feature transpilation, all while being an amazing platform for other developers to build CSS tools on top of.
+
+  # - key: picks.christianoliff.bio
+  #   t: Front-end developer for Trimble MAPS
+  # - key: picks.christianoliff.description
+  #   t: |
+  #       One thing I've really started using and appreciating this year though is Purge CSS- an awesome tool for removing unused CSS. It can greatly reduce the size of your CSS, and its fast and easy to use.
+
+  - key: picks.kilian_valkhof.name
+    t: Devtoolstips
+  - key: picks.kilian_valkhof.bio
+    t: Creator of Polypane, the browser for developers.
+  - key: picks.kilian_valkhof.description
+    t: |
+      The devtools in all browsers are super powerful. These bite-sized tips 
+      help you get the most out of them regardless of which browser you use.
+
+  - key: picks.ahmad_awais.name
+    t: |
+      `text-wrap: balance`
+  - key: picks.ahmad_awais.bio
+    t: VP DevRel & Google Developers Advisory Board founding member
+  - key: picks.ahmad_awais.description
+    t: |
+      Headlines should dazzle and read like a breeze, even if screens play hard to predict. 
+      I've battled those annoying solo words at line's end (hello, widow words!), 
+      but guess what? Enter text-wrap: balance – one-liner-fix wizardry that's pure magic!
+
+  # - key: picks.piccalilli_.bio
+  #   t: Freelance designer & dev who runs piccalil.li
+  # - key: picks.piccalilli_.description
+  #   t: |
+  #       This blog is an absolute gold mine of CSS knowledge. Michelle is a CSS legend and every post or tutorial they write is heaped with useful content.
+
+  # - key: picks.piccalilli_.bio
+  #   t: Freelance designer & dev who runs piccalil.li
+  # - key: picks.piccalilli_.description
+  #   t: |
+  #       This blog is an absolute gold mine of CSS knowledge. Michelle is a CSS legend and every post or tutorial they write is heaped with useful content.
+
+  # - key: picks.sarasoueidan.bio
+  #   t: Independent UI/design engineer
+  # - key: picks.sarasoueidan.description
+  #   t: |
+  #       My pick is a person, namely Rachel Andrew. She taught CSS Grid to a whole generation of developers.
+
+  # - key: picks.5t3ph.bio
+  #   t: Software Engineer @ Microsoft
+  # - key: picks.5t3ph.description
+  #   t: |
+  #       In this conference talk, Manuel Matuzovic provides thoughtfully
+  #       crafted examples that are engaging, approachable, and actionable.
+
+  # - key: picks.hugogiraudel.bio
+  #   t: Non-binary accessibility & diversity advocate
+  # - key: picks.hugogiraudel.description
+  #   t: |
+  #       Fela is an amazing piece of software.
+  #       It’s pretty powerful, relatively easy to use and very performant
+
+  # - key: picks.foolip.bio
+  #   t: Software Engineer @ Google
+  # - key: picks.foolip.description
+  #   t: |
+  #       Sergio has recently fixed lots of Flexbox in WebKit and even some in Chromium,
+  #       notably bringing flex gap to WebKit,
+  #       which means that soon it will be available on all modern browsers.
+
+  # - key: picks.jina.bio
+  #   t: Design systems advocate and practitioner
+  # - key: picks.jina.description
+  #   t: |
+  #       The media query to reduce motion, which helps avoid
+  #       triggering dizziness and discomfort.
+
+  ###########################################################################
+  # Quiz
+  ###########################################################################
+
+  - key: quiz.quiz_dave_shea
+    t: "Question 01"
+  - key: quiz.quiz_dave_shea.question
+    t: >
+      In May 2003, Dave Shea launched a site that showcased CSS's flexibility and adaptability. What was that site's name?
+  - key: options.quiz_dave_shea.css_playground
+    t: CSS Playground
+  - key: options.quiz_dave_shea.style_jungle
+    t: Style Jungle
+  - key: options.quiz_dave_shea.css_zen_garden
+    t: CSS Zen Garden
+  - key: quiz.quiz_dave_shea.answer
+    t: >
+      [CSS Zen Garden](https://www.csszengarden.com/) made a big impression by demonstrating what was possible when you kept markup and styling separate.
+  - key: quiz.quiz_dave_shea.description
+    aliasFor: quiz.quiz_dave_shea.question
+
+  - key: quiz.quiz_css_spec
+    t: "Question 02"
+  - key: quiz.quiz_css_spec.question
+    t: >
+      Which of these organizations maintains the CSS specification?
+  - key: options.quiz_css_spec.w3c
+    t: W3C
+  - key: options.quiz_css_spec.w3schools
+    t: W3Schools
+  - key: options.quiz_css_spec.mdn
+    t: MDN
+  - key: quiz.quiz_css_spec.answer
+    t: >
+      The W3C's [CSS Working Group](https://www.w3.org/groups/wg/css) maintains the CSS spec, which is then implemented by browser vendors.
+  - key: quiz.quiz_css_spec.description
+    aliasFor: quiz.quiz_css_spec.question
+
+  ###########################################################################
+  # Sponsors
+  ###########################################################################
+
+  - key: sponsors.frontendmasters.description
+    t: Advance your skills with in-depth, modern front-end engineering courses.
+  - key: sponsors.polypane.description
+    t: The browser for ambitious devs. Build responsive, accessible and fast websites with ease.
+  - key: sponsors.nijibox.description
+    t: UX and Product Development consulting in the heart of Tokyo.
+  - key: sponsors.renderatl.description
+    t: The largest tech conference with a dedicated Design & CSS track.
+  - key: sponsors.google_chrome.description
+    t: Thanks to the Google Chrome team for supporting our work.
+
+  ###########################################################################
+  # FAQ/About
+  ###########################################################################
+
+  - key: faq.how_long_will_survey_take_css2024
+    t: How long will answering the survey take?
+  - key: faq.how_long_will_survey_take_css2024.description
+    t: >
+      Depending on how many questions you answer (all questions can be skipped),
+      filling out the survey should take around 15-20 minutes.
+
+  - key: faq.learn_more_css2024
+    t: Where can I learn more?
+  - key: faq.learn_more_css2024.description
+    t: You can learn more about this survey in [our announcement post](https://dev.to/sachagreif/the-2024-state-of-css-survey-is-now-open-4o5h).
+
+  - key: faq.survey_design_css2024
+    t: How was this survey designed?
+  - key: faq.survey_design_css2024.description
+    t: >
+      This survey was designed as the results of an [open design process](https://github.com/Devographics/surveys/issues/245) involving browser vendors and the web development community.
+
+  - key: faq.results_released_css2024
+    t: When will the results be released?
+  - key: faq.results_released_css2024.description
+    t: The survey will run from August 17 to September 7, 2024, and the survey results will be released shortly after.
+
+  - key: about.content
+    t: >
+      The 2023 State of CSS survey ran from June 15 to July 15 2023, and collected 9,108 responses. The survey is run by [Devographics](https://www.devographics.com/), with help from a team of open-source contributors and consultants. 
+
+
+      The State of CSS logo and t-shirt were designed and animated by [Christopher Kirk-Nielsen](http://chriskirknielsen.com/).
+
+
+      ### Survey Goals
+
+      This survey, along with the [State of JavaScript](https://stateofjs.com/) survey, was created to identify upcoming trends in the web development ecosystem in order to help developers make technological choices. 
+
+
+      As such, these surveys are focused on anticipating what's coming over the next few years rather than analyzing what's popular now, which is why the features or technologies that are currently most widespread are not always included. 
+
+
+      Additionally, survey data is also used by browser vendors to prioritize features and inform initiatives such as [Interop 2023](https://web.dev/interop-2023/).
+
+
+      ### Survey Design
+
+      This year, survey design was lead by [Chen Hui Jing](https://chenhuijing.com/) thanks to a funding grant from the Google Chrome team. All survey questions were optional. 
+
+      ### Survey Audience
+
+      The survey was openly accessible online and respondents were not filtered or selected in any way. Respondents were primarily a mix of respondents from past surveys (alerted through a dedicated mailing list) and social media traffic. 
+
+      ### Project Funding
+
+      Funding from this project comes from a variety of sources:
+
+      - **T-shirt sales**. 
+
+      - **Sponsored Links**: the links to recommended resources at the bottom of each page are provided by our partner [Frontend Masters](https://frontendmasters.com/).
+
+      - **Sponsored Charts**: starting last year, anybody can now also choose to directly sponsor a chart for $10 or more, and get their Twitter avatar displayed next to it.
+
+      - **Google**: this year, the [Google Chrome](https://www.google.com/chrome/) team set aside a budget to hire Lea to help design the survey, as well as funded me directly to help support my work. 
+
+      - **Nijibox**: Japan-based [Nijibox](https://nijibox.jp/) has also graciously accepted to sponsor my efforts to help make these yearly surveys more sustainable. 
+
+
+      ### Technical Overview
+
+      You can find a more in-depth technical overview of how the surveys are run [here](https://dev.to/sachagreif/how-the-devographics-surveys-are-run-2023-edition-1p6a). Our code is [open-source](https://github.com/Devographics/Monorepo/). 
+
+      ### Feedback
+
+
+      - [Report a technical issue](https://github.com/Devographics/Monorepo/issues)
+
+      - [Make a suggestion for next year](https://github.com/Devographics/surveys/issues/193)
+
+      - [Other non-technical issues](https://github.com/Devographics/surveys/issues)
+
+      - [Join our Discord](https://discord.gg/tuWRUWVyJs)
diff --git a/results.yml b/results.yml
index 2968a9e..a1e8b1d 100644
--- a/results.yml
+++ b/results.yml
@@ -75,6 +75,42 @@ translations:
   - key: options.experience_ranking.awareness
     t: Tingkat Kesadaran
 
+  - key: ratios.interest
+    aliasFor: options.experience_ranking.interest
+  - key: ratios.usage
+    aliasFor: options.experience_ranking.usage
+  - key: ratios.awareness
+    aliasFor: options.experience_ranking.awareness
+  - key: ratios.retention
+    t: Retensi
+  - key: ratios.positivity
+    t: Positivitas
+
+  - key: ratios.interest.description
+    t: >
+      Proposi dari **sentimen positif** dari responden yang **pernah mendengar tentang** sebuah item
+  - key: ratios.usage.description
+    t: >
+      Proposi dari responden yang **pernah memakai** sebuah item
+  - key: ratios.awareness.description
+    t: >
+      Proporsi dari responden yang **pernah mendengar tentang atau pernah memakai** sebuah item
+  - key: ratios.retention.description
+    t: >
+      Proporsi dari **sentimen positif** dari responden yang **pernah memakai** sebuah item
+  - key: ratios.positivity.description
+    t: >
+      Proporsi dari **sentimen positif** dari semua responden
+
+  - key: modes.rank
+    t: Rank
+  - key: modes.value
+    t: Nilai
+  - key: modes.rank.description
+    t: Place berdasarkan rank
+  - key: modes.value.description
+    t: Place berdasarkan nilai
+
   - key: options.features_mode.grouped
     t: Dikelompokkan
   - key: options.features_mode.awareness_rank
@@ -148,7 +184,7 @@ translations:
   - key: options.first_steps.view_source
     t: Lihat Sumber
   - key: options.first_steps.copy_paste
-    t: Copy/paste
+    t: Salin/tempel
   - key: options.first_steps.trial_and_error
     t: Trial & Error
   - key: options.first_steps.documentation
@@ -202,10 +238,10 @@ translations:
     t: Pengenalan
 
   - key: sections.demographics.title
-    t: Demographics
+    t: Demografi
 
   - key: sections.tshirt.title
-    t: T-shirt
+    t: Kaos
 
   - key: sections.technologies.title
     t: Teknologi
@@ -244,10 +280,6 @@ translations:
     t: Bahasa
   - key: user_info.locale.description
     t: Bahasa apa yang responden gunakan untuk mengisi survei?
-  - key: user_info.locale.note
-    t: >
-      Data ini disimpan secara otomatis berdasarkan pengaturan yang responden gunakan saat mengisi survei; 
-      Kami tidak menampilkan bahasa yang kurang dari 20 responden.
 
   - key: user_info.source
     t: Sumber
@@ -256,6 +288,9 @@ translations:
   - key: user_info.source.note
     t: Data ini didapat berdasarkan referensi, pelacak URL, dan jawaban oleh responden.
 
+  - key: options.source.other_answers
+    t: Sumber-sumber lainnya
+
   - key: user_info.source_by_gender
     t: Sumber Berdasarkan Jenis Kelamin
 
@@ -401,6 +436,12 @@ translations:
   # Tools & Methodologies
   ###########################################################################
 
+  - key: tools.all_items.experience
+    t: Pengalaman & Sentimen Pustaka 
+
+  - key: tools.all_items.experience.short
+    aliasFor: tools.experience
+
   # general
   - key: tools.links
     t: Tautan
@@ -460,6 +501,10 @@ translations:
     t: npm
   - key: blocks.entity.youtube_link
     t: YouTube
+  - key: blocks.entity.mdn_link
+    t: MDN
+  - key: blocks.entity.caniuse_link
+    t: CanIUse
 
   # people
   - key: blocks.people.name
@@ -498,6 +543,8 @@ translations:
   # tools quadrant
   - key: blocks.tools_quadrant
     t: Retensi vs Pemakaian
+  - key: tools.scatterplot_overview
+    aliasFor: blocks.tools_quadrant
   - key: blocks.tools_quadrant.description
     t: |
       Bagan ini menampilkan **rasio retensi** setiap teknlogi berdasarkan **jumlah pengguna**.
@@ -653,6 +700,8 @@ translations:
     t: Dapatkan Data JSON
   - key: export.export_graphql
     t: Dapatkan Query GraphQL
+  - key: export.export_filters
+    t: Filters Code
 
   - key: custom_data.heading
     t: Bagan Khusus
@@ -724,13 +773,10 @@ translations:
   # Reading List
   - key: features.reading_list
     t: Daftar Baca
-  - key: features.reading_list.description
-    t: Berapa banyak responden menambahkan masing-masing item ke dalam daftar baca mereka?
   - key: features.reading_list.note
     t: >
-      Fitur “Daftar Baca” membolehkan para responden untuk menyimpan item yang ingin mereka pelajari lebih lanjut
-      disaat melakukan pengisian survei; dan akan mendapat rekap
-      pada akhir survei.
+      Seberapa banyak sebuah item ditambahkan ke daftar baca responden, sebuah fitur yang memungkinkan responden
+      untuk mempelajari lebih lanjut tentang topik tertentu saat mereka mengisi survei.
 
   ###########################################################################
   # Charts
@@ -759,6 +805,9 @@ translations:
   - key: chart_units.averageByFacet
     aliasFor: chart_units.average
 
+  - key: chart_units.facetCounts
+    t: Counts
+
   - key: chart_units.percentilesByFacet
     t: "{axis} Persentil"
 
@@ -766,12 +815,26 @@ translations:
     t: Rata-rata {axis}
   - key: charts.mean
     t: Nilai Rata-rata
-  - key: charts.overall
-    t: Keseluruhan
   - key: charts.all_respondents
     t: Seluruh Responden
+  - key: charts.overall
+    aliasFor: charts.all_respondents
   - key: charts.facet_responses
     t: "{count} tanggapan"
+  - key: charts.facet_respondents
+    t: "({count} responden)"
+
+  - key: charts.nth_percentile
+    t: "Persentil ke-{percentile}"
+  - key: charts.nth_percentile_value
+    t: "Persentil ke-{percentile}: {value}"
+
+  - key: charts.freeform_data_indicator
+    t: (jawaban bebas)
+  - key: charts.insufficient_data
+    t: Data Tidak Cukup
+  - key: charts.insufficient_data.description
+    t: Segmen dengan responden kurang dari {value} tidak termasuk ke dalam hasil.
 
   - key: charts.axis_legends.years_of_experience
     t: Tahun Pengalaman
@@ -795,6 +858,8 @@ translations:
     t: Ketertarikan %
   - key: charts.axis_legends.satisfaction_percentage
     t: Retensi %
+  - key: charts.axis_legends.retention_percentage
+    t: Retensi %
   - key: charts.axis_legends.usage_percentage
     t: Pemakaian %
   - key: charts.axis_legends.awareness_percentage
@@ -853,7 +918,7 @@ translations:
   - key: charts.tools_arrows.x_axis
     t: Jarak sumbu X
   - key: charts.tools_arrows.y_axis
-    t: jarak sumbu Y
+    t: Jarak sumbu Y
   - key: charts.tools_arrows.legend
     t: Informasi
   - key: charts.tools_arrows.velocity
@@ -880,10 +945,38 @@ translations:
   - key: charts.no_answer.short
     t: Tidak menjawab
 
+  - key: charts.no_match
+    t: Jawaban yang tidak dapat dicocokkan
+  - key: charts.no_match.short
+    t: Jawaban yang tidak dapat dicocokkan
+  - key: charts.no_match.description
+    t: Jawaban bebas yang tidak dapat dicocokan dengan sebuah datapoint spesifik
+
+  - key: charts.cutoff_answers
+    t: Jawaban Terpotong
+  - key: charts.cutoff_answers.short
+    t: Jawaban Terpotong
+  - key: charts.cutoff_answers.description
+    t: Jawaban yang memiliki skor di bawah batas
+
   - key: charts.other_answers
     t: Lainnya
   - key: charts.other_answers.short
     t: Lainnya
+  - key: charts.other_answers.description
+    t: Jawaban lain yang tidak termasuk di atas
+
+  - key: charts.overlimit_answers
+    t: Melebihi batas
+  - key: charts.overlimit_answers.short
+    t: Melebihi batas
+  - key: charts.overlimit_answers.description
+    t: Jawaban yang melebihi jumlah item yang diminta
+
+  - key: charts.freeform_data
+    t: Data bebas
+  - key: charts.freeform_data.description
+    t: Data yang diambil dari bidang input bebas
 
   - key: charts.tick.links
     t: Tautan
@@ -900,6 +993,18 @@ translations:
     t: >
       Catatan bahwa rata-rata dihitung berdasarkan titik tengah dari setiap jarak sebagai perkiraan nilai representasi.
 
+  - key: charts.share
+    t: Bagikan Bagan…
+  - key: charts.export
+    t: Ekspor Data…
+
+  - key: charts.mode
+    t: >
+      Mode:
+  - key: charts.view
+    t: >
+      View:
+
   ###########################################################################
   # Comments
   ###########################################################################
@@ -917,6 +1022,13 @@ translations:
   - key: comments.share
     t: Bagikan komentar
 
+  - key: comments.filter.experience
+    t: "Pengalaman: "
+  - key: comments.filter.sentiment
+    t: "Sentimen: "
+  - key: comments.filter.all
+    t: Semua
+
   ###########################################################################
   # Sharing
   ###########################################################################
@@ -978,11 +1090,11 @@ translations:
   - key: table.percentageSurvey
     aliasFor: table.percentage_survey
   - key: table.percentage_question
-    t: "% dari pertanyaan responden"
+    t: "% dari responden pertanyaan"
   - key: table.percentageQuestion
     aliasFor: table.percentage_question
   - key: table.percentage_facet
-    t: "% dari facet responden"
+    t: "% dari responden facet"
   - key: table.percentageFacet
     aliasFor: table.percentage_facet
   - key: table.count
@@ -1062,6 +1174,11 @@ translations:
   - key: award.tool_usage_delta_award.description
     t: Pengharagaan untuk teknologi dengan perkembangan tahunan “Akan pakai lagi” terbesar.
 
+  - key: award.tool_retention_award.title
+    t: Retensi Tertinggi
+  - key: award.tool_retention_award.description
+    t: Dihadiahkan kepada teknologi dengan persentase tertinggi dari pengguna kembali.
+
   - key: award.tool_satisfaction_award.title
     t: Retensi Tertinggi
   - key: award.tool_satisfaction_award.description
@@ -1097,6 +1214,11 @@ translations:
   - key: award.most_commented_tool_award.description
     t: Pengharagaan untuk pustaka yang paling banyak mendapatkan tanggapan.
 
+  - key: award.most_loved_tool_award.title
+    t: Pustaka Paling Disukai
+  - key: award.most_loved_tool_award.description
+    t: Dihadiahkan kepada teknologi dengan proporsi pendapat positif tertinggi.
+
   ###########################################################################
   # Hints
   ###########################################################################
@@ -1274,7 +1396,7 @@ translations:
 
   - key: explorer.total_respondents
     t: |
-      (**{totalCount}** total responden)
+      (total **{totalCount}** responden)
 
   - key: explorer.count_per_dot
     t: |
@@ -1455,10 +1577,23 @@ translations:
     t: Dokumentasi
   - key: filters.compare_chart
     t: Kustomisasi “{chartName}”
+  - key: filters.edit_variant_with_name
+    t: Edit “{name}”
+  - key: filters.edit_name
+    t: "Edit Nama"
+  - key: filters.edit_name.description
+    t: "Edit nama varian bagan:"
+  - key: filters.create_variant
+    t: Buat Varian baru
+  - key: filters.delete_variant
+    t: Hapus Bagan
+  - key: filters.delete_variant_confirm
+    t: Hapus varian bagan “{name}”?
+  - key: filters.edit_variant
+    t: Edit opsi…
   - key: filters.filters.description
     t: |
-      Dengan memakai kombinasi filter demografis, Anda dapat memuat hingga 4 **Seri data khusus** untuk dimuat
-      secara dinamis dan dibandingkan dengan data awal untuk pertanyaan ini.
+      Definisikan sebuah kombinasi dari beberapa penyaring untuk membandingkan beberapa versi dari bagan yang sama bersamping-sampingan
   - key: filters.facets.description
     t: |
       Pilih sebuah variabel untuk memecah setiap bar menjadi "facet".
@@ -1471,6 +1606,11 @@ translations:
   - key: filters.facet
     t: "Facet:"
 
+  - key: filters.facet_view
+    t: Bar bersegmen
+  - key: filters.grid_view
+    t: Grid bersamping-sampingan
+
   - key: filters.series.heading
     t: Seri {index}
   - key: filters.series.add
@@ -1498,6 +1638,10 @@ translations:
     t: salah satu
   - key: filters.operators.nin
     t: bukan salah satu
+  - key: filters.operators.lt
+    t: lebih kecil dari
+  - key: filters.operators.gt
+    t: lebih besar dari
   - key: filters.value.add
     t: Tambah Nilai
   - key: filters.value.delete
@@ -1542,3 +1686,145 @@ translations:
 
   - key: filters.facet.select
     t: Pilih sebuah facet…
+
+  - key: filters.by_x
+    t: Berdasarkan {name}
+
+  - key: filters.vs_x
+    t: Vs. {name}
+
+  - key: dataloader.failed_request
+    t: >
+      Oh tidak! request API gagal dengan pesan berikut ini:
+  - key: dataloader.submit_report_prompt
+    t: >
+      Kirimkan sebuah laporan bug untuk memberitahu kami tentang masalah ini, dan kami akan melakukan yang terbaik
+      untuk memperbaikinya:
+  - key: dataloader.submit_issue
+    t: Kirimkan Isu
+
+  # advanced options
+
+  - key: filters.advanced_options
+    t: Opsi Lanjutan
+
+  - key: filters.options.cutoff
+    t: Batas Cutoff
+  - key: filters.options.cutoff.description
+    t: Kecualikan nilai yang berada di bawah batas ini dari data
+
+  - key: filters.options.limit
+    t: Batas
+  - key: filters.options.limit.description
+    t: Bataskan hasil hingga n item pertama
+
+  - key: filters.options.showDefaultSeries
+    aliasFor: filters.series.show_default
+  - key: filters.options.showDefaultSeries.description
+    t: Tampilkan data series bawaan (tanpa filter) ketika menggunakan mode Grid
+
+  ###########################################################################
+  # Chart Controls
+  ###########################################################################
+
+  - key: charts.group_by
+    t: >
+      Kelompokkan berdasarkan:
+  - key: charts.group.experience
+    t: pengalaman
+  - key: charts.group.sentiment
+    t: Sentimen
+
+  - key: charts.display_mode
+    t: >
+      Mode tampilan:
+  - key: charts.display_mode.split
+    t: Tampilan Belah
+  - key: charts.display_mode.stacked
+    t: Tampilan Bertumpuk
+
+  - key: charts.order
+    t: >
+      Pengurutan:
+
+  - key: charts.sort_by
+    t: >
+      Urutkan berdasarkan:
+  - key: charts.sort_by_sort
+    t: >
+      Urutkan berdasarkan "**{sort}**""
+  - key: charts.sorted_by_sort_order
+    t: >
+      Diurutkan berdasark "**{sort}**"", **{order}**
+  - key: charts.order.asc
+    t: Naik
+  - key: charts.order.desc
+    t: Turun
+
+  - key: charts.actions.customize
+    aliasFor: filters.customize_chart
+  - key: charts.actions.data
+    t: Dapatkan data Bagan
+  - key: charts.actions.share
+    t: Bagikan Bagan
+
+  - key: charts.vs
+    t: vs.
+
+  - key: charts.custom_variant
+    t: Varian {index}
+  - key: charts.new_variant_name_prompt
+    t: Masukan sebuah nama pendek yang deskriptif untuk bagan baru anda (e.g. “vs. Pendapatan”, “berdasarkan Gender”, dll.)
+
+  - key: charts.show_all_rows
+    t: Tampilkan Semua
+  - key: charts.show_all_rows.x_hidden
+    t: Tampilkan Semua ({count} tersembunyi)
+
+  - key: charts.metadata.completion
+    t: >
+      **{value}** tingkat penyelesaian (dari {total} peserta survei)
+  - key: charts.metadata.respondents
+    t: >
+      **{value}** responden pertanyaan
+  - key: charts.metadata.average
+    t: >
+      **{value}** nilai mean (rata-rata)
+  - key: charts.metadata.median
+    t: >
+      **{value}** nilai median 
+
+  ###########################################################################
+  # Multi Items Experience Chart
+  ###########################################################################
+
+  - key: charts.multiexp.cell_group_tooltip.experience
+    t: >
+      **{value}%**  dari responden menjawab "**{answer}**"
+
+  - key: charts.multiexp.cell_group_tooltip.sentiment
+    t: >
+      **{value}%** dari responden memiliki sentimen **{answer}**
+
+  - key: charts.multiexp.cell_tooltip
+    t: >
+      **{value}%** dari responden menjawab "**{experience}**" dan memiliki sentimen **{sentiment}**
+
+  - key: charts.multiexp.cell_tooltip_neutral
+    t: >
+      **{value}%** dari responden menjawab "**{experience}**" dan tidak memilih sentimen apapun
+
+  ###########################################################################
+  # Raw Freeform Answers
+  ###########################################################################
+
+  - key: answers.answers
+    t: Jawaban Bebas
+  - key: answers.answers_for
+    t: Jawaban yang cocok dengan “{name}”
+  - key: answers.description
+    t: |
+      Jawaban-jawaban bebas berikut dicocokkan dengan kata kunci **{name}** berdasarkan
+      pemrosesan data otomatis dan manual.
+  - key: answers.report_abuse
+    t: Laporkan jawaban ini