Cloned project from portfolio-go and coded initial layout

James Peret 8 年之前
父节点
当前提交
5891b57592
共有 100 个文件被更改,包括 136 次插入561 次删除
  1. 二进制
      app/content/images/A3.jpg
  2. 二进制
      app/content/images/argila-1.jpg
  3. 二进制
      app/content/images/argila-2.jpg
  4. 二进制
      app/content/images/argila-3.jpg
  5. 二进制
      app/content/images/argila-4.jpg
  6. 二进制
      app/content/images/argila-5.jpg
  7. 二进制
      app/content/images/argila-6.jpg
  8. 二进制
      app/content/images/artesanato-literario.jpg
  9. 二进制
      app/content/images/bologramas-01.jpg
  10. 二进制
      app/content/images/bologramas-02.jpg
  11. 二进制
      app/content/images/bologramas-03.jpg
  12. 二进制
      app/content/images/bologramas-04.jpg
  13. 二进制
      app/content/images/bologramas-05.jpg
  14. 二进制
      app/content/images/bologramas-06.jpg
  15. 二进制
      app/content/images/bologramas-07.jpg
  16. 二进制
      app/content/images/bologramas-08.jpg
  17. 二进制
      app/content/images/bologramas-09.jpg
  18. 二进制
      app/content/images/bologramas-10.jpg
  19. 二进制
      app/content/images/bologramas-11.jpg
  20. 二进制
      app/content/images/bologramas-12.jpg
  21. 二进制
      app/content/images/bologramas-13.jpg
  22. 二进制
      app/content/images/caligramas-1.jpg
  23. 二进制
      app/content/images/caligramas-2.jpg
  24. 二进制
      app/content/images/caligramas-3.jpg
  25. 二进制
      app/content/images/caligramas-4.jpg
  26. 二进制
      app/content/images/caligramas-5.jpg
  27. 二进制
      app/content/images/caligramas-6.jpg
  28. 二进制
      app/content/images/caligramas-7.jpg
  29. 二进制
      app/content/images/caligramas-8.jpg
  30. 二进制
      app/content/images/cave-1.jpg
  31. 二进制
      app/content/images/cave-2.jpg
  32. 二进制
      app/content/images/cave-3.jpg
  33. 二进制
      app/content/images/dois-grafonautas.jpg
  34. 二进制
      app/content/images/escultura_01.jpg
  35. 二进制
      app/content/images/esculturas-carvao-1.jpg
  36. 二进制
      app/content/images/esculturas-carvao-2.jpg
  37. 二进制
      app/content/images/esculturas-carvao-3.jpg
  38. 二进制
      app/content/images/esculturas-carvao-4.jpg
  39. 二进制
      app/content/images/figuras-01.jpg
  40. 二进制
      app/content/images/figuras-02.jpg
  41. 二进制
      app/content/images/figuras-03.jpg
  42. 二进制
      app/content/images/figuras-04.jpg
  43. 二进制
      app/content/images/figuras-05.jpg
  44. 二进制
      app/content/images/figuras-06.jpg
  45. 二进制
      app/content/images/figuras-07.jpg
  46. 二进制
      app/content/images/figuras-08.jpg
  47. 二进制
      app/content/images/figuras-09.jpg
  48. 二进制
      app/content/images/figuras-10.jpg
  49. 二进制
      app/content/images/figuras-11.jpg
  50. 二进制
      app/content/images/figuras-12.jpg
  51. 二进制
      app/content/images/go-e-arnaldo-1.jpg
  52. 二进制
      app/content/images/go-e-arnaldo-2.jpg
  53. 二进制
      app/content/images/james_peret_logo_black.png
  54. 二进制
      app/content/images/jt-brum.jpg
  55. 二进制
      app/content/images/lirismo-a-ironia.jpg
  56. 二进制
      app/content/images/parece-mas-e.jpg
  57. 二进制
      app/content/images/parece-mas-nao-e.jpg
  58. 二进制
      app/content/images/quadrinho-01.jpg
  59. 二进制
      app/content/images/quadrinho-02.jpg
  60. 二进制
      app/content/images/quadrinho-03.jpg
  61. 二进制
      app/content/images/quadrinho-04.jpg
  62. 二进制
      app/content/images/relevos-01.jpg
  63. 二进制
      app/content/images/relevos-02.jpg
  64. 二进制
      app/content/images/relevos-03.jpg
  65. 二进制
      app/content/images/relevos-04.jpg
  66. 二进制
      app/content/images/relevos-05.jpg
  67. 二进制
      app/content/images/relevos-06.jpg
  68. 二进制
      app/content/images/relevos-07.jpg
  69. 二进制
      app/content/images/sono-01.jpg
  70. 二进制
      app/content/images/sono-02.jpg
  71. 二进制
      app/content/images/sono-03.jpg
  72. 二进制
      app/content/images/sono-04.jpg
  73. 二进制
      app/content/images/sono-05.jpg
  74. 二进制
      app/content/images/sono-06.jpg
  75. 二进制
      app/content/images/sono-07.jpg
  76. 二进制
      app/content/images/sono-08.jpg
  77. 二进制
      app/content/images/sono-09.jpg
  78. 二进制
      app/content/images/sono-10.jpg
  79. 二进制
      app/content/images/sono-11.jpg
  80. 二进制
      app/content/images/trifonia-01.png
  81. 二进制
      app/content/images/triptico.jpg
  82. 二进制
      app/content/images/york-cathedral-1.jpg
  83. 二进制
      app/content/images/york-cathedral-2.jpg
  84. 二进制
      app/content/images/york-cathedral-3.jpg
  85. 二进制
      app/content/videos/anim_01.mov
  86. 二进制
      app/content/videos/bg_1.mov
  87. 二进制
      app/content/videos/bg_1_old.mov
  88. 二进制
      app/content/videos/bg_2.mov
  89. 二进制
      app/content/videos/bg_3.mov
  90. 二进制
      app/content/videos/bg_4.mov
  91. 二进制
      app/content/videos/bg_5.mov
  92. 二进制
      app/content/videos/bg_6.mov
  93. 二进制
      app/content/videos/bg_7.mov
  94. 33 505
      app/data.json
  95. 6 14
      app/index.html
  96. 1 1
      app/scripts/app.js
  97. 62 21
      app/scripts/controllers/background.js
  98. 8 0
      app/scripts/controllers/navigation.js
  99. 15 14
      app/styles/main.css
  100. 11 6
      readme.md

二进制
app/content/images/A3.jpg


二进制
app/content/images/argila-1.jpg


二进制
app/content/images/argila-2.jpg


二进制
app/content/images/argila-3.jpg


二进制
app/content/images/argila-4.jpg


二进制
app/content/images/argila-5.jpg


二进制
app/content/images/argila-6.jpg


二进制
app/content/images/artesanato-literario.jpg


二进制
app/content/images/bologramas-01.jpg


二进制
app/content/images/bologramas-02.jpg


二进制
app/content/images/bologramas-03.jpg


二进制
app/content/images/bologramas-04.jpg


二进制
app/content/images/bologramas-05.jpg


二进制
app/content/images/bologramas-06.jpg


二进制
app/content/images/bologramas-07.jpg


二进制
app/content/images/bologramas-08.jpg


二进制
app/content/images/bologramas-09.jpg


二进制
app/content/images/bologramas-10.jpg


二进制
app/content/images/bologramas-11.jpg


二进制
app/content/images/bologramas-12.jpg


二进制
app/content/images/bologramas-13.jpg


二进制
app/content/images/caligramas-1.jpg


二进制
app/content/images/caligramas-2.jpg


二进制
app/content/images/caligramas-3.jpg


二进制
app/content/images/caligramas-4.jpg


二进制
app/content/images/caligramas-5.jpg


二进制
app/content/images/caligramas-6.jpg


二进制
app/content/images/caligramas-7.jpg


二进制
app/content/images/caligramas-8.jpg


二进制
app/content/images/cave-1.jpg


二进制
app/content/images/cave-2.jpg


二进制
app/content/images/cave-3.jpg


二进制
app/content/images/dois-grafonautas.jpg


二进制
app/content/images/escultura_01.jpg


二进制
app/content/images/esculturas-carvao-1.jpg


二进制
app/content/images/esculturas-carvao-2.jpg


二进制
app/content/images/esculturas-carvao-3.jpg


二进制
app/content/images/esculturas-carvao-4.jpg


二进制
app/content/images/figuras-01.jpg


二进制
app/content/images/figuras-02.jpg


二进制
app/content/images/figuras-03.jpg


二进制
app/content/images/figuras-04.jpg


二进制
app/content/images/figuras-05.jpg


二进制
app/content/images/figuras-06.jpg


二进制
app/content/images/figuras-07.jpg


二进制
app/content/images/figuras-08.jpg


二进制
app/content/images/figuras-09.jpg


二进制
app/content/images/figuras-10.jpg


二进制
app/content/images/figuras-11.jpg


二进制
app/content/images/figuras-12.jpg


二进制
app/content/images/go-e-arnaldo-1.jpg


二进制
app/content/images/go-e-arnaldo-2.jpg


二进制
app/content/images/james_peret_logo_black.png


二进制
app/content/images/jt-brum.jpg


二进制
app/content/images/lirismo-a-ironia.jpg


二进制
app/content/images/parece-mas-e.jpg


二进制
app/content/images/parece-mas-nao-e.jpg


二进制
app/content/images/quadrinho-01.jpg


二进制
app/content/images/quadrinho-02.jpg


二进制
app/content/images/quadrinho-03.jpg


二进制
app/content/images/quadrinho-04.jpg


二进制
app/content/images/relevos-01.jpg


二进制
app/content/images/relevos-02.jpg


二进制
app/content/images/relevos-03.jpg


二进制
app/content/images/relevos-04.jpg


二进制
app/content/images/relevos-05.jpg


二进制
app/content/images/relevos-06.jpg


二进制
app/content/images/relevos-07.jpg


二进制
app/content/images/sono-01.jpg


二进制
app/content/images/sono-02.jpg


二进制
app/content/images/sono-03.jpg


二进制
app/content/images/sono-04.jpg


二进制
app/content/images/sono-05.jpg


二进制
app/content/images/sono-06.jpg


二进制
app/content/images/sono-07.jpg


二进制
app/content/images/sono-08.jpg


二进制
app/content/images/sono-09.jpg


二进制
app/content/images/sono-10.jpg


二进制
app/content/images/sono-11.jpg


二进制
app/content/images/trifonia-01.png


二进制
app/content/images/triptico.jpg


二进制
app/content/images/york-cathedral-1.jpg


二进制
app/content/images/york-cathedral-2.jpg


二进制
app/content/images/york-cathedral-3.jpg


二进制
app/content/videos/anim_01.mov


二进制
app/content/videos/bg_1.mov


二进制
app/content/videos/bg_1_old.mov


二进制
app/content/videos/bg_2.mov


二进制
app/content/videos/bg_3.mov


二进制
app/content/videos/bg_4.mov


二进制
app/content/videos/bg_5.mov


二进制
app/content/videos/bg_6.mov


二进制
app/content/videos/bg_7.mov


+ 33 - 505
app/data.json

@@ -4,525 +4,53 @@
4 4
   [
5 5
     "content/videos/bg_1.mov",
6 6
     "content/videos/bg_2.mov",
7
-    "content/videos/bg_5.mov",
8
-    "content/videos/bg_5.mov",
9
-    "content/videos/bg_6.mov",
10
-    "content/videos/bg_7.mov"
7
+    "content/videos/bg_3.mov",
8
+    "content/videos/bg_4.mov",
9
+    "content/videos/bg_5.mov"
11 10
   ],
12 11
 	"navigation" :
13 12
   [
14 13
     {
15
-      "title"   : "Desenhos",
16
-      "link"    : "submenu",
17
-      "submenu" :
18
-      [
19
-        {
20
-          "title"   : "Caligramas",
21
-          "link"    : "/slideshow/caligramas",
22
-          "slides"  :
23
-          [
24
-            {
25
-              "title" : "Caligrama 1",
26
-              "url"   : "content/images/caligramas-1.jpg"
27
-            },
28
-            {
29
-              "title" : "Caligrama 2",
30
-              "url"   : "content/images/caligramas-2.jpg"
31
-            },
32
-            {
33
-              "title" : "Caligrama 3",
34
-              "url"   : "content/images/caligramas-3.jpg"
35
-            },
36
-            {
37
-              "title" : "Caligrama 4",
38
-              "url"   : "content/images/caligramas-4.jpg"
39
-            },
40
-            {
41
-              "title" : "Caligrama 5",
42
-              "url"   : "content/images/caligramas-5.jpg"
43
-            },
44
-            {
45
-              "title" : "Caligrama 6",
46
-              "url"   : "content/images/caligramas-6.jpg"
47
-            },
48
-            {
49
-              "title" : "Caligrama 7",
50
-              "url"   : "content/images/caligramas-7.jpg"
51
-            },
52
-            {
53
-              "title" : "Caligrama 8",
54
-              "url"   : "content/images/caligramas-8.jpg"
55
-            }
56
-          ]
57
-        },
58
-        {
59
-          "title"   : "Figuras",
60
-          "link"    : "/slideshow/figuras",
61
-          "slides"  :
62
-          [
63
-            {
64
-              "title" : "Figura 1",
65
-              "url"   : "content/images/figuras-01.jpg"
66
-            },
67
-            {
68
-              "title" : "Figura 2",
69
-              "url"   : "content/images/figuras-02.jpg"
70
-            },
71
-            {
72
-              "title" : "Figura 3",
73
-              "url"   : "content/images/figuras-03.jpg"
74
-            },
75
-            {
76
-              "title" : "Figura 4",
77
-              "url"   : "content/images/figuras-04.jpg"
78
-            },
79
-            {
80
-              "title" : "Figura 5",
81
-              "url"   : "content/images/figuras-05.jpg"
82
-            },
83
-            {
84
-              "title" : "Figura 6",
85
-              "url"   : "content/images/figuras-06.jpg"
86
-            },
87
-            {
88
-              "title" : "Figura 7",
89
-              "url"   : "content/images/figuras-07.jpg"
90
-            },
91
-            {
92
-              "title" : "Figura 8",
93
-              "url"   : "content/images/figuras-08.jpg"
94
-            },
95
-            {
96
-              "title" : "Figura 9",
97
-              "url"   : "content/images/figuras-09.jpg"
98
-            },
99
-            {
100
-              "title" : "Figura 10",
101
-              "url"   : "content/images/figuras-10.jpg"
102
-            },
103
-            {
104
-              "title" : "Figura 11",
105
-              "url"   : "content/images/figuras-11.jpg"
106
-            },
107
-            {
108
-              "title" : "Figura 12",
109
-              "url"   : "content/images/figuras-12.jpg"
110
-            }
111
-          ]
112
-        },
113
-        {
114
-          "title"   : "Cadernos",
115
-          "link"    : "submenu",
116
-          "submenu" :
117
-          [
118
-            {
119
-              "title"   : "York Cathedral",
120
-              "link"    : "/slideshow/york-cathedral",
121
-              "slides"  :
122
-              [
123
-                {
124
-                  "title" : "York Cathedral 1",
125
-                  "url"   : "content/images/york-cathedral-1.jpg"
126
-                },
127
-                {
128
-                  "title" : "York Cathedral 2",
129
-                  "url"   : "content/images/york-cathedral-2.jpg"
130
-                },
131
-                {
132
-                  "title" : "York Cathedral 3",
133
-                  "url"   : "content/images/york-cathedral-3.jpg"
134
-                }
135
-              ]
136
-            },
137
-            {
138
-              "title"   : "Bologramas",
139
-              "link"    : "/slideshow/bologramas",
140
-              "slides"  :
141
-              [
142
-                {
143
-                  "title" : "Caderno Bologramas - Página 1",
144
-                  "url"   : "content/images/bologramas-01.jpg"
145
-                },
146
-                {
147
-                  "title" : "Caderno Bologramas - Página 2",
148
-                  "url"   : "content/images/bologramas-02.jpg"
149
-                },
150
-                {
151
-                  "title" : "Caderno Bologramas - Página 3",
152
-                  "url"   : "content/images/bologramas-03.jpg"
153
-                },
154
-                {
155
-                  "title" : "Caderno Bologramas - Página 4",
156
-                  "url"   : "content/images/bologramas-04.jpg"
157
-                },
158
-                {
159
-                  "title" : "Caderno Bologramas - Página 5",
160
-                  "url"   : "content/images/bologramas-05.jpg"
161
-                },
162
-                {
163
-                  "title" : "Caderno Bologramas - Página 6",
164
-                  "url"   : "content/images/bologramas-06.jpg"
165
-                },
166
-                {
167
-                  "title" : "Caderno Bologramas - Página 7",
168
-                  "url"   : "content/images/bologramas-07.jpg"
169
-                },
170
-                {
171
-                  "title" : "Caderno Bologramas - Página 8",
172
-                  "url"   : "content/images/bologramas-08.jpg"
173
-                },
174
-                {
175
-                  "title" : "Caderno Bologramas - Página 9",
176
-                  "url"   : "content/images/bologramas-09.jpg"
177
-                },
178
-                {
179
-                  "title" : "Caderno Bologramas - Página 10",
180
-                  "url"   : "content/images/bologramas-10.jpg"
181
-                },
182
-                {
183
-                  "title" : "Caderno Bologramas - Página 11",
184
-                  "url"   : "content/images/bologramas-11.jpg"
185
-                },
186
-                {
187
-                  "title" : "Caderno Bologramas - Página 12",
188
-                  "url"   : "content/images/bologramas-12.jpg"
189
-                },
190
-                {
191
-                  "title" : "Caderno Bologramas - Página 13",
192
-                  "url"   : "content/images/bologramas-13.jpg"
193
-                }
194
-              ]
195
-            },
196
-            {
197
-              "title"   : "Sarrafos & Garranchos",
198
-              "link"    : "/slideshow/sarrafos-e-garranchos",
199
-              "slides"  :
200
-              [
201
-                {
202
-                  "title" : "Sarrafos & Garranhcos - Página 1",
203
-                  "url"   : "content/images/quadrinho-01.jpg"
204
-                },
205
-                {
206
-                  "title" : "Sarrafos & Garranhcos - Página 2",
207
-                  "url"   : "content/images/quadrinho-02.jpg"
208
-                },
209
-                {
210
-                  "title" : "Sarrafos & Garranhcos - Página 3",
211
-                  "url"   : "content/images/quadrinho-03.jpg"
212
-                },
213
-                {
214
-                  "title" : "Sarrafos & Garranhcos - Página 4",
215
-                  "url"   : "content/images/quadrinho-04.jpg"
216
-                }
217
-              ]
218
-            }
219
-          ]
220
-        },
221
-        {
222
-          "title"   : "Caverna",
223
-          "link"    : "/slideshow/caverna",
224
-          "slides"  :
225
-          [
226
-            {
227
-              "title" : "cave *",
228
-              "url"   : "content/images/cave-1.jpg"
229
-            },
230
-            {
231
-              "title" : "cave w stalactites",
232
-              "url"   : "content/images/cave-2.jpg"
233
-            },
234
-            {
235
-              "title" : "cave ****",
236
-              "url"   : "content/images/cave-3.jpg"
237
-            }
238
-          ]
239
-        }
240
-      ]
241
-
14
+      "title"  : "Vitrine Endossa",
15
+      "link"   : "/portfolio/vitrine-endossa",
16
+      "content": "<p><span>Sobre o projeto vitrine endossa.<span></p>",
17
+      "bg_index" : 1
242 18
     },
243 19
     {
244
-      "title"   : "Esculturas",
245
-      "link"    : "submenu",
246
-      "submenu" :
247
-      [
248
-        {
249
-          "title" : "Figuras de Argila",
250
-          "link"  : "/slideshow/argila",
251
-          "slides"  :
252
-          [
253
-            {
254
-              "title" : "Escultura Cabeça (frente)",
255
-              "url"   : "content/images/argila-1.jpg"
256
-            },
257
-            {
258
-              "title" : "Escultura Cabeça (perfil)",
259
-              "url"   : "content/images/argila-2.jpg"
260
-            },
261
-            {
262
-              "title" : "Escultura Tal",
263
-              "url"   : "content/images/argila-3.jpg"
264
-            },
265
-            {
266
-              "title" : "Escultura Tal (costas)",
267
-              "url"   : "content/images/argila-4.jpg"
268
-            },
269
-            {
270
-              "title" : "Escultura Cabeça 2",
271
-              "url"   : "content/images/argila-5.jpg"
272
-            },
273
-            {
274
-              "title" : "Escultura Cabeça 3",
275
-              "url"   : "content/images/argila-6.jpg"
276
-            }
277
-          ]
278
-        },
279
-        {
280
-          "title" : "Carvão & Tule",
281
-          "link"  : "/slideshow/carvao-e-tule",
282
-          "slides"  :
283
-          [
284
-            {
285
-              "title" : "Carvão & Tule 1",
286
-              "url"   : "content/images/esculturas-carvao-1.jpg"
287
-            },
288
-            {
289
-              "title" : "Carvão & Tule 2",
290
-              "url"   : "content/images/esculturas-carvao-2.jpg"
291
-            },
292
-            {
293
-              "title" : "Carvão & Tule 3",
294
-              "url"   : "content/images/esculturas-carvao-3.jpg"
295
-            },
296
-            {
297
-              "title" : "Carvão & Tule 4",
298
-              "url"   : "content/images/esculturas-carvao-4.jpg"
299
-            }
300
-          ]
301
-        },
302
-        {
303
-          "title" : "Sono",
304
-          "link"  : "/slideshow/sono",
305
-          "slides"  :
306
-          [
307
-            {
308
-              "title" : "Sono",
309
-              "url"   : "content/images/sono-01.jpg"
310
-            },
311
-            {
312
-              "title" : "Cut-out",
313
-              "url"   : "content/images/sono-02.jpg"
314
-            },
315
-            {
316
-              "title" : "Carbon Blue cut-out + Artista",
317
-              "url"   : "content/images/sono-03.jpg"
318
-            },
319
-            {
320
-              "title" : "Teste Cut Out",
321
-              "url"   : "content/images/sono-04.jpg"
322
-            },
323
-            {
324
-              "title" : "RED 1",
325
-              "url"   : "content/images/sono-05.jpg"
326
-            },
327
-            {
328
-              "title" : "RED 2",
329
-              "url"   : "content/images/sono-06.jpg"
330
-            },
331
-            {
332
-              "title" : "Sono 2",
333
-              "url"   : "content/images/sono-07.jpg"
334
-            },
335
-            {
336
-              "title" : "Peça Bibliográfica",
337
-              "url"   : "content/images/sono-08.jpg"
338
-            },
339
-            {
340
-              "title" : "Peça bibliográfica (frente)",
341
-              "url"   : "content/images/sono-09.jpg"
342
-            },
343
-            {
344
-              "title" : "Sono 3",
345
-              "url"   : "content/images/sono-10.jpg"
346
-            },
347
-            {
348
-              "title" : "Working",
349
-              "url"   : "content/images/sono-11.jpg"
350
-            }
351
-          ]
352
-        },
353
-        {
354
-          "title" : "Relevos",
355
-          "link"  : "/slideshow/relevos",
356
-          "slides"  :
357
-          [
358
-            {
359
-              "title" : "Relevos 1",
360
-              "url"   : "content/images/relevos-01.jpg"
361
-            },
362
-            {
363
-              "title" : "Relevos 2",
364
-              "url"   : "content/images/relevos-02.jpg"
365
-            },
366
-            {
367
-              "title" : "Relevos 3",
368
-              "url"   : "content/images/relevos-03.jpg"
369
-            },
370
-            {
371
-              "title" : "Relevos 4",
372
-              "url"   : "content/images/relevos-04.jpg"
373
-            },
374
-            {
375
-              "title" : "Relevos 5",
376
-              "url"   : "content/images/relevos-05.jpg"
377
-            },
378
-            {
379
-              "title" : "Relevos 6",
380
-              "url"   : "content/images/relevos-06.jpg"
381
-            },
382
-            {
383
-              "title" : "Relevos 7",
384
-              "url"   : "content/images/relevos-07.jpg"
385
-            }
386
-          ]
387
-        }
388
-      ]
20
+      "title"  : "Avalanche Network",
21
+      "link"   : "/portfolio/avalanche-network",
22
+      "content": "<p><span>Sobre o projeto Avalanche Network.<span></p>",
23
+      "bg_index" : 1
389 24
     },
390 25
     {
391
-      "title"  : "poemas",
392
-      "link"   : "submenu",
393
-      "submenu" :
394
-      [
395
-        {
396
-          "title"    : "A mínima noite",
397
-          "link"  : "/textos/a-minima-noite",
398
-          "content": "<p><span>A mínima noite</span><br><span>que de cada objeto parte</span><br><span>noite insular</span><br><span>objeto do tempo</span><br><span>pendurada ao momento</span><br><span>como se fosse</span><br><span>a própria sombra</span></p>"
399
-        },
400
-        {
401
-          "title"    : "Se a mão lança",
402
-          "link"  : "/textos/se-a-mao-lanca",
403
-          "content": "<p><span>Se a mão lança</span><br><span>no ar não fica</span><br><span>se a mão alcança</span><br><span>o que caiu</span></p>"
404
-        },
405
-        {
406
-          "title"    : "Tambores batem",
407
-          "link"  : "/textos/tambores-batem",
408
-          "content": "<div class=\"poem\"><p><span>Tambores batem</span><br><span>para que eu chegue à terra manchada alta</span><br><span>para que eu traga a lança manchada alta</span><br><span>e não desprenda os olhos do rio</span><br><span>de onde a história evapora</span></p><p><span>Tambores batem</span><br><span>para que eu ache a pedra manchada alta</span><br><span>para que eu sopre a fumaça manchada alta</span><br><span>e com os braços da fumaça eu lute</span><br><span>e com os dedos da fumaça eu trame</span><br><span>e com os olhos da fumaça mergulhe</span></p><p><span>pois nessa pedra se encaixarão pedras</span><br><span>nessa hora se encaixarão horas</span><br><span>nessas letras se encaixará o sol</span></p><p><span>Tambores batem</span><br><span>embaralham meus passos</span><br><span>com os passos do tigre manchado alto</span><br><span>para que eu caçe</span><br><span>cada vez a mesma caça</span><br><span>cada vez nova caça</span><br><span>cada vez</span></p><p><span>Tambores batem</span><br><span>embaralham meus passos</span><br><span>com os passos da rês manchada alta</span><br><span>para que eu paste</span><br><span>cada vez o mesmo pasto</span><br><span>cada vez novo pasto</span><br><span>cada vez</span></p><p><span>Tambores batem</span><br><span>embaralham meus passos</span><br><span>com os passos da lua manchada alta</span><br><span>para que eu sangre</span><br><span>cada vez o mesmo nome</span><br><span>cada vez novo nome</span><br><span>cada vez</span></p><p><span>Tambores batem</span><br><span>para que nem chamar eu possa</span><br><span>nem voltar eu possa</span><br><span>nem trocar eu possa</span><br><span>e então possa bastar</span></p><p><span>Tambores batem</span><br><span>para que nem soltar eu possa</span><br><span>nem sonhar eu possa</span><br><span>nem acordar eu possa</span><br><span>e então possa livrar</span></p><p><span>Como o salto</span><br><span>como o giro</span><br><span>como a espera</span><br><span>como o riso</span></p><p><span>Tambores batem</span><br><span>pé no passo</span><br><span>mão no gesto</span><br><span>cada vez o mesmo toque</span><br><span>cada vez novo toque</span><br><span>cada vez</span></p></div>"
409
-        },
410
-        {
411
-          "title"    : "O que nos move é o sono",
412
-          "link"  : "/textos/o-que-nos-move-e-o-sono",
413
-          "content": "<div class=\"white-bg-text-small\"><p>O que nos move é o sono,<br><span class=\"spacer\"></span>o sono distribuído em noites,<br><span class=\"spacer\"></span>as noites,<br><span class=\"spacer\"></span>distribuídas.<br><span class=\"spacer\"></span>Piscar das páginas <br><span class=\"spacer\"></span>no livro de pontos,<br><span class=\"spacer\"></span>onde calco a letra<br><span class=\"spacer\"></span>recombino os ecos.<br><span class=\"spacer\"></span>O que nos move: <br><span class=\"spacer\"></span>a fadiga,<br><span class=\"spacer\"></span>a fábula dos atos,<br><span class=\"spacer\"></span>transmitida,<br><span class=\"spacer\"></span>o girar da chave da noite<br><span class=\"spacer\"></span>quantas noites dure o sono,<br><span class=\"spacer\"></span>Quem respirar?</p></div>"
414
-        },
415
-        {
416
-          "title"    : "Alguém que assim falasse e que por anos conversasse como se içado por sua voz",
417
-          "link"  : "/textos/alguem-que-assim-falasse",
418
-          "content": "<div class=\"white-bg-text-big\"><p>Alguém que assim falasse, que por anos conversasse como se içado pela voz, como se ao falar trouxesse portas, camas, lanternas e tateando-os, encontrasse o horizonte pontual de suas extremidades e o estendesse. Alguém que assim falasse, de um modo secretamente aberto - as pausas, às vezes, demorando-se como fala, como se crescessem e vibrassem, caudalosas -, não ouvia o que falava como se fosse seu. Falava como se uma onda estourasse na praia e, ao estourar, já outra se formasse por onde aquela passara. Alguém que assim falasse, na densidade dócil de farol e sem enveredar por alguma conclusão, falava como se encontrar a palavra bastasse para continuar, fosse uma conclusão em si, cintilância. Um falante que tanto observasse e permanecesse que sua fala se tornasse praia onde abordassem portas, camas, lanternas, pausas, ecos, canções invertidas, falava… e, provavelmente, não se ouvia.</p></div>"
419
-        }
420
-      ]
26
+      "title"  : "Onda Solar",
27
+      "link"   : "/portfolio/onda-solar",
28
+      "content": "<p><span>Sobre o projeto Onda Solar.<span></p>",
29
+      "bg_index" : 3
421 30
     },
422 31
     {
423
-      "title"   : "filmes",
424
-      "link"    : "submenu",
425
-      "submenu" :
426
-      [
427
-        {
428
-          "title"    : "Trifonia",
429
-          "link"     : "/filmes/trifonia",
430
-          "videoUrl" : "fIEXEIOyh9Q",
431
-          "videoType": "youtube"
432
-        },
433
-        {
434
-          "title" : "Animações",
435
-          "link"    : "submenu",
436
-          "submenu" :
437
-          [
438
-            {
439
-              "title"    : "Video 1",
440
-              "link"     : "/filmes/animacao-01",
441
-              "videoUrl" : "content/videos/anim_01.mov",
442
-              "videoType": "file"
443
-            }
444
-          ]
445
-        }
446
-      ]
32
+      "title"  : "High Effects Drones",
33
+      "link"   : "/portfolio/drones",
34
+      "content": "<p><span>Sobre o projeto de drones da High Effects.<span></p>",
35
+      "bg_index" : 1
447 36
     },
448 37
     {
449
-      "title" : "Resenhas Críticas",
450
-      "link"  : "submenu",
451
-      "submenu" :
452
-      [
453
-        {
454
-          "title"    : "Dois grafonautas, emancipando a letra",
455
-          "link"     : "/slideshow/dois-grafonautas-emancipando-a-letra",
456
-          "slides"  :
457
-          [
458
-            {
459
-              "title" : "",
460
-              "url"   : "content/images/dois-grafonautas.jpg"
461
-            }
462
-          ]
463
-        },
464
-        {
465
-          "title"    : "Coletiva vai do lirismo à ironia",
466
-          "link"     : "/slideshow/coletivo-vai-do-lirismo-a-ironia",
467
-          "slides"  :
468
-          [
469
-            {
470
-              "title" : "",
471
-              "url"   : "content/images/lirismo-a-ironia.jpg"
472
-            }
473
-          ]
474
-        },
475
-        {
476
-          "title"    : "O artesanato literário de Go",
477
-          "link"     : "/slideshow/artesanato-literario",
478
-          "slides"  :
479
-          [
480
-            {
481
-              "title" : "",
482
-              "url"   : "content/images/artesanato-literario.jpg"
483
-            }
484
-          ]
485
-        },
486
-        {
487
-          "title"    : "J. T. Brum",
488
-          "link"     : "/slideshow/jt-brum",
489
-          "slides"  :
490
-          [
491
-            {
492
-              "title" : "",
493
-              "url"   : "content/images/jt-brum.jpg"
494
-            }
495
-          ]
496
-        },
497
-        {
498
-          "title"    : "Go e Arnaldo - Caligrafias",
499
-          "link"     : "/slideshow/go-e-arnaldo-caligrafias",
500
-          "slides"  :
501
-          [
502
-            {
503
-              "title" : "",
504
-              "url"   : "content/images/go-e-arnaldo-1.jpg"
505
-            },
506
-            {
507
-              "title" : "",
508
-              "url"   : "content/images/parece-mas-nao-e.jpg"
509
-            },
510
-            {
511
-              "title" : "",
512
-              "url"   : "content/images/go-e-arnaldo-2.jpg"
513
-            },
514
-            {
515
-              "title" : "",
516
-              "url"   : "content/images/parece-mas-e.jpg"
517
-            }
518
-          ]
519
-        }
520
-      ]
38
+      "title"  : "Star Fighter",
39
+      "link"   : "/portfolio/star-fighter",
40
+      "content": "<p><span>Sobre o jogo Star Fighter.<span></p>",
41
+      "bg_index" : 4
521 42
     },
522 43
     {
523
-      "title"  : "Contato",
524
-      "link"   : "/contato",
525
-      "content": "<p><span>Entre em contato através do email <a href=\"mailto:cometogo2@gmail.com\">cometogo2@gmail.com</a> ou deixe uma mensagem:<span></p>"
44
+      "title"  : "Golpe do Pilantra",
45
+      "link"   : "/portfolio/golpe-do-pilantra",
46
+      "content": "<p><span>Sobre o curta metragem \"Golpe do Pilantra\".<span></p>",
47
+      "bg_index" : 2
48
+    },
49
+    {
50
+      "title"  : "Fashion Films",
51
+      "link"   : "/portfolio/fashin-films",
52
+      "content": "<p><span>Sobre os videos de mode para as marcas Aha e Phenomena.<span></p>",
53
+      "bg_index" : 1
526 54
     }
527 55
   ]
528 56
 }

+ 6 - 14
app/index.html

@@ -59,22 +59,14 @@
59 59
     </fa-app>
60 60
   </div>
61 61
 
62
-  <div ng-controller='NavigationController' class="layer-menu">
62
+  <div ng-controller='NavigationController' class="layer-menu" ng-mouseover="leaveLink()">
63
+    <img src="content/images/james_peret_logo_black.png" style="float: left; margin-left: 25px; margin-bottom: 15px; width: 250px; background-color: white; padding: 4px;">
63 64
     <ul class="nav-menu">
64
-      <li ng-repeat="item in navigation" class='fx-fade-normal fx-speed-1000'>
65
-        <a ng-click="btnNavclick($index)" class="btn-menu">{{item.title}}</a>
66
-      </li>
67
-    </ul>
68
-    <ul class="nav-menu submenu">
69
-      <li ng-repeat="item in subNavigation" class='fx-fade-normal fx-speed-200'>
70
-        <a ng-click="btnSubNavclick($index)" class="btn-menu">{{item.title}}</a>
71
-      </li>
72
-    </ul>
73
-    <ul class="nav-menu submenu">
74
-      <li ng-repeat="item in sub2Navigation" class='fx-fade-normal fx-speed-200'>
75
-        <a ng-click="btnSub2Navclick($index)" class="btn-menu">{{item.title}}</a>
76
-      </li>
65
+      <a ng-repeat="item in navigation" class='fx-fade-normal fx-speed-1000 btn-menu' ng-click="btnNavclick($index)" ng-mouseover="hoverLink(item.bg_index)" >
66
+        {{item.title}}
67
+      </a>
77 68
     </ul>
69
+
78 70
   </div>
79 71
 
80 72
   <div ui-view></div>

+ 1 - 1
app/scripts/app.js

@@ -56,7 +56,7 @@ angular
56 56
       controller: 'VideoController'
57 57
     })
58 58
     .state('text', {
59
-      url: "/textos/:texto",
59
+      url: "/portfolio/:id",
60 60
       templateUrl: "views/page.html",
61 61
       controller: 'PageController'
62 62
     })

+ 62 - 21
app/scripts/controllers/background.js

@@ -11,6 +11,9 @@ angular.module('goApp.background', ['famous.angular', 'goApp.data'])
11 11
 
12 12
     'use strict';
13 13
 
14
+    $scope.videoList = [];
15
+    $scope.current_video_index = 0;
16
+
14 17
     // Functions
15 18
 
16 19
     $scope.loadBackgroundData = function() {
@@ -28,8 +31,25 @@ angular.module('goApp.background', ['famous.angular', 'goApp.data'])
28 31
       });
29 32
     };
30 33
 
34
+    $rootScope.$on('change-bg-video', function(data, index) {
35
+      if(!$scope.$$phase) {
36
+        $scope.$apply(function(){
37
+          $scope.playVideo(index);
38
+        });
39
+      } else {
40
+        $scope.playVideo(index);
41
+      }
42
+    });
43
+
44
+    $scope.playVideo = function(index){
45
+      $scope.current_video_index = index;
46
+      console.log("switching to video " + index + ": " + $scope.videoList[$scope.current_video_index])
47
+      $scope.lightbox.show($scope.videoList[$scope.current_video_index]);
48
+    }
49
+
31 50
     $scope.preload = function() {
32
-      $scope.current_video = $scope.videos[$scope.randomIntFromInterval(0,$scope.videos.length)];
51
+      $scope.current_video = $scope.videos[0];
52
+      console.log($scope.videos);
33 53
       console.log("> Preloading video: " + $scope.current_video);
34 54
       var preload = new createjs.LoadQueue();
35 55
       preload.addEventListener("complete", handleFileComplete);
@@ -39,7 +59,7 @@ angular.module('goApp.background', ['famous.angular', 'goApp.data'])
39 59
       preload.loadFile($scope.current_video);
40 60
       function handleFileComplete(event) {
41 61
           console.log("> Preload Complete");
42
-          $scope.startBackgroundVideo();
62
+          $scope.createBackgroundVideos();
43 63
           $timeout(function(){
44 64
             $rootScope.$broadcast('background:loaded');
45 65
           },1000);
@@ -50,35 +70,56 @@ angular.module('goApp.background', ['famous.angular', 'goApp.data'])
50 70
         return Math.floor(Math.random()*(max-min+1)+min);
51 71
     };
52 72
 
53
-    $scope.startBackgroundVideo = function() {
54
-      console.log("> Playing background video");
55
-      var video = new VideoSurface({
56
-          size: [undefined, undefined],
57
-          autoplay: true,
58
-          src: $scope.current_video,
59
-          classes: ['bg_video'],
60
-          properties: {
61
-              zIndex: 1,
62
-          }
63
-      });
64
-      video.setAttributes({ loop: '' });
65
-      var videoModifier = new Modifier();
66
-      videoModifier.transformFrom(function(){
67
-          //transform: Transform.translate(0, 0, 0);
68
-          Transform.translate(0, 0, 0);
69
-      });
70
-      $scope.backgroundView.add(videoModifier).add(video);
73
+    $scope.createBackgroundVideos = function() {
74
+      console.log("> Creating videos:");
75
+      for (var i = 0; i < $scope.videos.length; i++) {
76
+        $scope.videos[i]
77
+        console.log("> adding video " + $scope.videos[i]);
78
+        var video = new VideoSurface({
79
+            size: [undefined, undefined],
80
+            autoplay: true,
81
+            src: $scope.videos[i],
82
+            classes: ['bg_video'],
83
+            properties: {
84
+                zIndex: 1,
85
+            }
86
+        });
87
+        video.setAttributes({ loop: '' });
88
+        var videoModifier = new Modifier();
89
+        videoModifier.transformFrom(function(){
90
+            //transform: Transform.translate(0, 0, 0);
91
+            Transform.translate(0, 0, 0);
92
+        });
93
+        var newView = new View();
94
+        newView.add(videoModifier).set(video);
95
+        $scope.videoList.push(newView);
96
+      }
97
+      var lightboxOpts = {
98
+  			inTransform: Transform.translate(0, 0, 0),
99
+  			outTransform: Transform.translate(0, 0, 1),
100
+  			inTransition: { duration: 1 },
101
+  			outTransition: { duration: 1 },
102
+  			inOpacity: 1,
103
+  			outOpacity: 1,
104
+  			overlap: false
105
+  		}
106
+      $scope.lightbox.setOptions(lightboxOpts);
107
+      $scope.lightbox.show($scope.videoList[$scope.current_video_index]);
108
+      $scope.backgroundView.add($scope.lightbox);
71 109
     };
72 110
 
73
-    // Start Background Controller
74 111
 
75 112
     var View = $famous['famous/core/View'];
76 113
     var Modifier = $famous['famous/core/Modifier'];
77 114
     var Surface = $famous['famous/core/Surface'];
78 115
     var Transform = $famous['famous/core/Transform'];
79 116
     var VideoSurface = $famous['famous/surfaces/VideoSurface'];
117
+    var Lightbox = $famous['famous/views/Lightbox'];
80 118
     $scope.backgroundView = new View();
119
+    $scope.lightbox = new Lightbox();
81 120
 
82 121
     $scope.loadBackgroundData();
83 122
 
123
+
124
+
84 125
   }]);

+ 8 - 0
app/scripts/controllers/navigation.js

@@ -28,6 +28,14 @@ angular.module('goApp.navigation', ['famous.angular', 'ngRoute', 'ngFx', 'ngAnim
28 28
     $scope.last_click = "";
29 29
     $scope.last_click2 = "";
30 30
 
31
+    $scope.hoverLink = function(index) {
32
+      $rootScope.$broadcast('change-bg-video', index);
33
+    }
34
+
35
+    $scope.leaveLink = function() {
36
+      $rootScope.$broadcast('change-bg-video', 0);
37
+    }
38
+
31 39
     $scope.btnNavclick = function(index){
32 40
       if($scope.navigation[index].link == 'submenu') {
33 41
         if($scope.last_click != $scope.navigation[index].title){

+ 15 - 14
app/styles/main.css

@@ -83,12 +83,11 @@ body {
83 83
 /* Navigation */
84 84
 .nav-menu {
85 85
   list-style: none;
86
-  padding-left: 15px;
87
-  float: left;
86
+  padding-left: 25px;
87
+  width: 200px;
88 88
 }
89 89
 .nav-menu li {
90
-  padding-left: 0px;
91
-    margin-top: 2px;
90
+  margin-top: 2px;
92 91
 }
93 92
 
94 93
 .submenu {
@@ -97,22 +96,24 @@ body {
97 96
 }
98 97
 
99 98
 .btn-menu {
100
-  color: black;
101
-  border: none;
99
+  float: left;
102 100
   text-transform: uppercase;
103
-  background-color: white;
104
-  font-size: 14px;
101
+  background-color: none;
102
+  font-size: 16px;
105 103
   font-family: Helvetica;
104
+  padding-top: 2px;
105
+  padding-bottom: 1px;
106
+  padding-right: 3px;
107
+  padding-left: 3px;
108
+  margin: 0px;
109
+  margin-bottom: 0px;
110
+  color: black;
111
+  background-color: white;
106 112
   text-align: left;
107 113
   font-weight: 600;
108
-  margin-left: 0px;
109
-  margin-right: 8px;
110
-  margin-bottom: 15px;
111 114
   cursor: pointer;
112 115
   text-decoration: none;
113
-  padding-top: 1px;
114
-  padding-right: 1px;
115
-  padding-left: 1px;
116
+
116 117
 }
117 118
 .btn-menu:hover {
118 119
   color: white;

+ 11 - 6
readme.md

@@ -1,8 +1,13 @@
1
-# Portfolio Go
1
+# Portfolio James Peret v2
2 2
 
3
-### Páginas retiradas
3
+This is the code repository of james peret's portfolio v2 created in 09/2015.
4 4
 
5
-* curriculo
6
-* Fotos
7
-* filmes/performances
8
-* filmes/sonho contra sono
5
+## Works
6
+
7
+* Vitrine Endossa
8
+* Avalanche Network
9
+* Solar Wave
10
+* HE Quadcoptero
11
+* Star Fighter
12
+* Aurora do Pilantra
13
+* Videos Moda