diff --git a/src/data/hi.yml b/src/data/hi.yml
index e9b81a1b2e..c8c202b500 100644
--- a/src/data/hi.yml
+++ b/src/data/hi.yml
@@ -19,7 +19,7 @@ Showcase: प्रदर्शन
 footerxh1: आभार सूची
 footer1: ' वर्तमान में p5.js का नेतृत्व करने वाले '
 footer3: ' हैं| इसकी खोज करने वाले थे '
-footer4: ' p5.js सहयोगियों के एक समुदाय द्वारा विकसित किया गया है और समर्थन करने वाले थे '
+footer4: ' P5.js समुदाय ब्लैक लाइव्स मैटर के साथ एकजुटता से खड़ा है।'
 footer5: ' और '
 footer6: ' पहचान और ग्राफिक डिजाइन करने वाले थे '
 footer7: '. '
@@ -31,7 +31,7 @@ tagline3: प्रोसेसिंग का सहज बोध गुणा
 tagline4: प्रोसेसिंग की रचनात्मकता गुणा जावास्क्रिप्ट की गतिशीलता
 tagline5: प्रोसेसिंग का समुदाय गुणा जावास्क्रिप्ट का समुदाय
 tagline6: प्रोसेसिंग की शक्ति गुणा जावास्क्रिप्ट की पहुंच
-tagline7: The p5.js community stands in solidarity with Black Lives Matter.
+tagline7: P5.js समुदाय ब्लैक लाइव्स मैटर के साथ एकजुटता से खड़ा है।
 home:
   search-bar: p5js.org खोजें
   start-creating: P5 संपादक के साथ बनाना शुरू करें!
@@ -76,7 +76,7 @@ home:
   p4xp4: एक कार्यशाला या कक्षा पढ़ाएं करें।
   p4xp5: सम्मलेन का आयोजन करें।
   p4xp6: कोडबेस में योगदान करें।
-  sketch_credits: Sketch Credits
+  sketch_credits: स्केच क्रेडिट
   sketch_info: होमपेज स्केच 9 वें ग्रेडर ग्रेस ओबर्गफेल द्वारा काम से अनुकूलित किया गया है
 copyright:
   copyright-title: कॉपीराइट संबंधी जानकारी
@@ -92,14 +92,14 @@ get started:
     यह पृष्ठ आपको एक p5.js प्रोजेक्ट सेट करने और आपका पहला स्केच बनाने के बारे
     में बताता है।
   get-started2: शुरू करने का सबसे आसान तरीका
-  get-started3: p5.js editor
+  get-started3: p5.js संपादक
   get-started4: ', का उपयोग करना है आप वेब संपादक खोल सकते हैं और अपने'
   get-started5: 'आपका पहला स्केच '
   get-started6: >-
     तक नीचे स्क्रॉल कर सकते हैं। यदि आप p5.js के डेस्कटॉप संस्करण पर काम करना
     चाहते हैं तो आप नीचे स्क्रॉल कर सकते हैं
   get-started7: निर्देश डाउनलोड
-  get-started-button: Copy
+  get-started-button: प्रतिलिपि
   settingUp-title: अपने कंप्यूटर पर एक संपादक के साथ p5.js सेट करना
   download-title: p5.js पुस्तकालय की एक प्रति डाउनलोड करना
   hosted-title: p5.js लाइब्रेरी के होस्ट किए गए संस्करण का उपयोग करना
@@ -107,7 +107,7 @@ get started:
     'शुरू करने का सबसे आसान तरीका खाली उदाहरण का उपयोग करना है जो' के साथ आता
     है।
   download2: p5.js पूर्ण
-  download3: ' download.'
+  download3: ' डाउनलोड'
   download8: ' डाउनलोड करने के बाद, आपको एक स्थानीय सर्वर सेट करना होगा। निर्देश देखें '
   download9: यहां
   download10: >-
@@ -200,9 +200,9 @@ get started:
   first-sketch-heading3: इंटरैक्शन के साथ कोड स्निपेट
   what-next-title: आगे क्या?
   learn1: 'अधिक जनने के लिए '
-  learn2: learn page
+  learn2: पेज सीखें
   learn3: ' तथा '
-  learn4: examples page
+  learn4: उदाहरण पृष्ठ
   learn5: देखें।
   learn6: 'देखें '
   learn7: The Coding Train
@@ -326,16 +326,13 @@ download:
   support-22-alt: Google Summer of Code kickoff participants
   support-23-alt: Processing Foundation Fellow Cassie Tarakajian's workshop at Code Art Miami
   support-24-alt: >-
-    Luisa Pereira and Yeseul Song facilitate a sign language based p5.js
-    workshop
+   'लुइसा परेरा और येसेउल सॉन्ग एक सांकेतिक भाषा आधारित p5.js की सुविधा प्रदान करते हैं कार्यशाला'
   support-25-alt: >-
-    p5.js Contributors Conference at CMU STUDIO for Creative Inquiry in
-    Pittsburgh
+    'रचनात्मक पूछताछ के लिए सीएमयू स्टूडियो में p5.js योगदानकर्ता सम्मेलन पिट्सबर्ग'
   support-26-alt: >-
-    Processing Fellow Digital Citizens Lab panel on STEM teaching at the
-    International Center of Photography
+  ' एसटीईएम शिक्षण पर प्रोसेसिंग फेलो डिजिटल सिटीजन लैब पैनल फोटोग्राफी का अंतर्राष्ट्रीय केंद्र'
   support-27-alt: 'Participants at p5.js workshop in Santiago, Chile'
-  support-28-alt: Claire Kearney-Volpe helping facilitate a sign language based p5.js workshop
+  support-28-alt: 'क्लेयर किर्नी-वोल्पे सांकेतिक भाषा आधारित p5.js कार्यशाला को सुविधाजनक बनाने में मदद कर रही हैं'
   support-29-alt: >-
     Processing Foundation Fellow DIY Girls run a creative coding program in Los
     Angeles
@@ -1124,18 +1121,18 @@ learn:
     camera to be displayed, while the far plane represents the maximum distance.
   getting-started-in-webgl-appearance-glossary-term7-title: Clipping
   getting-started-in-webgl-appearance-glossary-term7-definition: >-
-    Selectively showing some geometry and not others, such as when geometry
-    falls outside of the camera frustum.
+    चुनिंदा रूप से कुछ ज्यामिति दिखा रहा है और अन्य नहीं, जैसे कि ज्यामिति कब
+    कैमरे के छिन्नक के बाहर गिर जाता है।
   getting-started-in-webgl-shaders-title: शेडर्स से परिचय
   getting-started-in-webgl-shaders: वेबजीएल का उपयोग करके p5js के भीतर शेडर बनाने की मूल बातें
   getting-started-in-webgl-shaders-p0x1: >-
-    Shaders are special programs that run on the graphics processing unit, or
-    GPU, that can do some incredible things. They take advantage of the GPU to
-    process many pixels at once, making them fast and particularly well suited
-    for certain tasks, like generating noise, applying filters like blur, or
-    shading polygons. Shader programming can feel daunting at first, requiring a
-    different approach than the 2D drawing of p5.js. This document will outline
-    the basics  of shader programming and point you towards other resources.
+    शेडर्स विशेष प्रोग्राम हैं जो ग्राफ़िक्स प्रोसेसिंग यूनिट पर चलते हैं, या
+    जीपीयू, जो कुछ अविश्वसनीय चीजें कर सकता है। वे GPU का लाभ उठाते हैं
+    एक साथ कई पिक्सेल संसाधित करें, जिससे वे तेज़ और विशेष रूप से उपयुक्त बन जाते हैं
+    कुछ कार्यों के लिए, जैसे शोर उत्पन्न करना, धुंधलापन जैसे फ़िल्टर लागू करना, या
+    बहुभुजों को छायांकित करना। शेडर प्रोग्रामिंग पहली बार में कठिन लग सकती है, इसके लिए इसकी आवश्यकता होती है
+    p5.js की 2D ड्राइंग से भिन्न दृष्टिकोण। यह दस्तावेज़ रूपरेखा देगा
+    शेडर प्रोग्रामिंग की मूल बातें और आपको अन्य संसाधनों की ओर इंगित करती हैं।
   getting-started-in-webgl-shaders-toc-title: Table of Contents
   getting-started-in-webgl-shaders-heading1: Setup
   getting-started-in-webgl-shaders-p1x1: >-
@@ -1155,11 +1152,11 @@ learn:
     how to set up a basic shader within p5.js:
   getting-started-in-webgl-shaders-heading2: Shading Language (GLSL)
   getting-started-in-webgl-shaders-p3x1: >-
-    So now you might be wondering what we actually write in these shader files!
-    Shader files are written in Graphics Library Shading Language, or GLSL, and
-    have a very different syntax and structure than we are familiar with. GLSL
-    has a syntax that resembles C, which means it comes with a handful of
-    concepts that aren't present in JavaScript.
+   तो अब आप सोच रहे होंगे कि हम वास्तव में इन शेडर फ़ाइलों में क्या लिखते हैं!
+    शेडर फ़ाइलें ग्राफ़िक्स लाइब्रेरी शेडिंग लैंग्वेज, या GLSL, और में लिखी जाती हैं
+    इनका वाक्य-विन्यास और संरचना उससे बहुत भिन्न है, जिनसे हम परिचित हैं। जीएलएसएल
+    इसमें एक वाक्यविन्यास है जो सी जैसा दिखता है, जिसका अर्थ है कि यह मुट्ठी भर के साथ आता है
+    अवधारणाएँ जो जावास्क्रिप्ट में मौजूद नहीं हैं।
   getting-started-in-webgl-shaders-p4x1: >-
     For one, the shading language is much more strict about types. Each variable
     you create has to be labeled with the kind of data it is storing. Here is a
@@ -1172,10 +1169,10 @@ learn:
     int           // a whole number without decimal points
     sampler2D     // a reference to a texture
   getting-started-in-webgl-shaders-p5x1: >-
-    In general the shading language is much more strict than JavaScript. A
-    missing semicolon for example is not allowed and will result in an error
-    message. You can't use different types of numbers, like floats or integers
-    interchangeably.
+   सामान्य तौर पर छायांकन भाषा जावास्क्रिप्ट की तुलना में बहुत अधिक सख्त होती है। ए
+    उदाहरण के लिए लुप्त अर्धविराम की अनुमति नहीं है और इसके परिणामस्वरूप त्रुटि होगी
+    संदेश। आप फ़्लोट या पूर्णांक जैसी विभिन्न प्रकार की संख्याओं का उपयोग नहीं कर सकते
+    परस्पर विनिमयपूर्वक।
   getting-started-in-webgl-shaders-p6x1: 'First let''s look at a basic vertex shader:'
   getting-started-in-webgl-shaders-p7x1: >-
     This vertex shader begins with an <em>attribute</em>, which p5.js uses to