-
Notifications
You must be signed in to change notification settings - Fork 0
/
castaneda.html
129 lines (110 loc) · 5.47 KB
/
castaneda.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang=eng>
<head>
<html lang=ita>
<meta charset="UTF-8">
<title>Castaneda</title>
<!-- metatag -->
<meta name="description" content="portfolio">
<meta name="keywords" content="">
<meta name="author" content="Federico Pozzi">
<!-- responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="all">
<!-- favicon -->
<link rel="icon" sizes="192x192" href="">
<!-- bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.5.3/dist/css/uikit.min.css" />
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@310&family=Manrope:wght@200;523&display=swap" rel="stylesheet">
<!-- style and js -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<header>
<div class="uk-grid">
<div class="ml-3">
<a href="index.html">
<span id="intest" class="an-link">Federico Pozzi</span>
</a>
</div>
<div>
<span id="intest">Castaneda</span>
</div>
</div>
<hr / style="margin:5px;">
</header>
<main>
<div class="d-flex justify-content-center">
</div>
<div class="row ml-3 mr-3 pt-3 d-flex justify-content-center">
<img data-src="assets/img/c1.jpg" style="height:50%" width="1280" height="720" alt="" uk-img>
<img data-src="assets/img/c2.jpg" style="height:50%" width="1280" height="720" alt="" class="pt-3" uk-img>
<img data-src="assets/img/c3.jpg" style="height:50%" width="1280" height="720" alt="" class="pt-3" uk-img>
<img data-src="assets/img/c4.jpg" style="height:50%" width="1280" height="720" alt="" class="pt-3" uk-img>
<img data-src="assets/img/c5.jpg" style="height:50%" width="1280" height="720" alt="" class="pt-3" uk-img>
</div>
<section class="ml-3 mr-3 pt-3">
<div class=" margin-mob-t">
<span id="intest">Project</span>
</div>
<hr / style="margin:5px;">
<div class="row">
<div class="col-lg-4">
</div>
<div class="col-lg-6">
<a href="assets/other/ccastaneda.pdf" target="_blank"><span class="an-link"><i class="fas fa-file-download"></i> <strong>A Scuola dallo Stregone</strong> </a></span> The object of this thesis is the ideation and design of a "Visual Book"
based on the work of Carlos Castaneda, The teaching of Don Juan; that is, the realization of an editorial product that is graphically and materially expressive of the cultural content of the text.
This is Libro Visivo, an editorial publication of which the entire graphic and material system helps to enter into the merits of the subject matter, a product that provides the reader with an implementation of the semi-plice reading.
The process that led to the creation of the visual book was divided into three main parts, the first, the part of an analysis of the author and the context, allowed to outline the context of reference and some facets and choices that led
Castaneda to create this work. In addition to the author, the analysis also includes a study of the text that allowed to highlight the central themes addressed and a subsequent elaboration in elements of the Visual Book.
The analysis phase is followed by a concept phase in which the reflection and elaboration that led to the creation of the artifact is explained.
Finally, the third and last part is dedicated to the realization of the project itself as a mirror of the design ideas; how it was done, with what technique, with what materials, and with which materials.
</div>
</div>
<div class="margin-mob-t">
<span id="intest">Role</span>
</div>
<hr / style="margin:5px;">
<div class="row">
<div class="col-lg-4">
</div>
<div class="col-lg-6">
Concept, Editorial content, graphic design, Illustration, Impagination, Group coordination.
</div>
</div>
<div class="margin-mob-t">
<span id="intest">Team</span>
</div>
<hr / style="margin:5px;">
<div class="row">
<div class="col-lg-4">
</div>
<div class="col-lg-6">
Individual project.
</div>
</section>
</main>
<footer>
<section class="ml-3 mr-3 pt-5">
<div class="row ml-3 mr-3 pt-2 pb-5" id="foot2">
<div class="col-lg-12">
<a href="game.html">
<span class="an-link">Prev</span>
</a>
</div>
</div>
</section>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.5.3/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.5.3/dist/js/uikit-icons.min.js"></script>
<script src="https://kit.fontawesome.com/6d757dfe9b.js" crossorigin="anonymous"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script src="uikit/dist/js/uikit-icons.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>