dark stuff

threejs/lessons/resources/lesson.css

@@ -510,6 +510,9 @@ pre.prettyprint.lighttheme .fun { color: #900; }  /* function name */
   .noinvertdark {
     filter: none !important;
   }
+  .nobg {
+    background: none;
+  }
   .lesson-sidebar {
     background: #222;
   }

threejs/lessons/ru/threejs-responsive.md

@@ -64,12 +64,12 @@ HTML body по умолчанию имеет margin в 5 пикселей, по
 Слишком высокие или слишком широкие. Откройте пример в его отдельном окне и измените 
 его размер. Вы увидите, как кубы растягиваются то вширь, то ввысь.
 
-<img src="../resources/images/resize-incorrect-aspect.png" width="407" class="threejs_center">
+<img src="resources/images/resize-incorrect-aspect.png" width="407" class="threejs_center nobg">
 
 2. Они выглядят пиксельно и размыто. 
 Растяните окно больше, и вы действительно увидите проблему.
 
-<img src="../resources/images/resize-low-res.png" class="threejs_center">
+<img src="resources/images/resize-low-res.png" class="threejs_center nobg">
 
 Давайте сначала исправим проблему растяжения. Для этого нам нужно установить соотношение 
 сторон (aspect) камеры в соответствии с размером холста.
@@ -96,7 +96,7 @@ function render(time) {
 Откройте пример в отдельном окне и измените размер окна, и вы увидите, что кубы больше 
 не растянуты по высоте или ширине. Они остаются правильными, независимо от размера окна.
 
-<img src="../resources/images/resize-correct-aspect.png" width="407" class="threejs_center">
+<img src="resources/images/resize-correct-aspect.png" width="407" class="threejs_center nobg">
 
 Теперь давайте исправим пиксильность.
 
@@ -174,7 +174,7 @@ function render(time) {
 соответствующим размеру изображения на холсте.
 
 Чтобы сделать так, чтобы CSS позволял обрабатывать изменение размера, 
-давайте возьмем наш код и поместим его в [отдельный `.js` файл](../../resources/threejs-responsive.js).
+давайте возьмем наш код и поместим его в [отдельный `.js` файл](../threejs-responsive.js).
 Вот еще несколько примеров, где мы позволяем CSS выбирать размер, без написания кода.
 
 Давайте поместим наши кубики в середине абзаца текста.

threejs/lessons/threejs-responsive.md

@@ -68,13 +68,13 @@ are more like boxes. Too tall or too wide. Open the
 example in its own window and resize it. You'll see how
 the cubes get stretched wide and tall.
 
-<img src="resources/images/resize-incorrect-aspect.png" width="407" class="threejs_center">
+<img src="resources/images/resize-incorrect-aspect.png" width="407" class="threejs_center nobg">
 
 The second problem is they look low resolution or blocky and
 blurry. Stretch the window really large and you'll really see
 the issue.
 
-<img src="resources/images/resize-low-res.png" class="threejs_center">
+<img src="resources/images/resize-low-res.png" class="threejs_center nobg">
 
 Let's fix the stretchy problem first. To do that we need
 to set the aspect of the camera to the aspect of the canvas's
@@ -102,7 +102,7 @@ Open the example in a separate window and resize the window
 and you should see the cubes are no longer stretched tall or wide.
 They stay the correct aspect regardless of window size.
 
-<img src="resources/images/resize-correct-aspect.png" width="407" class="threejs_center">
+<img src="resources/images/resize-correct-aspect.png" width="407" class="threejs_center nobg">
 
 Now let's fix the blockiness.