Browse Source

Combine los tabs de ICp y eventos al tab de Colab

Emmanuel 4 years ago
parent
commit
fac2fb3c3e
2 changed files with 56 additions and 28 deletions
  1. 30
    16
      platforms/browser/www/index.html
  2. 26
    12
      www/index.html

+ 30
- 16
platforms/browser/www/index.html View File

58
 
58
 
59
            <ons-page>
59
            <ons-page>
60
             <ons-toolbar>
60
             <ons-toolbar>
61
-                <div class="center">Directorio Artesanal</div>
61
+                <div class="center">Artesanias PR</div>
62
                 <div class="right"><img class="list-item__thumbnail" src="img/ICP.png"></div>
62
                 <div class="right"><img class="list-item__thumbnail" src="img/ICP.png"></div>
63
             </ons-toolbar>
63
             </ons-toolbar>
64
             <ons-tabbar swipeable position="bottom" modifier="autogrow">
64
             <ons-tabbar swipeable position="bottom" modifier="autogrow">
65
                 <ons-tab page="home.html" label="Hogar" active></ons-tab>
65
                 <ons-tab page="home.html" label="Hogar" active></ons-tab>
66
                 <ons-tab page="renglones.html" label="Artesanías"></ons-tab>
66
                 <ons-tab page="renglones.html" label="Artesanías"></ons-tab>
67
                 <ons-tab page ="search.html" label="Buscar"> </ons-tab>
67
                 <ons-tab page ="search.html" label="Buscar"> </ons-tab>
68
-                <ons-tab page="ferias.html" label="Eventos"></ons-tab>
69
-                <ons-tab page="instituto.html" label="ICP"></ons-tab>
68
+                <!--<ons-tab page="ferias.html" label="Eventos"></ons-tab>-->
69
+                <ons-tab page="instituto.html" label="Colab"></ons-tab>
70
             </ons-tabbar>
70
             </ons-tabbar>
71
         </ons-page>
71
         </ons-page>
72
-        </ons-navigator>
73
 
72
 
74
 
73
 
75
 <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
74
 <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
78
 
77
 
79
             <ons-page id="home" class="red">
78
             <ons-page id="home" class="red">
80
 
79
 
81
-                <ons-card id="azar">
80
+                <ons-card id="azar"><!--style="height: 100%"-->
82
 
81
 
83
                     <!--<div class="title" id="Title"></div>-->
82
                     <!--<div class="title" id="Title"></div>-->
84
                     <div id="image"></div><br>
83
                     <div id="image"></div><br>
478
           <ons-navigator swipeable animation="slide" id="SNavigator">
477
           <ons-navigator swipeable animation="slide" id="SNavigator">
479
             <ons-page id="Buscar">
478
             <ons-page id="Buscar">
480
                 <p style="text-align: center; margin-top: 10px;">
479
                 <p style="text-align: center; margin-top: 10px;">
481
-                    <ons-search-input placeholder="Search anything" id = "searchbar"
480
+                    <ons-search-input placeholder="Busqueda en cualquiera" id = "searchbar"
482
                         onkeyup = "filter()"></ons-search-input>
481
                         onkeyup = "filter()"></ons-search-input>
483
-                    <ons-search-input placeholder="Tipo de artesania" id = "searchartesania"
482
+                    <ons-search-input placeholder="Busqueda por artesanias" id = "searchartesania"
484
                         onkeyup = "filter()"></ons-search-input>
483
                         onkeyup = "filter()"></ons-search-input>
485
-                    <ons-search-input placeholder = "Municipio" id = "searchbarmunicipio"
484
+                    <ons-search-input placeholder = "Busqueda por municipio" id = "searchbarmunicipio"
486
                         onkeyup = "filter()"></ons-search-input>
485
                         onkeyup = "filter()"></ons-search-input>
487
                 </p>
486
                 </p>
488
 
487
 
505
                 </script>
504
                 </script>
506
 
505
 
507
             </ons-page>
506
             </ons-page>
507
+            </ons-navigator>
508
         </template>
508
         </template>
509
 
509
 
510
         <!-- ---------------------------------------------------------------------------------------------------------------------------------------- -->
510
         <!-- ---------------------------------------------------------------------------------------------------------------------------------------- -->
639
                     }
639
                     }
640
                 </style>
640
                 </style>
641
             </ons-page>
641
             </ons-page>
642
-
642
+            </ons-navigator>
643
 
643
 
644
         </template>
644
         </template>
645
 
645
 
646
 <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
646
 <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
647
 
647
 
648
-        <template id="ferias.html">
648
+        <!--<template id="ferias.html">
649
             <ons-page id="ferias">
649
             <ons-page id="ferias">
650
                 <!--<ons-card>
650
                 <!--<ons-card>
651
 
651
 
654
                     <script type="text/javascript" src="calendar_files/js/events.js"></script>
654
                     <script type="text/javascript" src="calendar_files/js/events.js"></script>
655
                 </div>
655
                 </div>
656
 
656
 
657
-                </ons-card>-->
657
+                </ons-card>--
658
                 <br><br><br>
658
                 <br><br><br>
659
                 <button onclick="redirect()">Pasar a la pagina de eventos</button>
659
                 <button onclick="redirect()">Pasar a la pagina de eventos</button>
660
 
660
 
664
               }
664
               }
665
               </script>
665
               </script>
666
             </ons-page>
666
             </ons-page>
667
-        </template>
667
+        </template>-->
668
 
668
 
669
 <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
669
 <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
670
 
670
 
671
         <template id="instituto.html">
671
         <template id="instituto.html">
672
             <ons-page id="instituto">
672
             <ons-page id="instituto">
673
                 <ons-card>
673
                 <ons-card>
674
-
675
-                    <h1>Instituto de Cultura Puertorriqueña</h1>
674
+                    
675
+                    <h1>Colaboradores</h1>
676
+                    <h2>Instituto de Cultura Puertorriqueña</h2>
676
                     <h3>Ven, descubre lo que nuestra riqueza cultural puertorriqueña tiene para tí.<br> Disfrútala, es tu identidad.
677
                     <h3>Ven, descubre lo que nuestra riqueza cultural puertorriqueña tiene para tí.<br> Disfrútala, es tu identidad.
677
                     </h3>
678
                     </h3>
678
 
679
 
699
                     </a>
700
                     </a>
700
                     <a href="https://instagram.com/icppr"><img src="img/instagram.png" alt="Instagram" style="width:35px;height:35px;border:0;">
701
                     <a href="https://instagram.com/icppr"><img src="img/instagram.png" alt="Instagram" style="width:35px;height:35px;border:0;">
701
                     </a>
702
                     </a>
702
-                    <!--</div>
703
-                <!--</p>-->
703
+                    
704
+                    <br><br><br>
705
+                    <button onclick="redirect()">Pasar a la pagina de eventos</button>
706
+
707
+                    <script>
708
+                        function redirect() {
709
+                            location.replace("https://facebook.com/icppr")
710
+                        }
711
+                    </script>
712
+                    
713
+                    <br><br>
714
+                    <h2>SINFINESPR</h2>
715
+                    <br><br>
716
+                    <h2>Fundación Titín</h2>
717
+                    
704
                 </ons-card>
718
                 </ons-card>
705
             </ons-page>
719
             </ons-page>
706
         </template>
720
         </template>

+ 26
- 12
www/index.html View File

65
                 <ons-tab page="home.html" label="Hogar" active></ons-tab>
65
                 <ons-tab page="home.html" label="Hogar" active></ons-tab>
66
                 <ons-tab page="renglones.html" label="Artesanías"></ons-tab>
66
                 <ons-tab page="renglones.html" label="Artesanías"></ons-tab>
67
                 <ons-tab page ="search.html" label="Buscar"> </ons-tab>
67
                 <ons-tab page ="search.html" label="Buscar"> </ons-tab>
68
-                <ons-tab page="ferias.html" label="Eventos"></ons-tab>
69
-                <ons-tab page="instituto.html" label="ICP"></ons-tab>
68
+                <!--<ons-tab page="ferias.html" label="Eventos"></ons-tab>-->
69
+                <ons-tab page="instituto.html" label="Colab"></ons-tab>
70
             </ons-tabbar>
70
             </ons-tabbar>
71
         </ons-page>
71
         </ons-page>
72
-        </ons-navigator>
73
 
72
 
74
 
73
 
75
 <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
74
 <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
78
 
77
 
79
             <ons-page id="home" class="red">
78
             <ons-page id="home" class="red">
80
 
79
 
81
-                <ons-card id="azar">
80
+                <ons-card id="azar"><!--style="height: 100%"-->
82
 
81
 
83
                     <!--<div class="title" id="Title"></div>-->
82
                     <!--<div class="title" id="Title"></div>-->
84
                     <div id="image"></div><br>
83
                     <div id="image"></div><br>
505
                 </script>
504
                 </script>
506
 
505
 
507
             </ons-page>
506
             </ons-page>
507
+            </ons-navigator>
508
         </template>
508
         </template>
509
 
509
 
510
         <!-- ---------------------------------------------------------------------------------------------------------------------------------------- -->
510
         <!-- ---------------------------------------------------------------------------------------------------------------------------------------- -->
639
                     }
639
                     }
640
                 </style>
640
                 </style>
641
             </ons-page>
641
             </ons-page>
642
-
642
+            </ons-navigator>
643
 
643
 
644
         </template>
644
         </template>
645
 
645
 
646
 <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
646
 <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
647
 
647
 
648
-        <template id="ferias.html">
648
+        <!--<template id="ferias.html">
649
             <ons-page id="ferias">
649
             <ons-page id="ferias">
650
                 <!--<ons-card>
650
                 <!--<ons-card>
651
 
651
 
654
                     <script type="text/javascript" src="calendar_files/js/events.js"></script>
654
                     <script type="text/javascript" src="calendar_files/js/events.js"></script>
655
                 </div>
655
                 </div>
656
 
656
 
657
-                </ons-card>-->
657
+                </ons-card>--
658
                 <br><br><br>
658
                 <br><br><br>
659
                 <button onclick="redirect()">Pasar a la pagina de eventos</button>
659
                 <button onclick="redirect()">Pasar a la pagina de eventos</button>
660
 
660
 
664
               }
664
               }
665
               </script>
665
               </script>
666
             </ons-page>
666
             </ons-page>
667
-        </template>
667
+        </template>-->
668
 
668
 
669
 <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
669
 <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------- -->
670
 
670
 
671
         <template id="instituto.html">
671
         <template id="instituto.html">
672
             <ons-page id="instituto">
672
             <ons-page id="instituto">
673
                 <ons-card>
673
                 <ons-card>
674
-
675
-                    <h1>Instituto de Cultura Puertorriqueña</h1>
674
+                    
675
+                    <h1>Colaboradores</h1>
676
+                    <h2>Instituto de Cultura Puertorriqueña</h2>
676
                     <h3>Ven, descubre lo que nuestra riqueza cultural puertorriqueña tiene para tí.<br> Disfrútala, es tu identidad.
677
                     <h3>Ven, descubre lo que nuestra riqueza cultural puertorriqueña tiene para tí.<br> Disfrútala, es tu identidad.
677
                     </h3>
678
                     </h3>
678
 
679
 
699
                     </a>
700
                     </a>
700
                     <a href="https://instagram.com/icppr"><img src="img/instagram.png" alt="Instagram" style="width:35px;height:35px;border:0;">
701
                     <a href="https://instagram.com/icppr"><img src="img/instagram.png" alt="Instagram" style="width:35px;height:35px;border:0;">
701
                     </a>
702
                     </a>
702
-                    <!--</div>
703
-                <!--</p>-->
703
+                    
704
+                    <br><br><br>
705
+                    <button onclick="redirect()">Pasar a la pagina de eventos</button>
706
+
707
+                    <script>
708
+                        function redirect() {
709
+                            location.replace("https://facebook.com/icppr")
710
+                        }
711
+                    </script>
712
+                    
713
+                    <br><br>
714
+                    <h2>SINFINESPR</h2>
715
+                    <br><br>
716
+                    <h2>Fundación Titín</h2>
717
+                    
704
                 </ons-card>
718
                 </ons-card>
705
             </ons-page>
719
             </ons-page>
706
         </template>
720
         </template>