@extends('layouts.base')

@section('css')
{!! Minify::stylesheet('/css/study.css')->withFullUrl() !!}
{!! Minify::stylesheet('/css/studyStarred.css')->withFullUrl() !!}
{!! Minify::stylesheet('/css/twitter.css')->withFullUrl() !!}
@stop

@section('title')
Cultura Loyola
@stop
@section('description')
Programación cultural conjunta
@stop

@section('content')
{!! Breadcrumbs::render('home') !!}


<div class="container"> 

    <div class="titulo_categoria">
        <span>ECCA Y CENTRO LOYOLA</span>
    </div>

    <div class="col-md-12">
        <div class="titulo">
            <b>Programación cultural conjunta</b>
        </div>
    </div>

    <br>

    <!-- imagen de cabecera -->
    <div class="col-md-14">
	    <center><img class="img-responsive" src="{{ asset('img/Loyola.png') }}"></center>
	</div>

    <div class="col-md-12">

        <!-- cuerpo de la página (2 columnas) -->
        <div class="row">

            <br><br>
			      
            <p style="font-size:16px">Este "espacio cultural” de nuestra web nace como “agora” compartida. Un lugar en el que
            compartiremos charlas que organizamos conjuntamente ECCA y el Centro Loyola. Ocasionalmente incluiremos charlas o
            eventos organizados por otras entidades en las que ECCA participe como ponente o como organizadora. Se ha estructurado
            el contenido sobre unos epígrafes que iremos enriqueciendo y cambiando conforme varíen los temas de actualidad que
            abordemos.</p>
            <br><br><br>
			
            <!-- 1ra columna (twitter) -->
            <div class="col-md-3">

                <a class="twitter-timeline" data-width="450" data-height="2500" href="https://twitter.com/CentroLoyLP?ref_src=twsrc%5Etfw">Tweets by CentroLoyLP</a>
                <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

                <br><br>

                <a class="twitter-timeline" data-width="450" data-height="2500" href="https://twitter.com/MagisRadiosj?ref_src=twsrc%5Etfw">Tweets by MagisRadiosj</a>
                <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 
                
            </div>

            <!-- 2da columna (contenidos) -->
            <div class="col-md-9">

                <div class="col-md-12">

                    <!-- subtitular de la columna de contenidos -->
                    <h3 style="color: #1783dd">Interculturalidad: </h3>

                    <div class="caption">

                        <!-- inicio lista de contenidos -->
                        <ul>
						<br>
						<!-- 3ra entrada (podcast) -->
                            <li>
                               Mesa redonda: 'Mujeres de El Patio'. 8 M. Día Internacional de la Mujer trabajadora.
                                <br><br>
	        					<center>
                                   
                                    <iframe width="560" height="315" src="https://www.youtube.com/embed/KqK6yDUv2Jo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
									 <p style="font-size:11px">Mujeres de El Patio.</p>
                                </center>
                            </li>
                            <br><br>

                            <!-- 2ra entrada (podcast) -->
                            <li>
                                Actividad de la asociación “Patio de las Culturas” cuya misión es:  Fomentar la convivencia y el
                                mutuo enriquecimiento humano entre las diferentes Culturas existentes en Canarias con la sociedad canaria,
                                todo ello en el contexto de la Declaración de los Derechos Humanos.
                                <br><br>
	        					<center>
                                    <p style="font-size:11px">Una apuesta por la convivencia y la interculturalidad.</p>
                                    <iframe width="238" height="48" frameborder="0" allowfullscreen="" scrolling="no" src="https://www.ivoox.com/player_ek_60148555_2_1.html?data=l5Welp2ZeZahhpywj5WcaZS1kpyah5yncZKhhpywj5WRaZi3jpWah5yncbbiwpDO0trJt9XVjNXc1JDQpYzX0NPjy9vJssTdwpDmjdHFb8ri1crfxdrQuNbmwtHWxsbIcbOhhpywj7fFqMrjjKqwpaaRaZi3jpk.&"></iframe>
                                </center>
                            </li>
                            <br>

                            <!-- 1da entrada (video) -->
       					    <li>
                                Video charla “Interculturalidad y Solidaridad”.
                                <br><br>
                                <center>
                                    <iframe width="560" height="315" src="https://www.youtube.com/embed/wvm70U2XZrQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                </center>
                            </li>
                            <br>

                        </ul>
                        <!-- fin lista de contenidos -->

                    </div>

                </div>
               <!-- Calendario de Eventos -->
			    <h3 style="color: #1783dd" >Calendario de Eventos: </h3><br><br>
                <center><iframe src="https://calendar.google.com/calendar/embed?height=500&amp;wkst=2&amp;bgcolor=%23ffffff&amp;ctz=Atlantic%2FCanary&amp;src=Y2VudHJvbG95b2xhY2FuYXJpYXNAZ21haWwuY29t&amp;src=Y2VudHJvbG95b2xhbHBAZ21haWwuY29t&amp;color=%23039BE5&amp;color=%23E4C441&amp;showNav=1&amp;showDate=1&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=1" style="border:solid 1px #777" width="600" height="500" frameborder="0" scrolling="no"></iframe></center>
            </div>
            <!-- fin 2da columna (contenidos) -->

        </div>
        <!-- fin, cuerpo de la página -->

    </div>

</div>
<!-- Fin del container-->


<div class="spacer"></div>
<div class="image-viewer hide">
    <img id="load-image" class="img-responsive">
</div>
</div>
@stop

@section('js-code-post')
{!! Minify::javascript('/js/custom.js')->withFullUrl() !!}
@include('includes.twitterWebIntentScript')

<script>
   $(".image-item").click(function (event) {
       event.preventDefault();
       var href = $(this).attr("href");
       $(".image-viewer").removeClass("hide");
       $("#load-image").attr("src", href);
   });
   $(".image-viewer").click(function () {
       $(this).addClass("hide");
   });

</script>
@stop