123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952 |
- <!DOCTYPE html>
-
- <html>
- <head>
-
-
- <meta http-equiv="Content-Security-Policy" content="style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com;">
-
- <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
-
- <link rel="stylesheet" href="calendar_files/css/demo.css"/>
- <link rel="stylesheet" href="css/file.css"/>
- <link rel="stylesheet" href="calendar_files/css/theme1.css"/>
-
- <link rel = "stylesheet" href = "css/searchbar1.css">
- <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
- <meta name="format-detection" content="telephone=no">
- <meta name="msapplication-tap-highlight" content="no">
- <meta charset="UTF-8">
- <link rel="stylesheet" type="text/css" href="css/index.css">
- <link rel="stylesheet" href="lib/OnsenUI/css/onsenui.css">
- <link rel="stylesheet" href="lib/OnsenUI/css/onsen-css-components.min.css">
- <script src="lib/OnsenUI/js/onsenui.min.js"></script>
- <script src="js/jquery_.js"></script>
- <script type="text/javascript" src="js/saveLocal.js"></script>
-
-
- </head>
- <body>
-
- <script>
-
-
-
- </script>
-
-
- <ons-page>
- <ons-toolbar>
- <div class="center">ArtesaníasICP</div>
- <div class="right"><img class="list-item__thumbnail" src="img/ICP.png"></div>
- </ons-toolbar>
-
-
- <ons-tabbar swipeable position="bottom" modifier="autogrow">
- <ons-tab page="home.html" label="Hogar" icon = "md-home" active></ons-tab>
- <ons-tab page="renglones.html" label="Artesanías" icon = "md-brush"></ons-tab>
- <ons-tab page ="search.html" label="Buscar" icon = "md-search"> </ons-tab>
- <ons-tab page ="ferias.html" label="Eventos" icon = "md-calendar-alt"> </ons-tab>
- <ons-tab page="colaboradores.html" label="Colab" icon = "md-mood"></ons-tab>
- </ons-tabbar>
- </ons-page>
-
-
-
-
- <template id="home.html">
-
- <ons-page id="home" class="red">
-
- <ons-card id="azar">
-
-
- <div id="image"></div><br>
- <div class="content" id="Content"></div>
-
-
- <script type="text/javascript" src="js/azar.js"> </script>
-
- </ons-card>
-
-
- </ons-page>
-
- </template>
-
-
-
-
- <template id="artesanos.html">
- <ons-page id="artesanos">
-
- <ons-toolbar>
- <div class="left"><ons-back-button>Atrás</ons-back-button></div>
- <div class="center"></div>
- </ons-toolbar>
-
-
-
- <ons-pull-hook id="pull-hook" threshold-height="120px">
- <ons-icon id="pull-hook-icon" size="22px" class="pull-hook-content" icon="md-long-arrow-down"></ons-icon>
- </ons-pull-hook>
-
-
- <ons-list id="artesanos-list" src="">
- <ons-list-header>Artesanos</ons-list-header>
- </ons-list>
-
- <script>
-
- ons.getScriptPage().onInit = function () {
-
-
- this.querySelector('ons-toolbar div.center').textContent = this.data.title;
-
-
-
-
- var Esp = this.data.esp.split(', ');
-
- var artesanos_json = this.data.json;
-
-
-
- for(var i=0; i<Esp.length; i++) {
- Esp[i] = Esp[i].charAt(0).toUpperCase() + Esp[i].slice(1);
- };
-
-
-
-
- var pullHook = document.getElementById('pull-hook');
- var icon = document.getElementById('pull-hook-icon');
- pullHook.addEventListener('changestate', function (event) {
- switch (event.state) {
- case 'initial':
- icon.setAttribute('icon', 'md-long-arrow-down');
- icon.removeAttribute('rotate');
- icon.removeAttribute('spin');
- break;
- case 'preaction':
- icon.setAttribute('icon', 'md-long-arrow-down');
- icon.setAttribute('rotate', '180');
- icon.removeAttribute('spin');
- break;
- case 'action':
- icon.setAttribute('icon', 'md-spinner');
- icon.removeAttribute('rotate');
- icon.setAttribute('spin', true);
- break;
- }
- });
-
-
-
-
- var getArtesania = function (num) {
-
- var Artesanos = ``;
-
- console.log('Filtrado de ',Esp[num])
-
-
-
- var results = [];
- var searchVal = "my Name";
- for (var i=0 ; i < artesanos_json.length ; i++)
- {
- if (artesanos_json[i].Especificaciones.includes(Esp[num])) {
- results.push(artesanos_json[i]);
- }
- }
-
-
-
-
-
- for(var i=0; i<results.length; i++) {
-
-
- Artesanos=Artesanos+`<a id='home.html'>${results[i].Nombre} | ${results[i].Municipio}<br>`
-
- }
-
-
- return {
- name: Esp[num],
- artesan: Artesanos
- };
- };
-
-
-
- var getData = function () {
- const data = [];
- for (var i = 0; i < Esp.length; i++) {
- data.push(getArtesania(i));
- }
- return data;
- };
-
-
-
- var createArtesano = function (Artesano) {
-
- return ons.createElement(`
- <ons-list-item expandable tappable>
- <div class="center" >${Artesano.Nombre}</div>
- <div class="expandable-content"> Municipio: ${Artesano.Municipio}<br>
- Tel\u00e9fono: ${Artesano["Telefono 1"]}<br>
- Correo Electr\u00f3nico: ${Artesano["Email"]}<br>
- </div>
- </ons-list-item>`
- );
- };
-
-
-
-
- for (Artesano of artesanos_json) {
-
- var cont = 0;
- var lista = document.getElementById('artesanos-list');
-
-
-
-
- if (Artesano.Municipio.trim().length != 0) {
- cont ++;
- }
- if (Artesano["Telefono 1"].trim().length != 0) {
- cont ++;
- }
- if (Artesano["Email"].trim().length != 0 & Artesano["Email"].toUpperCase().trim() != "NO TIENE") {
- cont ++;
- }
- if (Artesano.Especificacion.trim().length != 0) {
- cont ++;
- }
-
- Artesano.Nombre = Artesano.Nombre + " " + Artesano["Apellido Paterno"] + " " + Artesano["Apellido Materno"];
-
-
-
-
-
- var item = ons.createElement(`<ons-list-item onclick="myNavigator.pushPage('artesano.html', { data: { title: '${Artesano.Nombre.replace(/"/g, " ")}', mun: '${Artesano.Municipio}', tel: '${Artesano["Telefono 1"]}', email: '${Artesano["Email"]}', esp: '${Artesano.Especificacion}', red1: '${Artesano["Red Social 1"]}', red2: '${Artesano["Red Social 2"]}', ecom: '${Artesano["E-Commerce 1"]}', tecnicas: '${Artesano["Tecnica"]}' } })" tappable>
- <div class="title">${Artesano.Nombre}</div>
- </ons-list-item>`);
-
-
-
- if(cont == 0){
-
-
- }
- else {
- lista.appendChild(item);
- }
-
- };
-
- };
- </script>
-
- <style>
- .pull-hook-content {
- color: #333;
- transition: transform .25s ease-in-out;
- }
- </style>
-
- </ons-page>
-
- </template>
-
-
-
- <template id="artesanias.html">
- <ons-page id="artesanias">
-
- <ons-toolbar>
- <div class="left"><ons-back-button>Atrás</ons-back-button></div>
- <div class="center"></div>
- </ons-toolbar>
-
- <ons-pull-hook id="pull-hook" threshold-height="120px">
- <ons-icon id="pull-hook-icon" size="22px" class="pull-hook-content" icon="md-long-arrow-down"></ons-icon>
- </ons-pull-hook>
-
- <ons-list id="artesania-list" src="">
- <ons-list-header>Artesanias</ons-list-header>
- </ons-list>
-
- <script>
-
- ons.getScriptPage().onInit = function () {
- this.querySelector('ons-toolbar div.center').textContent = this.data.title;
-
-
- var Esp = this.data.esp.split(', ');
- var artesanos_json = this.data.json;
-
-
- for(var i=0; i<Esp.length; i++) {
- Esp[i] = Esp[i].charAt(0).toUpperCase() + Esp[i].slice(1);
- };
-
- var pullHook = document.getElementById('pull-hook');
- var icon = document.getElementById('pull-hook-icon');
- pullHook.addEventListener('changestate', function (event) {
- switch (event.state) {
- case 'initial':
- icon.setAttribute('icon', 'md-long-arrow-down');
- icon.removeAttribute('rotate');
- icon.removeAttribute('spin');
- break;
- case 'preaction':
- icon.setAttribute('icon', 'md-long-arrow-down');
- icon.setAttribute('rotate', '180');
- icon.removeAttribute('spin');
- break;
- case 'action':
- icon.setAttribute('icon', 'md-spinner');
- icon.removeAttribute('rotate');
- icon.setAttribute('spin', true);
- break;
- }
- });
-
- var getArtesania = function (num) {
-
- var Artesanos = ``,
- ArtesanosInfo = ``;
-
-
-
- var results = [];
- var searchVal = "my Name";
- for (var i=0 ; i < artesanos_json.length ; i++)
- {
- if (artesanos_json[i].Especificacion.includes(Esp[num])) {
- results.push(artesanos_json[i]);
- }
- }
-
-
-
-
- for(var i=0; i<results.length; i++) {
-
-
-
- ANombre = results[i].Nombre + " " + results[i]["Apellido Paterno"] + " " + results[i]["Apellido Materno"]
- Artesanos+=`${ANombre}|`
- ArtesanosInfo+=`${results[i].Municipio}|${results[i]["Telefono 1"]}|${results[i]["Email"]}|${results[i].Especificacion}|${results[i]["E-Commerce 1"]}|${results[i]["Red Social 1"]}|${results[i]["Red Social 2"]}|${results[i]["Tecnica"]}&&`
-
- }
-
- return {
- name: Esp[num],
- artesan: Artesanos,
- info: ArtesanosInfo
- };
- };
-
- var getData = function () {
- const data = [];
- for (var i = 0; i < Esp.length; i++) {
- data.push(getArtesania(i));
- }
- return data;
- };
- var createArtesania = function (Artesania) {
-
-
- var listaArt=``;
- var arts = Artesania.artesan.split('|');
- var artsInfo = Artesania.info.split('&&');
-
- for(var i=0; i<arts.length; i++) {
- var lot = artsInfo[i].split('|'),
- mun = lot[0],
- tel = lot[1],
- email = lot[2],
- esp = lot[3],
- ecom = lot[4],
- red1 = lot[5];
- red2 = lot[6];
- tecnicas = lot[7]
- console.log(lot)
-
- listaArt += `<ons-item tappable onclick="myNavigator.pushPage('artesano.html', {data: {title:'${arts[i].replace(/"/g, " ")}', mun: '${mun}', tel: '${tel}', email: '${email}', esp: '${esp}', red1: '${red1}', red2: '${red2}', ecom: '${ecom}', tecnicas: '${tecnicas}' }} )" ><div class="center">`+ arts[i] +`</div></ons-item><br>`;
- }
-
- if (Artesania.name == "Figuras y simbolos indigenas") {
- Artesania.name = "Figuras y símbolos indígenas";
- }
-
-
-
- return ons.createElement(`
- <ons-list-item expandable tappable>
- <div class="center" >${Artesania.name}</div>
- <div class="expandable-content">Artesanos que trabajan con ${Artesania.name}
- <ons-card>${listaArt}</ons-card></div>
- </ons-list-item>`
- );
- };
-
- var Artesanias = getData();
-
- for (Art of Artesanias) {
-
- var Artesania = createArtesania(Art);
- document.getElementById('artesania-list').appendChild(Artesania);
- };
- pullHook.onAction = function (done) {
-
- setTimeout(function() {
- document.getElementById('artesania-list').appendChild(createArtesania(getArtesania()));
- done();
- }, 400);
- }
-
- };
- </script>
-
- <style>
- .pull-hook-content {
- color: #333;
- transition: transform .25s ease-in-out;
- }
- </style>
- </ons-page>
- </template>
-
-
-
-
-
- <script src = "js/searchfunctions.js"></script>
- <script>
-
-
-
- var all_artesanos = JSON.parse(window.localStorage.getItem('TODOS'));
- function filter(){
-
-
-
-
-
- var input = document.getElementById('searchbar').value;
- var inputarte = document.getElementById('searchartesania').value;
- var inputmuni = document.getElementById('searchbarmunicipio').value;
- var x = document.getElementsByClassName('artists');
-
-
-
- input = input_validation(input);
- inputarte = input_validation(inputarte);
- inputmuni = input_validation(inputmuni);
-
-
- input = input.trim().toLowerCase();
- inputarte = inputarte.trim().toLowerCase();
- inputmuni = inputmuni.trim().toLowerCase();
- input = acento_replace(input);
- inputarte = acento_replace(inputarte);
- inputmuni = acento_replace(inputmuni);
-
- if (input.length <= 3 && inputarte.length <= 3 && inputmuni.length <= 3){
- for (var i = 0; all_artesanos.length; i++){
- x[i].style.display = "list-item";
- }
- }
- else{
- var cases = 0;
- cases = getcasenum(input,inputarte,inputmuni);
-
- for (var i = 0; i < all_artesanos.length; i++){
- x[i].style.display = "none";
- }
- switch(cases){
-
- case 1:
- filter_municipios(inputmuni);
- break;
-
- case 2:
- filter_artesanias(inputarte);
- break;
-
- case 3:
- search_art_mun(inputarte,inputmuni);
- break;
-
- case 4:
- filter_any(input);
- break;
-
- case 5:
- search_any_mun(input,inputmuni);
- break;
-
- case 6:
- search_any_art(input,inputarte);
- break;
-
- case 7:
- search_any_art_mun(input,inputarte,inputmuni);
- break;
- }
- }
- }
- </script>
-
- <template id="search.html">
- <ons-navigator swipeable animation="slide" id="SNavigator">
- <ons-page id="Buscar">
-
-
- <p style="text-align: center; margin-top: 10px;background-color: white">
- <ons-search-input placeholder="Búsqueda con cualquier término" id = "searchbar"
- onkeyup = "filter()" style = "width: 300px;" ></ons-search-input>
- <ons-search-input placeholder="Búsqueda por artesanías" id = "searchartesania"
- onkeyup = "filter()" style = "width: 300px;"></ons-search-input>
- <ons-search-input placeholder = "Búsqueda por municipio" id = "searchbarmunicipio"
- onkeyup = "filter()" style = "width: 300px;"></ons-search-input>
- </p>
-
- <ons-list id="results" src="">
- </ons-list>
-
- <script>
-
-
- for (i = 0; i < all_artesanos.length;i++){
- all_artesanos[i].Nombre = all_artesanos[i].Nombre + " " + all_artesanos[i]["Apellido Paterno"] + " " + all_artesanos[i]["Apellido Materno"];
- var artesano = ons.createElement(`<ons-list-item class = "artists"
- onclick="SNavigator.pushPage('artesano_s.html', { data: {title: '${all_artesanos[i].Nombre.replace(/"/g, " ")}', mun: '${all_artesanos[i].Municipio}', tel: '${all_artesanos[i]["Telefono 1"]}', email: '${all_artesanos[i]["Email"]}', esp: '${all_artesanos[i].Especificacion}', red1: '${all_artesanos[i]["Red Social 1"]}', red2: '${all_artesanos[i]["Red Social 2"]}', ecom: '${all_artesanos[i]["E-Commerce 1"]}', tecnicas: '${all_artesanos[i]["Tecnica"]}' } })" tappable>
- <div>${all_artesanos[i].Nombre}</div>
- </ons-list-item>`);
- document.getElementById('results').appendChild(artesano);
- }
- </script>
-
- </ons-page>
- </ons-navigator>
- </template>
-
-
-
- <template id= "artesano.html">
- <ons-page id = "artesano">
- <ons-toolbar>
-
- <div class = "left"> <ons-back-button> Atras </ons-back-button></div>
- <div class = "center"></div>
- </ons-toolbar>
- <body>
- <font size="+1">
-
- <ons-card id="all"></ons-card>
- </font>
- </body>
- <script>
-
- ons.getScriptPage().onInit = function () {
- this.querySelector('ons-toolbar div.center').textContent = this.data.title;
-
- var data = '',
- mun = this.data.mun,
- tel = this.data.tel,
- em = this.data.email,
- esp = this.data.esp,
- red1 = this.data.red1,
- red2 = this.data.red2,
- ecom = this.data.ecom,
- tecnicas = this.data.tecnicas;
-
-
-
-
-
-
-
-
-
- if(esp.trim() != ""){
-
-
- if(esp.includes("Figuras y simbolos indigenas")) {
- esp = esp.replace("Figuras y simbolos indigenas", "Figuras y símbolos indígenas")
- }
-
- if(esp.includes(";", 0)){
- esp=esp.replace(/;/g,", ");
- data+='Tipos de artesanías: '+esp+'<br>';
- }
- else {
- data+='Tipo de artesanía: '+esp+'<br>';
- }
- }
-
- if(tecnicas.trim() != ''){
- if(tecnicas.includes(";", 0)){
- tecnicas = tecnicas.replace(/;/g,", ");
- data+='Técnicas que usan: '+tecnicas+'<br>';
- }
- else {
- data+='Técnicas que usan: '+tecnicas+'<br>';
- }
- }
-
-
- if(mun.trim() != ""){
- data+='Municipio: '+ mun +'<br>';
- }
-
-
-
- if(em.trim() != "" & em.toUpperCase().trim() != "NO TIENE"){
- data+='Correo Electr\u00f3nico: <a style="color:blue" href="mailto: '+em+'"><u>'+em+'</u></a><br>';
- }
-
-
- if(tel.trim() != "" ){
- data+='Tel\u00e9fono: <a style="color:blue" href="tel: '+ tel +'"><u>'+ tel +'</u></a><br>';
- }
-
-
-
-
-
-
-
-
-
- if(red1.includes("facebook")){
- data+='<a style="margin-right:10px;" href="'+ red1 + '"><img src="img/facebook.png" alt="Facebook"style="width:35px;height:35px;border:0;">';
- }
- else if(red1.includes("instagram")){
- data+='<a style="margin-right:10px;" href="'+ red1 + '"><img src="img/instagram.png" alt="Instagram"style="width:35px;height:35px;border:0;">';
- }
- else if(red1.includes("myspace")){
- data+='<a style="margin-right:10px;" href="'+ red1 + '"><img src="img/MySpace.png" alt="MySpace"style="width:35px;height:35px;border:0;">';
- }
-
-
- if(red2.includes("facebook")){
- data+='<a style="margin-right:10px;" href="'+ red2 + '"><img src="img/facebook.png" alt="Facebook"style="width:35px;height:35px;border:0;">';
- }
- else if(red2.includes("instagram")){
- data+='<a style="margin-right:10px;" href="'+ red2 + '"><img src="img/instagram.png" alt="Instagram"style="width:35px;height:35px;border:0;">';
- }
- else if(red2.includes("myspace")){
- data+='<a style="margin-right:10px;" href="'+ red2 + '"><img src="img/MySpace.png" alt="MySpace"style="width:35px;height:35px;border:0;">';
- }
-
-
- if ((ecom.includes(".org") || ecom.includes(".com")) && !ecom.includes("mailto")){
- ecom = ecom.substr(ecom.indexOf("#")+1,ecom.length);
-
- console.log(ecom);
- data+='<a target="_blank" href="https://'+ ecom + '"><img src="img/internet.jpg" style="width:35px;height:35px;border:0;">';
- }
-
-
-
- document.getElementById("all").innerHTML = `${data}`;
-
- }
- </script>
- </ons-page>
- </template>
-
- <template id= "artesano_s.html">
- <ons-page id = "artesano_s">
- <ons-toolbar>
-
- <div class = "left"> <ons-back-button> Atras </ons-back-button></div>
- <div class = "center"></div>
- </ons-toolbar>
- <body>
-
- <font size="+1">
- <ons-card id="all2"></ons-card>
- </font>
- </body>
- <script>
-
- ons.getScriptPage().onInit = function () {
- this.querySelector('ons-toolbar div.center').textContent = this.data.title;
-
- var data = '',
- mun = this.data.mun,
- tel = this.data.tel,
- em = this.data.email,
- esp = this.data.esp,
- red1 = this.data.red1,
- red2 = this.data.red2,
- ecom = this.data.ecom,
- tecnicas = this.data.tecnicas;
-
-
-
-
-
-
-
- if(esp.trim() != ""){
-
- if(esp.includes("Figuras y simbolos indigenas")) {
- esp = esp.replace("Figuras y simbolos indigenas", "Figuras y símbolos indígenas")
- }
-
- if(esp.includes(";", 0)){
- esp=esp.replace(/;/g,", ");
- data+='Tipos de artesanías: '+esp+'<br>';
- }
- else {
- data+='Tipo de artesanía: '+esp+'<br>';
- }
- }
-
- if(tecnicas.trim() != ''){
- if(tecnicas.includes(";", 0)){
- tecnicas = tecnicas.replace(/;/g,", ");
- data+='Técnicas que usan: '+tecnicas+'<br>';
- }
- else {
- data+='Técnicas que usan: '+tecnicas+'<br>';
- }
- }
-
-
- if(mun.trim() != ""){
- data+='Municipio: '+ mun +'<br>';
- }
-
-
-
- if(em.trim() != "" & em.toUpperCase().trim() != "NO TIENE"){
- data+='Correo Electr\u00f3nico: <a style="color:blue" href="mailto: '+em+'"><u>'+em+'</u></a><br>';
- }
-
-
- if(tel.trim() != "" ){
- data+='Tel\u00e9fono: <a style="color:blue" href="tel: '+ tel +'"><u>'+ tel +'</u></a><br>';
- }
-
-
-
-
-
-
-
-
- if(red1.includes("facebook")){
- data+='<a style="margin-right:10px;" href="'+ red1 + '"><img src="img/facebook.png" alt="Facebook"style="width:35px;height:35px;border:0;">';
- }
- else if(red1.includes("instagram")){
- data+='<a style="margin-right:10px;" href="'+ red1 + '"><img src="img/instagram.png" alt="Instagram"style="width:35px;height:35px;border:0;">';
- }
- else if(red1.includes("myspace")){
- data+='<a style="margin-right:10px;" href="'+ red1 + '"><img src="img/MySpace.png" alt="MySpace"style="width:35px;height:35px;border:0;">';
- }
-
-
- if(red2.includes("facebook")){
- data+='<a style="margin-right:10px;" href="'+ red2 + '"><img src="img/facebook.png" alt="Facebook"style="width:35px;height:35px;border:0;">';
- }
- else if(red2.includes("instagram")){
- data+='<a style="margin-right:10px;" href="'+ red2 + '"><img src="img/instagram.png" alt="Instagram"style="width:35px;height:35px;border:0;">';
- }
- else if(red2.includes("myspace")){
- data+='<a style="margin-right:10px;" href="'+ red2 + '"><img src="img/MySpace.png" alt="MySpace"style="width:35px;height:35px;border:0;">';
- }
-
-
- if((ecom.includes(".org") || ecom.includes(".com")) && !ecom.includes("mailto")){
- ecom = ecom.substr(ecom.indexOf("#")+1,ecom.length);
-
- console.log(ecom);
-
- data+='<a target="_blank" href="https://'+ ecom + '"><img src="img/internet.jpg" style="width:35px;height:35px;border:0;">';
- }
-
-
-
- document.getElementById("all2").innerHTML = `${data}`;
-
- }
- </script>
- </ons-page>
- </template>
-
-
- <template id="renglones.html">
- <ons-navigator swipeable animation="slide" id="myNavigator">
- <ons-page id="renglones">
-
- <ons-card id="list">
- <script type="text/javascript" src="js/renglones.js"></script>
- </ons-card>
-
-
- <script>
- const hideAll = () => {
- Array.from(document.querySelector('#list').children)
- .forEach(item => {
- if (item.expanded) {
- item.hideExpansion();
- }
- });
- };
- </script>
-
- <style>
- .intro {
- text-align: center;
- padding: 20px;
- margin-top: 30px;
- }
-
- ons-card {
- cursor: pointer;
- color: #333;
- }
-
- .card__title,
- .card--material__title {
- font-size: 15px;
- }
- </style>
- </ons-page>
- </ons-navigator>
-
- </template>
-
-
-
- <template id="ferias.html">
- <ons-page id="ferias">
-
- <ons-card>
- <div id="logo" style="text-align: center">
- <img src="img/culturalpr1800x3200-2-01.png" style="width:150px;height:100px">
- </div>
- <br><br>
- <div id="button" style="text-align: center">
- <ons-button onclick="redirect()" modifier="large" style="background-color: #00abc1;"> Pasar a la página de eventos </ons-button>
- </div>
- <br><br>
- <div id="Mensaje">
- El Instituto de Cultura Puertorriqueña, el Gobierno de Puerto Rico, los Colaboradores de esta aplicación, así como los funcionarios, empleados y contratistas de los anteriores, no se hacen responsables de los mensajes, imágenes, opiniones, servicios, declaraciones, representaciones o cualquier forma de contenido incluido en cualquiera de los enlaces accesibles, vinculados o referidos a través de ArtesaníasICP.
- </div>
- </ons-card>
-
- <script>
- function redirect() {
- location.replace("https://culturalpr.com/")
- }
- </script>
- </ons-page>
- </template>
-
-
-
- <template id="colaboradores.html">
- <ons-page id="colaboradores">
- <ons-card>
-
- <h1>Colaboradores</h1>
-
- <style>
- .column {
- float: left;
- width: 50%;
- }
- .row {
- width: 100%;
- }
- </style>
- <h2>SINFINESPR</h2>
- <div class = "column">
- SINFINESPR es un programa de Titín Foundation que responde a nuestro interés y compromiso con el fortalecimiento del tercer sector.
- <br><br>
- En esta plataforma agrupamos herramientas que permitirán que tu organización adquiera mayor visibilidad, recursos, conexiones, capacidad para una operación más eficiente y efectiva.
- </div>
- <div class = "column">
- <img src="img/sfpr.svg" style="width:150px;height:100px">
- </div>
- <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
- Visita nuesta Página Web o siguenos en nuestras redes sociales <br> <br>
- <a href="https://twitter.com/SINFINESPR"><img src="img/twitter.png" alt="Twitter" style="width:35px;height:35px;border:0;">
- </a>
- <a href="https://www.facebook.com/sinfinespr"><img src="img/facebook.png" alt="Facebook" style="width:35px;height:35px;border:0;">
- </a>
- <a href="https://www.linkedin.com/company/sinfinespr/"><img src="img/linkedin.png" alt="Linkedin" style="width:35px;height:35px;border:0;">
- </a>
- <a href="https://www.instagram.com/sinfinespr/"><img src="img/instagram.png" alt="Instagram" style="width:35px;height:35px;border:0;">
- </a>
- <br><br>
- <h2>Centro de Desarrollo y Consultoría Computacional</h2>
- El Centro de Desarrollo y Consultoría Computacional está compuesto por profesores y estudiantes del departamento de Ciencia de Cómputos de la Universidad de Puerto Rico Recinto de Río Piedras. Nuestra meta es aportar al desarrollo computacional de la Universidad y de Puerto Rico al proveer servicios al día, de calidad y con precios accesibles, a la misma vez que se le ofrece experiencias prácticas a los estudiantes del departamento de Ciencia de Cómputos.
- <br><br>
-
- <img src="img/logo_cdcc.png" style="width: 150px; height: 100px">
-
- <br><br>
- Si tiene alguna duda nos puede contactar por:
- <br>
- Teléfono: 787-764-0000 Ext. 88341, 88349
- <br>
- Correo electrónico: <a href = "mailto:carlos.corrada2@upr.edu" style ="color:#0000EE;text-decoration: underline;">carlos.corrada2@upr.edu</a>
-
- </ons-card>
- </ons-page>
- </template>
- <script src="js/load.js"></script>
-
-
- <script type="text/javascript" src="cordova.js"></script>
- <script type="text/javascript" src="js/index.js"></script>
- </body>
- </html>
|