-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
174 lines (141 loc) · 5.82 KB
/
index.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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<!--[if lt IE 9]><html class='ie'><![endif]-->
<!--[if gte IE 9]><!--><html><!--<![endif]-->
<head>
<meta charset='UTF-8'/>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<link href='css/lgg.css' rel='stylesheet' type="text/css">
<link href='css/eadiconos.css' rel='stylesheet' type="text/css">
<title>LGG - Grilla </title>
<link rel='icon' type='image/x-icon' href='img/favicon.ico' />
<link rel='apple-touch-icon-precomposed' sizes='114x114' href='img/favicon-114.png'>
<link rel='apple-touch-icon-precomposed' sizes='72x72' href='img/favicon-72.png'>
<link rel='apple-touch-icon-precomposed' href='img/favicon-57.png'>
</head>
<body>
<body lang='ES_es'>
<div class='pag'>
<header>
<div class='fila'>
<div class='col-12'>
<h1 class='gigante'><span class='gruesa'>LGG</span> <span class='rojo fino'>Lenguaje Gráfico Global</span></h1>
</div>
<div class='col-12'>
<p class='grande fino margen-superior'>Fundamentos gráficos para la unificación y consistencia del lenguaje visual en pantalla que busca definir un esquema de trabajo semántico y escalable para diseñadores y desarrolladores.</p>
<p>Proyecto de código abierto desarrollado por <a href="http://www.ead.pucv.cl/mundo/investigacion/tig/"><strong>Taller de Investigaciones Gráficas .:TIG:.</strong></a> y disponible en <a class='btn grande accion' href='http://eadpucv.github.io/LGG' title='LLG en Github'>Github</a></p>
</div>
</div>
</header>
<nav class='margen-inferior'>
<ul class='centrado'>
<li><a href='index.html'>¶</a></li>
<li><a href='tipografia.html'>Tipografía</a></li>
<li><a href='grilla.html'>Grilla</a></li>
<li><a href='interaccion.html'>Interacción</a></li>
<li><a href='color.html'>Color</a></li>
<li><a href='iconos.html'>Íconos</a></li>
<li><a href='versatilidad.html'>Versatilidad</a></li>
<li><a href='layout.html'>Lay out</a></li>
</ul>
</nav>
<div class='contenido'>
<h2>Clases y dimensiones</h2>
<table class='w100 centrado-vertical'>
<tr>
<th class='w20'>Clase</th>
<th class='w20'>Prefijo clase<code>xs</code></th>
<th class='w20'><code>sm</code></th>
<th class='w20'><code>md</code></th>
<th class='w20'><code>lg</code></th>
</tr>
<tr>
<td><code>fa-rss</code></div></td>
<td>liili<span class="fa-rss fa-2x"></span></td>
<td><span class="fa-rss sm"></span></td>
<td><span class="fa-rss grande"></span></td>
<td><span class="fa-rss gigante"></span></td>
</tr>
<tr>
<td><code>fa-marcador</code></div></td>
<td><span class="fa-marcador chico"></span></td>
<td><span class="fa-marcador mediano"></span></td>
<td><span class="fa-marcador grande"></span></td>
<td><span class="fa-marcador gigante"></span></td>
</tr>
<tr>
<td><code>fa-lapiz</code></div></td>
<td><span class="fa-lapiz chico"></span></td>
<td><span class="fa-lapiz mediano"></span></td>
<td><span class="fa-lapiz grande"></span></td>
<td><span class="fa-lapiz gigante"></span></td>
</tr>
<tr>
<td><code>fa-impresora</code></div></td>
<td><span class="fa-impresora chico"></span></td>
<td><span class="fa-impresora mediano"></span></td>
<td><span class="fa-impresora grande"></span></td>
<td><span class="fa-impresora gigante"></span></td>
</tr>
<tr>
<td><code>fa-grafico</code></div></td>
<td><span class="fa-grafico"></span></td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td><code>fa-enlace</code></div></td>
<td><span class="fa-enlace"></span></td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td><code>fa-email</code></div></td>
<td><span class="fa-email"></span></td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td><code>fa-hedera</code></div></td>
<td><span class="fa-hedera"></span></td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
</table>
</div>
<hr>
<footer>
<div class='fila'>
<div class='col-18'>
<nav>
<ul>
<li><a href='index.html'>¶</a></li>
<li><a href='tipografia.html'>Tipografía</a></li>
<li><a href='grilla.html'>Grilla</a></li>
<li><a href='interaccion.html'>Interacción</a></li>
<li><a href='color.html'>Color</a></li>
<li><a href='versatilidad.html'>Versatilidad</a></li>
</ul>
</nav>
<p>
<a rel='license' href='http://creativecommons.org/licenses/by/3.0/deed.es_CL'><img alt='Licencia Creative Commons' style='border-width:0' src='http://i.creativecommons.org/l/by/3.0/80x15.png' /></a> <span xmlns:dct='http://purl.org/dc/terms/' href='http://purl.org/dc/dcmitype/InteractiveResource' property='dct:title' rel='dct:type'>e[ad] EGGL</span> por <span xmlns:cc='http://creativecommons.org/ns#' property='cc:attributionName'>Taller de Investigaciones Gráficas .:TIG:.</span> se encuentra bajo una <a rel='license' href='http://creativecommons.org/licenses/by/3.0/deed.es_CL'>Licencia Creative Commons Atribución 3.0 Unported</a>.<br />Basada en una obra en <a xmlns:dct='http://purl.org/dc/terms/' href='http://eadpucv.github.io/LGG' rel='dct:source'>http://eadpucv.github.io/LGG</a>.
</p>
</div>
<div class='col-6'>
<address>
<a href="http://www.ead.pucv.cl/mundo/investigacion/tig/">.:TIG:. Taller de Investigaciones Gráficas</a><br />
e[ad] Escuela de Arquitectura y Diseño<br />
Matta 12, Recreo<br />
Viña del Mar<br />
fono: +56322274401<br />
fax: +56322274421
</address>
</div>
</div>
</footer>
</div>
</body>
</html>