diff options
Diffstat (limited to 'Code/Train')
-rw-r--r-- | Code/Train/img/Train.jpg (renamed from Code/Train/Train.jpg) | bin | 1082510 -> 1082510 bytes | |||
-rw-r--r-- | Code/Train/index.html | 110 | ||||
-rw-r--r-- | Code/Train/js/alphabet.js (renamed from Code/Train/alphabet.js) | 0 | ||||
-rw-r--r-- | Code/Train/js/jquery-1.10.2.min.js (renamed from Code/Train/jquery-1.10.2.min.js) | 0 | ||||
-rw-r--r-- | Code/Train/js/main.js (renamed from Code/Train/main.js) | 0 | ||||
-rw-r--r-- | Code/Train/train.html | 180 | ||||
-rw-r--r-- | Code/Train/video.html | 64 |
7 files changed, 146 insertions, 208 deletions
diff --git a/Code/Train/Train.jpg b/Code/Train/img/Train.jpg index 29b2599..29b2599 100644 --- a/Code/Train/Train.jpg +++ b/Code/Train/img/Train.jpg | |||
Binary files differ | |||
diff --git a/Code/Train/index.html b/Code/Train/index.html new file mode 100644 index 0000000..4d61194 --- /dev/null +++ b/Code/Train/index.html | |||
@@ -0,0 +1,110 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <html> | ||
3 | |||
4 | <head> | ||
5 | <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> | ||
6 | <script type="text/javascript" src="js/alphabet.js"></script> | ||
7 | <script type="text/javascript"> | ||
8 | var myName = "@spearmint"; | ||
9 | |||
10 | var red = [0, 100, 63]; | ||
11 | |||
12 | var orange = [40, 100, 60]; | ||
13 | |||
14 | var green = [75, 100, 40]; | ||
15 | |||
16 | var blue = [196, 77, 55]; | ||
17 | |||
18 | var purple = [280, 50, 60]; | ||
19 | |||
20 | var letterColors = [red, orange, green, blue, purple]; | ||
21 | |||
22 | drawName(myName, letterColors); | ||
23 | |||
24 | if (10 < 3) | ||
25 | |||
26 | { | ||
27 | |||
28 | bubbleShape = 'square'; | ||
29 | |||
30 | } else | ||
31 | |||
32 | { | ||
33 | |||
34 | bubbleShape = 'circle'; | ||
35 | |||
36 | } | ||
37 | |||
38 | bounceBubbles(); | ||
39 | </script> | ||
40 | <script LANGUAGE="JavaScript"> | ||
41 | <!-- | ||
42 | |||
43 | function openwin() | ||
44 | |||
45 | { | ||
46 | |||
47 | window.open('video.html', '', 'width=720, height=410, toolbar=no, menubar=no,scrollbars=no, resizable=yes, location=no, status=no') | ||
48 | |||
49 | } | ||
50 | |||
51 | --> | ||
52 | </script> | ||
53 | <script language="javascript"> | ||
54 | <!-- | ||
55 | |||
56 | width = screen.width; | ||
57 | |||
58 | height = screen.height - 28; | ||
59 | |||
60 | window.resizeTo(width, height); | ||
61 | |||
62 | window.moveTo(0, 0); | ||
63 | |||
64 | --> | ||
65 | </script> | ||
66 | <meta charset="utf-8"> | ||
67 | <title>Train</title> | ||
68 | <style type="text/css"> | ||
69 | body { | ||
70 | background-color: #EFEEEC; | ||
71 | font-family: baumans; | ||
72 | font-style: normal; | ||
73 | font-weight: 400; | ||
74 | font-size: 36px; | ||
75 | background-image: url(img/Train.jpg); | ||
76 | } | ||
77 | |||
78 | a:link { | ||
79 | text-decoration: none; | ||
80 | color: #FFFFFF; | ||
81 | } | ||
82 | |||
83 | a:visited { | ||
84 | text-decoration: none; | ||
85 | color: #FFFFFF; | ||
86 | } | ||
87 | |||
88 | a:hover { | ||
89 | text-decoration: none; | ||
90 | } | ||
91 | |||
92 | a:active { | ||
93 | text-decoration: none; | ||
94 | font-style: normal; | ||
95 | font-weight: 400; | ||
96 | } | ||
97 | </style> | ||
98 | </head> | ||
99 | |||
100 | <body> | ||
101 | <canvas id="myCanvas"></canvas> | ||
102 | <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script> | ||
103 | <script type="text/javascript" src="js/main.js"></script> | ||
104 | <p style="text-align: center; color: #FFF"><a href="http://blog.jinwei.me" target="new">❤ティガ ずっとここにいて</a></p> | ||
105 | <p style="text-align: center; color: #FFF; font-family: baumans; font-style: normal; font-weight: 400; font-size: 24px"><a href="#" onClick="openwin()">Video</a></p> | ||
106 | </video> | ||
107 | <audio src="I Love You.mp3" preload="auto" autoplay="true" loop="true"></audio> | ||
108 | </body> | ||
109 | |||
110 | </html> | ||
diff --git a/Code/Train/alphabet.js b/Code/Train/js/alphabet.js index d5bcd4d..d5bcd4d 100644 --- a/Code/Train/alphabet.js +++ b/Code/Train/js/alphabet.js | |||
diff --git a/Code/Train/jquery-1.10.2.min.js b/Code/Train/js/jquery-1.10.2.min.js index 2f53572..2f53572 100644 --- a/Code/Train/jquery-1.10.2.min.js +++ b/Code/Train/js/jquery-1.10.2.min.js | |||
diff --git a/Code/Train/main.js b/Code/Train/js/main.js index af75cf7..af75cf7 100644 --- a/Code/Train/main.js +++ b/Code/Train/js/main.js | |||
diff --git a/Code/Train/train.html b/Code/Train/train.html deleted file mode 100644 index 7ae7289..0000000 --- a/Code/Train/train.html +++ /dev/null | |||
@@ -1,180 +0,0 @@ | |||
1 | <!doctype html> | ||
2 | |||
3 | <html> | ||
4 | |||
5 | <head> | ||
6 | |||
7 | <script type="text/javascript" src="./jquery-1.10.2.min.js"></script> | ||
8 | |||
9 | <script type="text/javascript" src="./alphabet.js"></script> | ||
10 | |||
11 | <script type="text/javascript"> | ||
12 | |||
13 | var myName = "@spearmint"; | ||
14 | |||
15 | var red = [0, 100, 63]; | ||
16 | |||
17 | var orange = [40, 100, 60]; | ||
18 | |||
19 | var green = [75, 100, 40]; | ||
20 | |||
21 | var blue = [196, 77, 55]; | ||
22 | |||
23 | var purple = [280, 50, 60]; | ||
24 | |||
25 | var letterColors = [red, orange, green, blue, purple]; | ||
26 | |||
27 | drawName(myName, letterColors); | ||
28 | |||
29 | if(10 < 3) | ||
30 | |||
31 | { | ||
32 | |||
33 | bubbleShape = 'square'; | ||
34 | |||
35 | } | ||
36 | |||
37 | else | ||
38 | |||
39 | { | ||
40 | |||
41 | bubbleShape = 'circle'; | ||
42 | |||
43 | } | ||
44 | |||
45 | bounceBubbles(); | ||
46 | |||
47 | </script> | ||
48 | |||
49 | |||
50 | |||
51 | <script LANGUAGE="JavaScript"> | ||
52 | |||
53 | <!-- | ||
54 | |||
55 | function openwin() | ||
56 | |||
57 | { | ||
58 | |||
59 | window.open ('video.html', '', 'width=720, height=410, toolbar=no, menubar=no,scrollbars=no, resizable=yes, location=no, status=no') | ||
60 | |||
61 | } | ||
62 | |||
63 | --> | ||
64 | |||
65 | </script> | ||
66 | |||
67 | |||
68 | |||
69 | <script language="javascript"> | ||
70 | |||
71 | <!-- | ||
72 | |||
73 | width = screen.width; | ||
74 | |||
75 | height = screen.height-28; | ||
76 | |||
77 | window.resizeTo(width,height); | ||
78 | |||
79 | window.moveTo(0,0); | ||
80 | |||
81 | --> | ||
82 | |||
83 | </script> | ||
84 | |||
85 | <meta charset="utf-8"> | ||
86 | |||
87 | <title>Train</title> | ||
88 | |||
89 | <style type="text/css"> | ||
90 | |||
91 | body { | ||
92 | |||
93 | background-color: #EFEEEC; | ||
94 | |||
95 | font-family: baumans; | ||
96 | |||
97 | font-style: normal; | ||
98 | |||
99 | font-weight: 400; | ||
100 | |||
101 | font-size: 36px; | ||
102 | |||
103 | background-image: url(Train.jpg); | ||
104 | |||
105 | } | ||
106 | |||
107 | a:link { | ||
108 | |||
109 | text-decoration: none; | ||
110 | |||
111 | color: #FFFFFF; | ||
112 | |||
113 | } | ||
114 | |||
115 | a:visited { | ||
116 | |||
117 | text-decoration: none; | ||
118 | |||
119 | color: #FFFFFF; | ||
120 | |||
121 | } | ||
122 | |||
123 | a:hover { | ||
124 | |||
125 | text-decoration: none; | ||
126 | |||
127 | } | ||
128 | |||
129 | a:active { | ||
130 | |||
131 | text-decoration: none; | ||
132 | |||
133 | font-style: normal; | ||
134 | |||
135 | font-weight: 400; | ||
136 | |||
137 | } | ||
138 | |||
139 | </style> | ||
140 | |||
141 | <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--> | ||
142 | |||
143 | <script>var __adobewebfontsappname__="dreamweaver"</script> | ||
144 | |||
145 | <script src="http://use.edgefonts.net/baumans:n4:default;merienda-one:n4:default;wire-one:n4:default;aguafina-script:n4:default;almendra:n4:default;butterfly-kids:n4:default.js" type="text/javascript"></script> | ||
146 | |||
147 | |||
148 | |||
149 | </head> | ||
150 | |||
151 | <body> | ||
152 | |||
153 | <canvas id="myCanvas"></canvas> | ||
154 | |||
155 | <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script> | ||
156 | |||
157 | <script type="text/javascript" src="main.js"></script> | ||
158 | |||
159 | <p style="text-align: center; color: #FFF"><a href="http://blog.jinwei.me " target="new" >❤ティガ ずっとここにいて</a></p> | ||
160 | |||
161 | <p style="text-align: center; color: #FFF; font-family: baumans; font-style: normal; font-weight: 400; font-size: 24px"><a href="#" onClick="openwin()" >Video</a></p> | ||
162 | |||
163 | <audio src="I Love You.mp3" preload="auto" autoplay="true" loop="true"></audio> | ||
164 | |||
165 | </video> | ||
166 | |||
167 | <!-- jinwei.me Baidu tongji analytics --> | ||
168 | |||
169 | <script type="text/javascript"> | ||
170 | |||
171 | var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); | ||
172 | |||
173 | document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F91918ac6d6854623883a2b546ebc00ac' type='text/javascript'%3E%3C/script%3E")); | ||
174 | |||
175 | </script> | ||
176 | |||
177 | </body> | ||
178 | |||
179 | </html> | ||
180 | |||
diff --git a/Code/Train/video.html b/Code/Train/video.html index 569dda7..07416c4 100644 --- a/Code/Train/video.html +++ b/Code/Train/video.html | |||
@@ -1,30 +1,38 @@ | |||
1 | <!doctype html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html> |
3 | <head> | ||
4 | <link href="http://vjs.zencdn.net/4.3/video-js.css" rel="stylesheet"> | ||
5 | <script src="http://vjs.zencdn.net/4.3/video.js"></script> | ||
6 | <style type="text/css"> | ||
7 | .vjs-default-skin { color: #cabbbb; } | ||
8 | .vjs-default-skin .vjs-play-progress, | ||
9 | .vjs-default-skin .vjs-volume-level { background-color: #186c99 } | ||
10 | .vjs-default-skin .vjs-control-bar, | ||
11 | .vjs-default-skin .vjs-big-play-button { background: rgba(123,20,20,0.7) } | ||
12 | .vjs-default-skin .vjs-slider { background: rgba(123,20,20,0.2333333333333333) } | ||
13 | .vjs-default-skin .vjs-control-bar { font-size: 75% } | ||
14 | </style> | ||
15 | |||
16 | <meta charset="utf-8"> | ||
17 | <title>VIDEO</title> | ||
18 | </head> | ||
19 | |||
20 | <body> | ||
21 | <script type="text/javascript" src="http://v.ku6vms.com/phpvms/player/js/vid/UGeloFqL3sauhl2-/style/rhFuGpz6mfMTBJQA/"></script> | ||
22 | 3 | ||
23 | <!-- jinwei.me Baidu tongji analytics --> | 4 | <head> |
24 | <script type="text/javascript"> | 5 | <link href="http://vjs.zencdn.net/4.3/video-js.css" rel="stylesheet"> |
25 | var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); | 6 | <script src="http://vjs.zencdn.net/4.3/video.js"></script> |
26 | document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F91918ac6d6854623883a2b546ebc00ac' type='text/javascript'%3E%3C/script%3E")); | 7 | <style type="text/css"> |
27 | </script> | 8 | .vjs-default-skin { |
9 | color: #cabbbb; | ||
10 | } | ||
11 | |||
12 | .vjs-default-skin .vjs-play-progress, | ||
13 | .vjs-default-skin .vjs-volume-level { | ||
14 | background-color: #186c99 | ||
15 | } | ||
16 | |||
17 | .vjs-default-skin .vjs-control-bar, | ||
18 | .vjs-default-skin .vjs-big-play-button { | ||
19 | background: rgba(123, 20, 20, 0.7) | ||
20 | } | ||
21 | |||
22 | .vjs-default-skin .vjs-slider { | ||
23 | background: rgba(123, 20, 20, 0.2333333333333333) | ||
24 | } | ||
25 | |||
26 | .vjs-default-skin .vjs-control-bar { | ||
27 | font-size: 75% | ||
28 | } | ||
29 | </style> | ||
30 | <meta charset="utf-8"> | ||
31 | <title>VIDEO</title> | ||
32 | </head> | ||
28 | 33 | ||
29 | </body> | 34 | <body> |
30 | </html> | 35 | <script type="text/javascript" src="http://v.ku6vms.com/phpvms/player/js/vid/UGeloFqL3sauhl2-/style/rhFuGpz6mfMTBJQA/"></script> |
36 | </body> | ||
37 | |||
38 | </html> | ||