Home Explore Help
Sign In
javascript
/
three.js
mirror of https://github.com/tazdij/three.js.git
2
0
Fork 0
Files Issues 0 Wiki
Browse Source

share style

Gregg Tavares 5 years ago
parent
f540f6a9c3
commit
b572c75622
14 changed files with 61 additions and 112 deletions
Unified View Show Diff Stats
  1. 2 2
      build/templates/index.template
  2. 1 1
      build/templates/lesson.template
  3. 1 1
      build/templates/missing.template
  4. 1 1
      threejs/background-v01.html
  5. 1 1
      threejs/background.html
  6. 1 1
      threejs/lessons/resources/moon-orbit.html
  7. 5 0
      threejs/lessons/resources/threejs-align-html-elements-to-3d.css
  8. 32 0
      threejs/lessons/resources/threejs-primitives.css
  9. 12 0
      threejs/lessons/resources/threejs-textures.css
  10. 1 36
      threejs/lessons/ru/threejs-primitives.md
  11. 1 14
      threejs/lessons/ru/threejs-textures.md
  12. 1 7
      threejs/lessons/threejs-align-html-elements-to-3d.md
  13. 1 34
      threejs/lessons/threejs-primitives.md
  14. 1 14
      threejs/lessons/threejs-textures.md

+ 2 - 2
build/templates/index.template
View File 

@@ -60,8 +60,8 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
 <link rel="apple-touch-icon" href="/threejs/lessons/resources/threejsfundamentals-icon.png">
 
 <link rel="apple-touch-icon" href="/threejs/lessons/resources/threejsfundamentals-icon.png">
 
 <link rel="icon" href="/threejs/lessons/resources/threejsfundamentals-icon.png">
 
 <link rel="icon" href="/threejs/lessons/resources/threejsfundamentals-icon.png">
 
 
 
-<link rel="stylesheet" href="/threejs/lessons/resources/lesson.css" type="text/css" />
 
-<link rel="stylesheet" href="/threejs/lessons/resources/index.css" type="text/css" />
 
+<link rel="stylesheet" href="/threejs/lessons/resources/lesson.css" />
 
+<link rel="stylesheet" href="/threejs/lessons/resources/index.css" />
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
 <div id="canvas">
 
 <div id="canvas">

+ 1 - 1
build/templates/lesson.template
View File 

@@ -56,7 +56,7 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
 <link href="/threejs/lessons/resources/threejsfundamentals-icon.png" rel="shortcut icon" type="image/png">
 
 <link href="/threejs/lessons/resources/threejsfundamentals-icon.png" rel="shortcut icon" type="image/png">
 
 <link rel="apple-touch-icon" href="/threejs/lessons/resources/threejsfundamentals-icon.png">
 
 <link rel="apple-touch-icon" href="/threejs/lessons/resources/threejsfundamentals-icon.png">
 
 <link rel="icon" href="/threejs/lessons/resources/threejsfundamentals-icon.png">
 
 <link rel="icon" href="/threejs/lessons/resources/threejsfundamentals-icon.png">
 
-<link rel="stylesheet" href="/threejs/lessons/resources/lesson.css" type="text/css" />
 
+<link rel="stylesheet" href="/threejs/lessons/resources/lesson.css" />
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
 {{{include "build/templates/header.template"}}}
 
 {{{include "build/templates/header.template"}}}

+ 1 - 1
build/templates/missing.template
View File 

@@ -54,7 +54,7 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
 
 
 <title>{{title}}</title>
 
 <title>{{title}}</title>
 
 <link href="/threejs/lessons/resources/threejsfundamentals-icon.png" rel="shortcut icon" type="image/png">
 
 <link href="/threejs/lessons/resources/threejsfundamentals-icon.png" rel="shortcut icon" type="image/png">
 
-<link rel="stylesheet" href="/threejs/lessons/resources/lesson.css" type="text/css" />
 
+<link rel="stylesheet" href="/threejs/lessons/resources/lesson.css" />
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
 {{{include "build/templates/header.template"}}}
 
 {{{include "build/templates/header.template"}}}

+ 1 - 1
threejs/background-v01.html
View File 

@@ -5,7 +5,7 @@
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
     <title>Three.js - Fundamentals</title>
 
     <title>Three.js - Fundamentals</title>
 
-    <link type="text/css" href="resources/threejs-tutorials.css" rel="stylesheet" />
 
+    <link href="resources/threejs-tutorials.css" rel="stylesheet" />
 
     <style>
 
     <style>
 
     html, body {
 
     html, body {
 
       margin: 0;
 
       margin: 0;

+ 1 - 1
threejs/background.html
View File 

@@ -5,7 +5,7 @@
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
     <title>Three.js - Fundamentals</title>
 
     <title>Three.js - Fundamentals</title>
 
-    <link type="text/css" href="resources/threejs-tutorials.css" rel="stylesheet" />
 
+    <link href="resources/threejs-tutorials.css" rel="stylesheet" />
 
     <style>
 
     <style>
 
     html, body {
 
     html, body {
 
       margin: 0;
 
       margin: 0;

+ 1 - 1
threejs/lessons/resources/moon-orbit.html
View File 

@@ -2,7 +2,7 @@
 
 <head>
 
 <head>
 
 <meta charset="utf8">
 
 <meta charset="utf8">
 
 <title>moon orbit</title>
 
 <title>moon orbit</title>
 
-<link type="text/css" href="../../resources/threejs-tutorials.css" rel="stylesheet" />
 
+<link href="../../resources/threejs-tutorials.css" rel="stylesheet" />
 
 <style>
 
 <style>
 
 body {
 
 body {
 
   margin: 0px;
 
   margin: 0px;

+ 5 - 0
threejs/lessons/resources/threejs-align-html-elements-to-3d.css
View File 

@@ -0,0 +1,5 @@
 
+div[data-diagram] canvas {
 
+  width: 100%;
 
+  height: 100%;
 
+  display: block;
 
+}

+ 32 - 0
threejs/lessons/resources/threejs-primitives.css
View File 

@@ -0,0 +1,32 @@
 
+div[data-primitive] {
 
+    padding-bottom: 2em;
 
+    border-bottom: 1px solid #888;
 
+    margin-bottom: 2em;
 
+}
 
+div[data-primitive] .pair {
 
+  display: flex;
 
+  align-items: center;
 
+  margin-bottom: 1em;
 
+}
 
+div[data-primitive] .shape {
 
+  flex: 0 0 auto;
 
+  width: 200px;
 
+  height: 200px;
 
+}
 
+div[data-primitive] .desc {
 
+  word-wrap: break-word;
 
+  padding: 1em;
 
+  min-width: 0;
 
+}
 
+div[data-primitive] .desc code {
 
+  white-space: normal;
 
+}
 
+@media (max-width: 550px) {
 
+  div[data-primitive] .shape {
 
+      width: 120px;
 
+      height: 120px;
 
+  }
 
+}
 
+div[data-primitive] .desc {
 
+  flex: 1 1 auto;
 
+}

+ 12 - 0
threejs/lessons/resources/threejs-textures.css
View File 

@@ -0,0 +1,12 @@
 
+.filter-caption {
 
+  position: absolute;
 
+  color: white;
 
+  line-height: 1.1;
 
+  font-family: monospace;
 
+  font-size: small;
 
+  text-shadow:
 
+    -1px -1px 0 #000,
 
+     1px -1px 0 #000,
 
+    -1px  1px 0 #000,
 
+     1px  1px 0 #000;
 
+}

+ 1 - 36
threejs/lessons/ru/threejs-primitives.md
View File 

@@ -335,39 +335,4 @@ function addLineGeometry(x, y, geometry) {
 
 <script src="../../resources/threejs/r105/js/controls/TrackballControls.js"></script>
 
 <script src="../../resources/threejs/r105/js/controls/TrackballControls.js"></script>
 
 <script src="../resources/threejs-lesson-utils.js"></script>
 
 <script src="../resources/threejs-lesson-utils.js"></script>
 
 <script src="../resources/threejs-primitives.js"></script>
 
 <script src="../resources/threejs-primitives.js"></script>
 
-<style>
 
-div[data-primitive] {
 
-    padding-bottom: 2em;
 
-    border-bottom: 1px solid #888;
 
-    margin-bottom: 2em;
 
-}
 
-div[data-primitive] .pair {
 
-  display: flex;
 
-  align-items: center;
 
-  margin-bottom: 1em;
 
-}
 
-div[data-primitive] .shape {
 
-  flex: 0 0 auto;
 
-  width: 200px;
 
-  height: 200px;
 
-}
 
-div[data-primitive] .desc {
 
-  word-wrap: break-word;
 
-  padding: 1em;
 
-  min-width: 0;
 
-}
 
-div[data-primitive] .desc code {
 
-  white-space: normal;
 
-}
 
-@media (max-width: 550px) {
 
-  div[data-primitive] .shape {
 
-      width: 120px;
 
-      height: 120px;
 
-  }
 
-}
 
-div[data-primitive] .desc {
 
-  flex: 1 1 auto;
 
-}
 
-</style>
 
-
 
-
 
+<link rel="stylesheet" href="resources/threejs-primitives.css">

+ 1 - 14
threejs/lessons/ru/threejs-textures.md
View File 

@@ -620,17 +620,4 @@ roughness
 
 <script src="../../resources/threejs/r105/js/controls/TrackballControls.js"></script>
 
 <script src="../../resources/threejs/r105/js/controls/TrackballControls.js"></script>
 
 <script src="../resources/threejs-lesson-utils.js"></script>
 
 <script src="../resources/threejs-lesson-utils.js"></script>
 
 <script src="../resources/threejs-textures.js"></script>
 
 <script src="../resources/threejs-textures.js"></script>
 
-<style>
 
-.filter-caption {
 
-  position: absolute;
 
-  color: white;
 
-  line-height: 1.1;
 
-  font-family: monospace;
 
-  font-size: small;
 
-  text-shadow:
 
-    -1px -1px 0 #000,  
-     1px -1px 0 #000,
 
-    -1px  1px 0 #000,
 
-     1px  1px 0 #000;
 
-}
 
-</style>
 
+<link rel="stylesheet" href="resources/threejs-textures.css">

+ 1 - 7
threejs/lessons/threejs-align-html-elements-to-3d.md
View File 

@@ -784,12 +784,6 @@ elements with your 3D. A few things I might change.
 
 
 
 Next up let's make it so you can [pick and highlight a country](threejs-indexed-textures.html).
 
 Next up let's make it so you can [pick and highlight a country](threejs-indexed-textures.html).
 
 
 
-<style>
 
-div[data-diagram] canvas {
 
-  width: 100%;
 
-  height: 100%;
 
-  display: block;
 
-}
 
-</style>
 
+<link rel="stylesheet" href="resources/threejs-align-html-elements-to-3d.css">
 
 <script src="/3rdparty/dat.gui.min.js"></script>
 
 <script src="/3rdparty/dat.gui.min.js"></script>
 
 <script src="resources/threejs-align-html-elements-to-3d.js"></script>
 
 <script src="resources/threejs-align-html-elements-to-3d.js"></script>

+ 1 - 34
threejs/lessons/threejs-primitives.md
View File 

@@ -343,39 +343,6 @@ to use it](threejs-scenegraph.html).
 
 <script src="../resources/threejs/r105/js/controls/TrackballControls.js"></script>
 
 <script src="../resources/threejs/r105/js/controls/TrackballControls.js"></script>
 
 <script src="resources/threejs-lesson-utils.js"></script>
 
 <script src="resources/threejs-lesson-utils.js"></script>
 
 <script src="resources/threejs-primitives.js"></script>
 
 <script src="resources/threejs-primitives.js"></script>
 
-<style>
 
-div[data-primitive] {
 
-    padding-bottom: 2em;
 
-    border-bottom: 1px solid #888;
 
-    margin-bottom: 2em;
 
-}
 
-div[data-primitive] .pair {
 
-  display: flex;
 
-  align-items: center;
 
-  margin-bottom: 1em;
 
-}
 
-div[data-primitive] .shape {
 
-  flex: 0 0 auto;
 
-  width: 200px;
 
-  height: 200px;
 
-}
 
-div[data-primitive] .desc {
 
-  word-wrap: break-word;
 
-  padding: 1em;
 
-  min-width: 0;
 
-}
 
-div[data-primitive] .desc code {
 
-  white-space: normal;
 
-}
 
-@media (max-width: 550px) {
 
-  div[data-primitive] .shape {
 
-      width: 120px;
 
-      height: 120px;
 
-  }
 
-}
 
-div[data-primitive] .desc {
 
-  flex: 1 1 auto;
 
-}
 
-</style>
 
+<link rel="stylesheet" href="resources/threejs-primitives.css">

+ 1 - 14
threejs/lessons/threejs-textures.md
View File 

@@ -629,17 +629,4 @@ roughness
 
 <script src="../resources/threejs/r105/js/controls/TrackballControls.js"></script>
 
 <script src="../resources/threejs/r105/js/controls/TrackballControls.js"></script>
 
 <script src="resources/threejs-lesson-utils.js"></script>
 
 <script src="resources/threejs-lesson-utils.js"></script>
 
 <script src="resources/threejs-textures.js"></script>
 
 <script src="resources/threejs-textures.js"></script>
 
-<style>
 
-.filter-caption {
 
-  position: absolute;
 
-  color: white;
 
-  line-height: 1.1;
 
-  font-family: monospace;
 
-  font-size: small;
 
-  text-shadow:
 
-    -1px -1px 0 #000,
 
-     1px -1px 0 #000,
 
-    -1px  1px 0 #000,
 
-     1px  1px 0 #000;
 
-}
 
-</style>
 
+<link rel="stylesheet" href="resources/threejs-textures.css">