1<!DOCTYPE html> 2<html lang="ca" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#" style="font-size:15px;"> 3 <head> 4 <title>Àrea perMembres | Clúster de la Indústria d'Automoció de Catalunya</title> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta property="og:image" content="/_internal/repository/logo/logo.png" /> 7 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> 8 <meta name="twitter:card" content="summary"> 9 <meta name="twitter:title" content="Àrea per Membres"/> 10 <meta property="og:site_name" content="Clúster de la Indústria d'Automoció de Catalunya"/> 11 <meta property="og:type" content="website"/> 12 <meta property="og:url" content="https://www.ciac.cat/user"/> 13 <meta property="og:title" content="Àrea per Membres"/> 14 <meta name="description" content="Clúster de la Indústria d'Automoció de Catalunya"> 15 <meta name="keywords" content="cluster,automocio,industria,catalunya"> 16 <link rel="shortcut icon" href="/_internal/system/images/icon/logociac.ico" type="image/x-icon"> 17 <link rel="apple-touch-icon" sizes="57x57" href="/_internal/repository/logo/logo-icon-57x57.png"> 18 <link rel="apple-touch-icon" sizes="60x60" href="/_internal/repository/logo/logo-icon-60x60.png"> 19 <link rel="apple-touch-icon" sizes="72x72" href="/_internal/repository/logo/logo-icon-72x72.png"> 20 <link rel="apple-touch-icon" sizes="76x76" href="/_internal/repository/logo/logo-icon-76x76.png"> 21 <link rel="apple-touch-icon" sizes="114x114" href="/_internal/repository/logo/logo-icon-114x114.png"> 22 <link rel="apple-touch-icon" sizes="120x120" href="/_internal/repository/logo/logo-icon-120x120.png"> 23 <link rel="apple-touch-icon" sizes="144x144" href="/_internal/repository/logo/logo-icon-144x144.png"> 24 <link rel="apple-touch-icon" sizes="152x152" href="/_internal/repository/logo/logo-icon-152x152.png"> 25 <link rel="apple-touch-icon" sizes="180x180" href="/_internal/repository/logo/logo-icon-180x180.png"> 26 <link rel="icon" type="image/png" href="/_internal/repository/logo/logo-icon-192x192.png" sizes="192x192"> 27 <link rel="icon" type="image/png" href="/_internal/repository/logo/logo-icon-160x160.png" sizes="160x160"> 28 <link rel="icon" type="image/png" href="/_internal/repository/logo/logo-icon-96x96.png" sizes="96x96"> 29 <link rel="icon" type="image/png" href="/_internal/repository/logo/logo-icon-32x32.png" sizes="32x32"> 30 <link rel="icon" type="image/png" href="/_internal/repository/logo/logo-icon-16x16.png" sizes="16x16"> 31 <meta name="robots" content="index"> 32 <link rel="stylesheet" type="text/css" href="/_internal/css/elephant-legacy.css"/> 33 <link rel="stylesheet" type="text/css" href="/_internal/css/elephant-theme.css"/> 34 <link rel="stylesheet" type="text/css" href="/_internal/css/elephant-branding-semantic.css"/> 35
35<script type="text/javascript" src="/_internal/js/jquery/jquery.min.js"></script>
35 36
36<script type="text/javascript" src="/_internal/js/jquery/jquery.cookie.js"></script>
36 37
37<script type="text/javascript" src="/_internal/js/elephant/popups.js"></script>
37 38
38<script type="text/javascript" src="/_internal/js/elephant/elephant.js"></script>
38 39
39<script type="text/javascript" src="/_internal/js/elephant/elephant-theme.js"></script>
39 40 <link rel="stylesheet" type="text/css" href="/_internal/css/persona-buttons.css"/> 41 <link rel="stylesheet" type="text/css" href="/_internal/css/fa/css/font-awesome.min.css"/> 42
42<script type="text/javascript" src="/_internal/js/tagEditor/jquery.caret.min.js"></script>
42 43
43<script type="text/javascript" src="/_internal/js/tagEditor/jquery.tag-editor.min.js"></script>
43 44 <link rel="stylesheet" type="text/css" href="/_internal/js/tagEditor/jquery.tag-editor.css"/> 45 <link rel="stylesheet" type="text/css" href="/_internal/js/semantic-ui/semantic.min.css"/> 46
46<script type="text/javascript" src="/_internal/js/semantic-ui/semantic.min.js"></script>
46 47 <style> 48 .wizard.huge.icon { 49 animation: wizardTransition 2s infinite alternate; 50 } 51 @keyframes wizardTransition { 52 0% { 53 text-shadow:0px 8px 10px #000000aa; 54 color: #d53030; 55 transform: scale(1) rotate(0deg); 56 } 57 20% { 58 text-shadow:0px 8px 10px #000000aa; 59 color: #d53030; 60 transform: scale(1) rotate(0deg); 61 } 62 80% { 63 text-shadow:0px 0px 3px #d53030ff; 64 color: #ffffff; 65 transform: scale(1.3) rotate(-55deg); 66 } 67 100% { 68 text-shadow:0px 0px 3px #d53030ff; 69 color: #ffffff; 70 transform: scale(1.3) rotate(-55deg); 71 } 72 } 73 </style> 74 </head> 75 <body id="pagebody"> 76<div id="aiflyout" class="ui right very wide flyout"> 77 <i class="close icon"></i> 78 <div class="ui header"> 79 <i class="blue magic icon"></i> 80 <div class="content"> 81 Pregunta a l'IA 82 <a class="ui small icon label" href="/ciac/iaciac"> 83 <i class="help icon"></i> 84 </a> 85 </div> 86 </div> 87 <div id="fai_messages" class="scrolling content aimessages"> 88 <div class="aibubble aiassistant">Hola! Pregunta'm qualsevol cosa</div> 89 </div> 90 <form id="fai_chat-form" class="ui form actions"> 91 <div class="fields" style="margin:0px"> 92 <div class="fourteen wide field"> 93 <input id="fai_input" type="text" placeholder="Escriu un missatge..." autocomplete="off" required 94 style="width: 100%"/> 95 </div> 96 <div class="two wide field"> 97 <button id="fai_send" type="submit" class="ui primary fluid button"> 98 <i class="icon send"></i> 99 </button> 100 </div> 101 </div> 102 </form> 103</div> 104 105<style> 106 .scrolling.content.aimessages { 107 flex:1; 108 overflow:auto; 109 padding:10px; 110 display:flex; 111 flex-direction:column; 112 gap:14px; 113 } 114 .aibubble { 115 width:80%; 116 max-width:80%; 117 padding:12px 14px; 118 border-radius: 14px; 119 line-height:1.4; 120 } 121 .aiuser { 122 background:#efefef; 123 border:1px solid #eeeeee; 124 align-self:flex-end; 125 border-top-right-radius:4px; 126 } 127 .aiassistant { 128 background:#fefefe; 129 border:1px solid #efefef; 130 align-self:flex-start; 131 border-top-left-radius:4px; 132 } 133 .sysmsg { 134 margin:6px; 135 padding:4px; 136 border-radius: 6px; 137 line-height:1; 138 background:#ffffff; 139 border:1px solid #efefef; 140 font-size: 0.8em; 141 font-weight: bold; 142 color: #333; 143 } 144 button:disabled { 145 opacity:.6; 146 cursor:not-allowed; 147 } 148 .aimessages table { 149 border-collapse: collapse; 150 margin: 1em 0; 151 width: 100%; 152 } 153 .aimessages th, 154 .aimessages td { 155 padding: 8px 12px; 156 border-bottom: 1px solid #e0e0e0; 157 text-align: left; 158 } 159 .aimessages tha { 160 font-weight: 600; 161 background: #fafafa; 162 } 163</style> 164
165<script> 166const fai_form = document.getElementById('fai_chat-form'); 167const fai_input = document.getElementById('fai_input'); 168const fai_messages = document.getElementById('fai_messages'); 169const fai_sendBtn = document.getElementById('fai_send'); 170 171if(sessionStorage) { 172 const conv = sessionStorage.getItem("ai_conv"); 173 if(conv != null) { 174 fai_messages.innerHTML = conv; 175 fai_messages.scrollTop = fai_messages.scrollHeight; 176 } 177} 178 179 180function addfai_Bubble(text, role) { 181 const div = document.createElement('div'); 182 div.className = "aibubble " + role; 183 div.innerHTML = text; 184 fai_messages.appendChild(div); 185 fai_messages.scrollTop = fai_messages.scrollHeight; 186 return div; 187} 188 189function addfai_SysMsg(bubble, text) { 190 const div = document.createElement('div'); 191 div.className = "ui basic grey fluid label"; 192 div.style = "margin-top:8px"; 193 div.innerHTML = text; 194 bubble.appendChild(div); 195 fai_messages.scrollTop = fai_messages.scrollHeight; 196 return div; 197} 198 199fai_form.addEventListener('submit', (e) => fai_submitHandler(e)); 200 201async function fai_submitHandler(e) { 202 e.preventDefault(); 203 const text = fai_input.value.trim(); 204 if (!text) return; 205 206 addfai_Bubble(text, 'aiuser'); 207 fai_input.value = ''; 208 fai_sendBtn.disabled = true; 209 210 const fai_bubble = addfai_Bubble("", 'aiassistant'); 211 var fai_sysmsg = null; 212 213 try { 214 const response = await fetch('/aichat?idc=', { 215 method: 'POST', 216 headers: { 'Content-Type': 'application/json' }, 217 body: JSON.stringify({ input: text }) 218 }); 219 220 if (!response.ok || !response.body) { 221 throw new Error("No response stream"); 222 } 223 224 const reader = response.body.getReader(); 225 const decoder = new TextDecoder("utf-8"); 226 let buffer = ""; 227 228 while (true) { 229 const { value, done } = await reader.read(); 230 if (done) break; 231 232 buffer = decoder.decode(value, { stream: true }).trim(); 233 234 if (buffer.startsWith("data:")) { 235 if (fai_sysmsg !== null) { 236 fai_sysmsg.remove(); 237 fai_sysmsg = null; 238 } 239 const data = buffer.substring(5).replaceAll('data:[DONE]','').trim(); 240 if (data.startsWith("[DONE]")) { 241 if (fai_bubble.innerHTML === "") { 242 fai_bubble.innerHTML = "<p>No hi ha cap resposta disponible.</p>"; 243 } 244 fai_sendBtn.disabled = false; 245 } else if (data == "data:") { 246 // do nothing 247 } else { 248 fai_bubble.innerHTML += data; 249 } 250 fai_messages.scrollTop = fai_messages.scrollHeight; 251 } else if(buffer.startsWith("sysmsg:")) { 252 const data = buffer.substring(7).trim(); 253 if (fai_sysmsg === null) { 254 fai_sysmsg = addfai_SysMsg(fai_bubble, data); 255 } else { 256 fai_sysmsg.innerHTML = data; 257 } 258 } 259 } 260 261 fai_sendBtn.disabled = false; 262 } catch (err) { 263 bubble.innerHTML = "Error: " + err.message; 264 fai_sendBtn.disabled = false; 265 } 266 if(sessionStorage) { 267 sessionStorage.setItem("ai_conv", fai_messages.innerHTML); 268 } 269} 270 271function aiinject(event, query) { 272 $('#aiflyout').flyout('show'); 273 event.stopPropagation(); 274 fai_input.value = query; 275 fai_sendBtn.click(); 276} 277</script>
277 278 279 280 281 282<div class="ui sidebar vertical menu secondaryBranded"> 283 <a class="item" 284 onclick="location.href='/ciac/sobre/qui-som';">El CIAC</a> 285 <a class="item" 286 onclick="location.href='/projectes';">Projectes</a> 287 <a class="item" 288 onclick="location.href='/talent';">Talent</a> 289 <a class="item" 290 onclick="location.href='/serveis';">Marketplace</a> 291 <a class="item" 292 onclick="location.href='https://ats.ciac.cat/inici';">ATS26</a> 293 <div class="item"> 294 <div class="ui breadcrumb"> 295 <div class="section"> 296 <a class="section" onclick="setLang('_ca', 360)" style="cursor:pointer;text-transform:uppercase;">ca</a> 297 <span class="divider">|</span> 298 <a class="section" onclick="setLang('_en', 360)" style="cursor:pointer;text-transform:uppercase;">en</a> 299 <span class="divider">|</span> 300 <a class="section" onclick="setLang('_es', 360)" style="cursor:pointer;text-transform:uppercase;">es</a> 301 302 </div> 303 </div> 304 </div> 305 <a class="item" href="/user"> 306 <i class="user icon"></i> Iniciar sessió 307 </a> 308 <a class="item" href="/user"> 309 <i class="sign in alternate icon"></i> Registrar-me 310 </a> 311</div> 312 313 314<div class="pusher" style="padding-top:95px;"> <!-- Pusher --> 315 316<div class="ui fixed secondary pointing red small menu headerBranded"> 317 318<div class="ui container"> 319 <div class="header item"> 320 <a class="ui tiny image" href="/?" style="margin-right:1em;"> 321 <img src="/_internal/repository/logo/logo_negative.png", style=""/> 322 </a> 323 </div> 324 <div class="ui dropdown item flexcomputer " 325 onclick="event.stopPropagation();location.href='/ciac/sobre/qui-som';"> 326 El CIAC <i class="dropdown icon"></i> 327 <div class="menu"> 328 <div class="ui item flexcomputer " 329 onclick="event.stopPropagation();location.href='/ciac/sobre/qui-som';"> 330 Sobre nosaltres <i class="dropdown icon"></i> 331 <div class="menu"> 332 <a class=" item flexcomputer" href="/ciac/sobre/qui-som" 333 >Qui som?</a> 334 <a class=" item flexcomputer" href="/ciac/sobre/junta" 335 >Junta Directiva</a> 336 <a class=" item flexcomputer" href="/ciac/sobre/equip" 337 >Equip del CIAC</a> 338 <a class=" item flexcomputer" href="/ciac/sobre/comissions" 339 >Àrees Estratègiques</a> 340 <a class=" item flexcomputer" href="/ciac/sobre/plaest" 341 >Pla Estratègic CIAC 2025/2027</a> 342 </div> 343 </div> 344 <a class=" item flexcomputer" href="/ciac/socis" 345 >Els socis del clúster</a> 346 <a class=" item flexcomputer" href="/ciac/adhesio" 347 >Fes-te soci del CIAC!</a> 348 <div class="ui item flexcomputer " 349 onclick="event.stopPropagation();location.href='/ciac/premsa/mitjans';"> 350 Premsa <i class="dropdown icon"></i> 351 <div class="menu"> 352 <a class=" item flexcomputer" href="/ciac/premsa/mitjans" 353 >El CIAC als mitjans</a> 354 <a class=" item flexcomputer" href="/ciac/premsa/xifres" 355 >CIAC en xifres</a> 356 <a class=" item flexcomputer" href="/ciac/premsa/roadbook" 357 >ROADBOOK</a> 358 <a class=" item flexcomputer" href="/ciac/premsa/podcast" 359 >El PODCAST del CIAC</a> 360 <a class=" item flexcomputer" href="/ciac/premsa/kpmg" 361 >Informe KPMG</a> 362 </div> 363 </div> 364 <a class=" item flexcomputer" href="/publicacions" 365 >Publicacions</a> 366 <div class="ui item flexcomputer " 367 onclick="event.stopPropagation();location.href='/ciac/compliance/cetic';"> 368 Canal Ètic <i class="dropdown icon"></i> 369 <div class="menu"> 370 <a class=" item flexcomputer" href="/ciac/compliance/cetic" 371 >Compliance</a> 372 </div> 373 </div> 374 <a class=" item flexcomputer" href="/ciac/contacte" 375 >Contacte</a> 376 <a class=" item flexcomputer" href="/ciac/iaciac" 377 >IA del CIAC</a> 378 <a class=" item flexcomputer" href="/ciac/tutorials" 379 >Tutorials</a> 380 </div> 381 </div> 382 <div class="ui dropdown item flexcomputer " 383 onclick="event.stopPropagation();location.href='/projectes';"> 384 Projectes <i class="dropdown icon"></i> 385 <div class="menu"> 386 <div class="ui item flexcomputer " 387 onclick="event.stopPropagation();location.href='/projectes/Arees-Estrategiques?el_xpar=b%252BgxtNegQ2wgRbB%252FohgmQc6IfFN7e%252Bbk9YXIeZgfh9DzIHveHF%252B%252B5lxJTOdNNzxwPxnWG%252BetbxHFCaDsvMCk5A%253D%253D';"> 388 Àrees Estratègiques <i class="dropdown icon"></i> 389 <div class="menu"> 390 <a class=" item flexcomputer" href="/projectes/Arees-Estrategiques/Competitivitat-Industrial?el_xpar=b%252BgxtNegQ2wgRbB%252FohgmQRtcj31gZcQw9YXIeZgfh9DzIHveHF%252B%252B5lxJTOdNNzxwPxnWG%252BetbxGaD97Kbzpc8GTavnuTuzKfB6OhJANF6VvMqWf6b6Wh1A%253D%253D" 391 >Competitivitat Industrial</a> 392 <a class=" item flexcomputer" href="/projectes/Arees-Estrategiques/Estrategia-i-Prospectiva?el_xpar=b%252BgxtNegQ2wgRbB%252FohgmQYa5F0epCFM59YXIeZgfh9DzIHveHF%252B%252B5lxJTOdNNzxwPxnWG%252BetbxHBPevXov9vOjLC7qniY%252FJDNs46EV3Sjb2NHpZdYn%252FZKg%253D%253D" 393 >Estratègia i Prospectiva</a> 394 <a class=" item flexcomputer" href="/projectes/Arees-Estrategiques/Formacio-Talent?el_xpar=b%252BgxtNegQ2wgRbB%252FohgmQYa5F0epCFM59YXIeZgfh9DzIHveHF%252B%252B5lxJTOdNNzxwPxnWG%252BetbxGFnygoinGBRIG8UBH6iTchBfrzXb2Ip9k%253D" 395 >Formació & Talent</a> 396 <a class=" item flexcomputer" href="/projectes/Arees-Estrategiques/Innovacio-de-Producte?el_xpar=b%252BgxtNegQ2wgRbB%252FohgmQXJgIERXmH5%252B9YXIeZgfh9DzIHveHF%252B%252B5lxJTOdNNzxwPxnWG%252BetbxE4YPl8PLy3NxWrcoiYQh%252Fu3kME7jYH1Xs%253D" 397 >Innovació de Producte</a> 398 <a class=" item flexcomputer" href="/projectes/Arees-Estrategiques/New-Business-MaaS?el_xpar=b%252BgxtNegQ2wgRbB%252FohgmQXJgIERXmH5%252B9YXIeZgfh9DzIHveHF%252B%252B5lxJTOdNNzxwPxnWG%252BetbxGOVY5fi4RsWsQIYu3TYWGsWFxswuJpR4I%253D" 399 >New Business & MaaS</a> 400 <a class=" item flexcomputer" href="/projectes/Arees-Estrategiques/Project-Financing?el_xpar=b%252BgxtNegQ2wgRbB%252FohgmQbvD15XGSmhh9YXIeZgfh9DzIHveHF%252B%252B5lxJTOdNNzxwPxnWG%252BetbxEpdtaN5Vx7cV36xkKRvxeRtXPtZt3Zis8%253D" 401 >Project Financing</a> 402 <a class=" item flexcomputer" href="/projectes/Arees-Estrategiques/Sostenibilitat?el_xpar=b%252BgxtNegQ2wgRbB%252FohgmQbvD15XGSmhh9YXIeZgfh9DzIHveHF%252B%252B5lxJTOdNNzxwPxnWG%252BetbxFHxsFekau%252BEoWsMhGdUIoG" 403 >Sostenibilitat</a> 404 <a class=" item flexcomputer" href="/projectes/Arees-Estrategiques/Supply-Chain?el_xpar=b%252BgxtNegQ2wgRbB%252FohgmQf4vsUazvY9P9YXIeZgfh9DzIHveHF%252B%252B5lxJTOdNNzxwPxnWG%252BetbxHaDz%252FD1MTnmefXf0QlbJOD" 405 >Supply Chain</a> 406 </div> 407 </div> 408 </div> 409 </div> 410 <div class="ui dropdown item flexcomputer " 411 onclick="event.stopPropagation();location.href='/talent';"> 412 Talent <i class="dropdown icon"></i> 413 <div class="menu"> 414 <a class=" item flexcomputer" href="/talent/reptes" 415 >Reptes</a> 416 <a class=" item flexcomputer" href="/talent/ciac-talent-awards" 417 >CIAC Talent Awards </a> 418 </div> 419 </div> 420 <a class=" item flexcomputer" href="/serveis" 421 >Marketplace</a> 422 <a class=" item flexcomputer" href="https://ats.ciac.cat/inici" 423 >ATS26</a> 424 <div class="right menu"> 425 <div class="ui dropdown item flexcomputer" style="font-size:12px !important"> 426 <span style="cursor:pointer;text-transform:uppercase;">ca</span> 427 <div class="menu">
428 <a class="item" onclick="setLang('_ca', 360)" style="cursor:pointer;text-transform:uppercase !important;">ca</a> 429 <a class="item" onclick="setLang('_en', 360)" style="cursor:pointer;text-transform:uppercase !important;">en</a> 430 <a class="item" onclick="setLang('_es', 360)" style="cursor:pointer;text-transform:uppercase !important;">es</a> 431 </div> 432 </div> 433 <div class="ui dropdown item flexcomputer" onclick="location.href='/user'" style="max-width:160px;text-wrap:wrap"> 434 <i class="user icon"></i> Iniciar sessió 435 <div class="menu"> 436 <a class="item" href="/user"> 437 <i class="user icon"></i> Iniciar sessió 438 </a> 439 <a class="item" href="/user"> 440 <i class="sign in alternate icon"></i> Registrar-me 441 </a> 442 </div> 443 </div> 444 <a class="item flexdevice" onclick="$('.ui.sidebar').sidebar('toggle');" style="padding-right:0.5em;"><i class="content large icon"></i></a> 445 </div> 446</div> 447</div> 448 449<div class="ui container"> 450 <div class="ui small breadcrumb headerBranded"> 451 <a class="section" href="/">Inici</a> 452 <div class="divider"> / </div> 453 <a class="active section" href="/user">Àrea per Membres</a> 454 </div> 455</div> 456<div class="ui fluid placeholder page" style="position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1;"> 457 <div class="ui active massive elastic primary loader"></div> 458</div> 459 460<style> 461 body { background-color:#fafafa; } 462 .menu.transition.visible { 463 z-index: 999; 464 } 465 .menu.desktopup0 { 466 left: 200px !important; 467 } 468</style> 469 470<div style="max-width:1400px;min-height:600px;margin:auto;margin-top:10px;"> 471 <div class="ui text container basic segment" style="padding-top:30px;max-width:400px !important;margin:auto"> 472 473<link rel="stylesheet" type="text/css" href="/zkau/web/7e89f990/_zkiju-breeze/zul/css/zk.wcs;jsessionid=CDF0C2509BD82645DA884C2A2760E5FE"/> 474<link rel="stylesheet" type="text/css" href="/zkau/web/7e89f990/breeze/zkmax/css/tablet.css.dsp;jsessionid=CDF0C2509BD82645DA884C2A2760E5FE" disabled/> 475<link rel="stylesheet" type="text/css" href="/_internal/css/fa/css/font-awesome.min.css;jsessionid=CDF0C2509BD82645DA884C2A2760E5FE"/> 476<link rel="stylesheet" type="text/css" href="/_internal/js/semantic-ui/semantic.min.css;jsessionid=CDF0C2509BD82645DA884C2A2760E5FE"/> 477<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu"/> 478<link rel="stylesheet" type="text/css" href="/_zul/css/extend.css;jsessionid=CDF0C2509BD82645DA884C2A2760E5FE"/> 479
480<script type="text/javascript" src="/zkau/web/7e89f990/js/zk.wpd;jsessionid=CDF0C2509BD82645DA884C2A2760E5FE" charset="UTF-8"></script>
vendor: 1 bytes, line 480
480
481<script type="text/javascript" src="/zkau/web/7e89f990/js/zul.lang.wpd;jsessionid=CDF0C2509BD82645DA884C2A2760E5FE" charset="UTF-8"></script>
vendor: 1 bytes, line 481
481
482<script type="text/javascript" src="/zkau/web/7e89f990/js/zkbind.wpd;jsessionid=CDF0C2509BD82645DA884C2A2760E5FE" charset="UTF-8"></script>
vendor: 1 bytes, line 482
482
483<script type="text/javascript" src="/_internal/js/semantic-ui/semantic.min.js;jsessionid=CDF0C2509BD82645DA884C2A2760E5FE" charset="UTF-8"></script>
483 484<!-- ZK 9.6.2 EE 2022052415 -->
485<script class="z-runonce" type="text/javascript"> 486zkopt({kd:1,to:337,ppos:'center'}); 487</script>
487<div id="nSVT_" class="z-temp"><div id="zk_proc" class="z-loading"><div class="z-loading-indicator"><span class="z-loading-icon"></span>Processing...</div></div></div>
488<script class="z-runonce" type="text/javascript"> 489zk.themeName='breeze';zkmx( 490[0,'nSVT_',{dt:'z_sSbtoGaHLru2QpXK99Ctfw',cu:'\x3Bjsessionid\x3DCDF0C2509BD82645DA884C2A2760E5FE',uu:'\x2Fzkau\x3Bjsessionid\x3DCDF0C2509BD82645DA884C2A2760E5FE',rsu:'\x2Fzkau\x3Bjsessionid\x3DCDF0C2509BD82645DA884C2A2760E5FE',ru:'\x2FWEB\x2DINF\x2F_zul\x2Fwww\x2Fsignin\x2Fsign\x2Din.zul',style:'width\x3A100\x25\x3B',ct:true},{},[ 491['zul.wgt.Div','nSVT0',{z$is:true},{},[ 492['zul.wgt.Div','nSVT1',{},{},[ 493['zul.utl.Style','nSVT2',{visible:false,content:'\n .fake {\n width: 1px !important;\n height: 0px !important;\n border: none !important;\n margin: 0px !important;\n padding: 0px !important;\n opacity: 0.1 !important;\n color: #fff !important;\n background-color: #fff !important;\n }\n '},{},[]], 494['zul.wgt.Div','nSVT3',{id:'signinform',$onOK:true,sclass:'ui segment',prolog:' '},{},[ 495['zk.Native','nSVT4',{prolog:' <div class=\"ui form\"> ',epilog:' <\/div>'},{},[ 496['zk.Native','nSVT5',{prolog:'<div class=\"field\"> <label>Usuari/Email<input class=\"fake\" type=\"text\" name=\"fakeusernameremembered\"/><\/label> ',epilog:' <\/div>'},{},[ 497['zul.inp.Textbox','nSVT6',{id:'user',$$onError:false,$$0onError:true,$$onChange:false,$$1onChange:true,style:'width:100%;',tabindex:1,maxlength:255},{},[]]]], 498['zk.Native','nSVT7',{prolog:' '},{},[]], 499['zul.wgt.Div','nSVT8',{id:'procedencefield',visible:false,sclass:'field'},{},[ 500['zk.Native','nSVT9',{prolog:' <label>Procedence<input class=\"fake\" type=\"text\" name=\"fakeprocedenceremembered\"/>',epilog:'<\/label>'},{},[]], 501['zul.inp.Combobox','nSVTa',{id:'procedence',$$onSelect:false,$$0onSelect:true,$$onOpen:false,$$0onOpen:true,$onChanging:true,$$0onChanging:true,$$onError:false,$$0onError:true,$$onChange:false,$$1onChange:true,style:'width:100%;',tabindex:2,prolog:' ',autodrop:true},{},[]]]], 502['zk.Native','nSVTb',{prolog:' '},{},[]], 503['zk.Native','nSVTc',{prolog:'<div class=\"field\"> ',epilog:' <\/div>'},{},[ 504['zk.Native','nSVTd',{prolog:'<label>Clau ',epilog:'<input class=\"fake\" type=\"password\" name=\"fakepasswordremembered\"/><\/label>'},{},[ 505['zul.wgt.A','nSVTe',{id:'remind',$onClick:true,style:'opacity:0.75;float:right',label:'Ha oblidat el password?'},{},[]]]], 506['zk.Native','nSVTf',{prolog:' '},{},[]], 507['zul.inp.Textbox','nSVTg',{id:'password',$$0onError:true,$$1onChange:true,style:'width:100%;',tabindex:3,maxlength:255,type:'password'},{},[]]]], 508['zk.Native','nSVTh',{prolog:' '},{},[]], 509['zk.Native','nSVTi',{prolog:'<div class=\"field\"> ',epilog:' <\/div>'},{},[ 510['zul.wgt.A','nSVTj',{id:'signin',$onClick:true,sclass:'ui primary fluid button',label:'Iniciar sessi\xF3'},{},[]]]], 511['zk.Native','nSVTk',{prolog:' '},{},[]], 512['zk.Native','nSVTl',{prolog:'<div class=\"field\"> ',epilog:' <\/div>'},{},[ 513['zul.wgt.Checkbox','nSVTm',{id:'storepass',$$onCheck:false,$$1onCheck:true,sclass:'ui checkbox',style:'font-size:13px;',label:'Mantenir-me connectat'},{},[]]]]]]]], 514['zul.wgt.Div','nSVTn',{id:'signoutform',visible:false,sclass:'ui segment',prolog:' '},{},[ 515['zk.Native','nSVTo',{prolog:' <div class=\"ui form\"> ',epilog:' <\/div>'},{},[ 516['zul.wgt.A','nSVTp',{id:'signout',$onClick:true,sclass:'ui primary button',label:'Finalitzar sessi\xF3'},{},[]]]]]], 517['zul.wgt.Div','nSVTq',{id:'langs',sclass:'ui segment',prolog:' '},{},[ 518['zk.Native','nSVTr',{prolog:' <div class=\"ui form\"> <div class=\"field\"> <label>Idioma<\/label> ',epilog:' <\/div> <\/div>'},{},[ 519['zul.sel.Select','nSVTs',{id:'lang',$$onDataLoading:true,$$0onDataLoading:true,$$onSelect:false,$onSelect:true,$$onAcrossPage:true,$$0onAcrossPage:true,$$onRender:true,$$0onRender:true,$$onAnchorPos:false,$$0onAnchorPos:true,$$onCheckSelectAll:false,$$0onCheckSelectAll:true,$$onInnerWidth:false,$$0onInnerWidth:true,$$onScrollPos:false,$$0onScrollPos:true,$$onPageSize:true,$$0onPageSize:true,sclass:'langSelector',_nativebar:true},{},[ 520['zul.sel.Option','nSVTy',{_loaded:true,_index:0},{},[ 521['zul.sel.Listcell','nSVTz',{label:'Configuraci\xF3 per defecte'},{},[]]],'select'], 522['zul.sel.Option','nSVT_0',{_loaded:true,_index:1},{},[ 523['zul.sel.Listcell','nSVT00',{label:'Catal\xE0'},{},[]]],'select'], 524['zul.sel.Option','nSVT10',{_loaded:true,_index:2},{},[ 525['zul.sel.Listcell','nSVT20',{label:'Angl\xE8s'},{},[]]],'select'], 526['zul.sel.Option','nSVT30',{_loaded:true,_index:3},{},[ 527['zul.sel.Listcell','nSVT40',{label:'Castell\xE0'},{},[]]],'select']],'select']]]]], 528['zul.wgt.Div','nSVTt',{id:'signupform',sclass:'ui center aligned basic segment',prolog:' '},{},[ 529['zk.Native','nSVTu',{prolog:' <b>\xC9s nou a Cl\xFAster de la Ind\xFAstria d\'Automoci\xF3 de Catalunya?',epilog:'<\/b>'},{},[]], 530['zk.Native','nSVTv',{prolog:' <br/>'},{},[]], 531['zul.wgt.A','nSVTw',{id:'signup',sclass:'ui fluid secondary button',prolog:' ',label:'Crear compte',href:'/user/signup;jsessionid=CDF0C2509BD82645DA884C2A2760E5FE'},{},[]]]], 532['zul.utl.Script','nSVTx',{},{},[]]]]]]]],9); 533reloadSigIn=true; 534 535</script>
535 536<noscript> 537<div class="noscript"><p>Sorry, JavaScript must be enabled.<br/>Change your browser options, then <a href="">try again</a>.</p></div> 538</noscript> 539 540 </div> 541 542</div> 543 544<div class="ui basic segment footerBranded"> 545 <div class="ui container"> 546 <div class="ui stackable grid"> 547 <div class="row"> 548 <div class="ten wide column"> 549 <h5>Formem part de</h5> 550 <div class="ui seven column stackable grid"> 551 <div class="column"> 552 <a href="https://www.movem.cat" target="_blank"><img src="/_internal/repository/footer/movem.png"/></a> 553 </div> 554 <div class="column"> 555 <a href="https://www.ecomob.es/" target="_blank"><img src="/_internal/repository/footer/ecomob.png"/></a> 556 </div> 557 <div class="column"> 558 <a href="https://clusters.ipyme.org/" target="_blank"><img src="/_internal/repository/footer/AEI.jpg"/></a> 559 </div> 560 <div class="column"> 561 <img src="/_internal/repository/footer/aei2.png"/> 562 </div> 563 <div class="column"> 564 <a href="https://www.eacn-initiative.eu/" target="_blank"><img src="/_internal/repository/footer/eacn.png"/></a> 565 </div> 566 <div class="column"> 567 <a href="https://www.cluster-analysis.org/gold-label-new" target="_blank"><img src="/_internal/repository/footer/gold-label.png"/></a> 568 </div> 569 </div> 570 </div> 571 <div class="two wide column"> 572 <h5>Amb el suport de</h5> 573 <a href="https://www.accio.gencat.cat/ca/inici" target="_blank"><img src="/_internal/repository/footer/ACCIO.png"/></a> 574 </div> 575 <div class="two wide column"> 576 <h5>Partners de</h5> 577 <a href="https://carnetbarcelona.com/" target="_blank"><img src="/_internal/repository/footer/Carnet-2018.png"/></a> 578 </div> 579 <div class="two wide column"> 580 <h5>Col·laborem amb</h5> 581 <img src="/_internal/repository/footer/motorsport2020.png"/> 582 </div> 583 </div> 584 </div> 585 <div class="ui divider"></div> 586 <table class="ui stackable table secondaryBranded" style="border:none;"> 587 <tbody> 588 <tr class="top aligned"> 589 <td> 590 <div class="ui link list tablecellcomputer"> 591 <a class="item" href="/ciac/sobre/qui-som" style="text-transform:uppercase"><b>El CIAC</b></a> 592 <a class="item" href="/ciac/sobre/qui-som" style="padding-left:10px;text-transform:uppercase">Sobre nosaltres</a> 593 <a class="item" href="/ciac/socis" style="padding-left:10px;text-transform:uppercase">Els socis del clúster</a> 594 <a class="item" href="/ciac/adhesio" style="padding-left:10px;text-transform:uppercase">Fes-te soci del CIAC!</a> 595 <a class="item" href="/ciac/premsa/mitjans" style="padding-left:10px;text-transform:uppercase">Premsa</a> 596 <a class="item" href="/publicacions" style="padding-left:10px;text-transform:uppercase">Publicacions</a> 597 <a class="item" href="/ciac/compliance/cetic" style="padding-left:10px;text-transform:uppercase">Canal Ètic</a> 598 <a class="item" href="/ciac/contacte" style="padding-left:10px;text-transform:uppercase">Contacte</a> 599 <a class="item" href="/ciac/iaciac" style="padding-left:10px;text-transform:uppercase">IA del CIAC</a> 600 <a class="item" href="/ciac/tutorials" style="padding-left:10px;text-transform:uppercase">Tutorials</a> 601 </div> 602 </td> 603 <td> 604 <div class="ui link list tablecellcomputer"> 605 <a class="item" href="/projectes" style="text-transform:uppercase"><b>Projectes</b></a> 606 <a class="item" href="/projectes/Arees-Estrategiques?el_xpar=b%252BgxtNegQ2wgRbB%252FohgmQc6IfFN7e%252Bbk9YXIeZgfh9DzIHveHF%252B%252B5lxJTOdNNzxwPxnWG%252BetbxHFCaDsvMCk5A%253D%253D" style="padding-left:10px;text-transform:uppercase">Àrees Estratègiques</a> 607 </div> 608 </td> 609 <td> 610 <div class="ui link list tablecellcomputer"> 611 <a class="item" href="/talent" style="text-transform:uppercase"><b>Talent</b></a> 612 <a class="item" href="/talent/reptes" style="padding-left:10px;text-transform:uppercase">Reptes</a> 613 <a class="item" href="/talent/ciac-talent-awards" style="padding-left:10px;text-transform:uppercase">CIAC Talent Awards </a> 614 </div> 615 </td> 616 <td> 617 <div class="ui link list tablecellcomputer"> 618 <a class="ui item" href="/serveis" style="text-transform:uppercase"><b>Marketplace</b></a> 619 <a class="ui item" href="https://ats.ciac.cat/inici" style="text-transform:uppercase"><b>ATS26</b></a> 620 </div> 621 </td> 622 </tr> 623 </tbody> 624 </table>
625 <div class="ui divider"></div> 626 <div class="ui basic center aligned segment spaced"> 627 <a class="ui icon twitter circular big button" target="_blank" href="https://twitter.com/ciacnews"> 628 <img src="/_internal/repository/footer/x-twitter.png"> 629 </a> 630 <a class="ui icon youtube circular big button" target="_blank" href="https://www.youtube.com/channel/UCSfjmewgeqlgOGK-gUAXeTg"> 631 <i class="youtube icon"></i> 632 </a> 633 <a class="ui icon linkedin circular big button" target="_blank" href="https://www.linkedin.com/company/cl%C3%BAster-de-la-ind%C3%BAstria-d%27automoci%C3%B3-de-catalunya"> 634 <i class="linkedin icon"></i> 635 </a> 636 <a class="ui icon instagram circular big button" target="_blank" href="https://www.instagram.com/ciac.news"> 637 <i class="instagram icon"></i> 638 </a> 639 <a class="ui icon spotify circular big button" target="_blank" href="https://open.spotify.com/show/08AR2HFqA53nUs5EbRFKe3"> 640 <i class="spotify icon"></i> 641 </a> 642 </div> 643 <div class="ui divider"></div> 644 <div class="ui basic center aligned segment"> 645 <ul class="ui horizontal list"> 646 <div class="item">2024 © Clúster de la Indústria d'Automoció de Catalunya.</div> 647 <div class="item"><a href="/ciac/sobre/avis">Nota legal</a></div> 648 <div class="item"><a>|</a></div> 649 <div class="item"><a href="/ciac/sobre/avis#privacitat">Política de privacitat</a></div> 650 <div class="item"><a>|</a></div> 651 <div class="item"><a href="/ciac/compliance/cetic">Canal ètic</a></div> 652 </ul> 653 </div> 654 </div> 655</div> 656 657</div> <!-- Pusher --> 658 659
660<script> 661 $('.ui.profile.progress').progress(); 662 $(".ui.placeholder.page").hide(); 663</script>
663 664
664<script type="text/javascript"> 665 function elephantLoad() { 666 webRoot = ''; 667 webPort = 443; 668 pushPK = 'BJbptnZj76ve_trMS8GeUhGlW7oye4XJbYzBt5T9dgIYzRnT0yroPETTRmmd9nJ_KTR9sBorm6qYH8jek6DrFSA='; 669 currentMail = null; 670 $(".ui.placeholder.page").hide(); 671 $('.ui.dropdown').not('.free').dropdown({on:'hover'}); 672 $('.ui.dropdown.free').dropdown({on:'click'}); 673 $('.ui.accordion').not('.free').accordion(); 674 $('.ui.accordion.free').accordion({exclusive:false}); 675 $('.ui.embed.normal').embed(); 676 $('.el-popup').popup(); 677 $('.ui.auto.progress').progress(); 678 window.onscroll = function () { 679 scrollFunction() 680 }; 681 } 682 function scrollFunction() { 683 if(document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) { 684 if($('#toTopButton').css("opacity") < 0.7) { 685 $('#toTopButton').animate({opacity:0.7}, 50); 686 } 687 } else { 688 if($('#toTopButton').css("opacity") > 0) { 689 $('#toTopButton').animate({opacity:0}
689, 50); 690 } 691 } 692 } 693 function topFunction() { 694 $('html, body').animate({scrollTop: 0}, 600); 695 } 696 function helpFunction(context) { 697 var href = context.substring(''.length); 698 var url = '/print_' + href; 699 $('#helpView').load(url + "?read", function() { 700 $('.modal.help').modal('show'); 701 }); 702 } 703 704 </script>
704 705 <style> 706 #aiButton { 707 position: fixed; 708 bottom: 120px; 709 right: 20px; 710 z-index: 99; 711 cursor: pointer; 712 } 713 #aiButton:hover { 714 opacity:1; 715 } 716 #aiButton i { 717 text-shadow:0px 8px 10px #000000aa; 718 } 719 #toTopButton { 720 position: fixed; 721 bottom: 20px; 722 right: 20px; 723 z-index: 99; 724 cursor: pointer; 725 opacity:0; 726 } 727 #toTopButton:hover { 728 opacity:1; 729 } 730 #toTopButton i { 731 text-shadow:0px 8px 10px #000000aa; 732 } 733 #helpButton { 734 position: fixed; 735 bottom: 20px; 736 left: 20px; 737 z-index: 99; 738 cursor: pointer; 739 } 740 #helpButton:hover { 741 opacity:1; 742 } 743 #helpButton i { 744 text-shadow:0px 8px 10px #000000aa; 745 } 746 #helpView .default-body { 747 padding-bottom: 21px; 748 } 749 </style> 750 <a onclick="topFunction()" id="toTopButton" style="opacity:0;"><i class="chevron circle up huge icon"></i></a> 751 <div class="ui modal popupInfo" style="padding-bottom:10px;"> 752 <div id="popupInfoTitle" class="header"></div> 753 <div id="popupInfoView" class="scrolling content"></div> 754 </div> 755 <form id="cookiesForm" action="/_reqxdc_/cookie-management" method="post" class="ui cookies form modal"> 756 <input type="hidden" name="redir" value="/user"/> 757 <div class="header">Opcions en quant a les cookies d'aquest lloc</div> 758 <div class="content"> 759 <div class="field"> 760 <div class="ui checkbox"> 761 <input type="checkbox" name="lang" disabled="disabled" checked/> 762 <label><i class="globe blue icon"></i> Les cookies locals estan controlades per la vostra selecció d'idioma.</label> 763 </div> 764 </div> 765 <div class="field"> 766 <div class="ui checkbox"> 767 <input type="checkbox" name="sso" disabled="disabled" checked/> 768 <label><i class="lock green icon"></i> Les cookies Single Sign On estan controlades per la selecció de Mantenir-me connectat.</label> 769 </div> 770 </div> 771 <div class="field"> 772 <div class="ui checkbox"> 773 <input type="checkbox" name="track" checked/> 774 <label><i class="cookie brown icon"></i> Les cookies de seguiment donen estadístiques de l'ús de la web.</label> 775 </div> 776 </div> 777 </div> 778 <div class="actions"> 779 <input type="submit" onclick="clearCookies();" name="deny" class="ui secondary cancel cookies button" value="Denegar tot"/> 780 <input type="submit" name="accept" class="ui primary ok cookies button" value="Acceptar selecció"/> 781 </div> 782 </form> 783 784
784<script> 785 function clearCookies() { 786 $('input[type="checkbox"]').each(function( index ) { 787 $(this).prop('checked', false); 788 }); 789 } 790 $('.ui.cookies.modal') 791 .modal({centered: false, closable: false}) 792 .modal('show') 793 ; 794 </script>
794 795 </body> 796</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.