From b14a313b755ed0c1c2e6b858057bfb4a13b1c45e Mon Sep 17 00:00:00 2001
From: Juanant98 <juadecha@alum.us.es>
Date: Tue, 2 Mar 2021 18:54:52 +0100
Subject: [PATCH] =?UTF-8?q?Componetizado=20el=20m=C3=B3dulo=20de=20noticia?=
 =?UTF-8?q?s.=20Arreglados=20la=20mayor=C3=ADa=20de=20warnings?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Components/bottomwrap.tsx    |  3 +-
 src/Components/copyrightwrap.tsx |  8 ++---
 src/Components/introwrap.tsx     |  2 +-
 src/Components/mainButton.tsx    | 35 ++++++++++++++++++
 src/Components/newsshow.tsx      | 62 +++++++++++++++++++-------------
 src/Components/showcasewrap.tsx  |  6 ++--
 src/Components/slideshow.tsx     | 24 ++++---------
 7 files changed, 89 insertions(+), 51 deletions(-)
 create mode 100644 src/Components/mainButton.tsx

diff --git a/src/Components/bottomwrap.tsx b/src/Components/bottomwrap.tsx
index 430a9b2..1fcea68 100644
--- a/src/Components/bottomwrap.tsx
+++ b/src/Components/bottomwrap.tsx
@@ -3,7 +3,6 @@ import footer1 from '../Inicio_files/cita-secretaria.png'
 import footer2 from '../Inicio_files/TFG.png'
 import footer3 from '../Inicio_files/etsiiorienta.png'
 import footer4 from '../Inicio_files/expon-us250A.png'
-import { collapseTextChangeRangesAcrossMultipleVersions } from 'typescript'
 class Bottomwrap extends React.Component {
     public render () {
     
@@ -63,7 +62,7 @@ class BottomwrapElement extends React.Component<IBottomwrapElementProps, IBottom
     <div id="favpromote" className={this.state.classname}>
       <div id="favpromote-uploadimage" style={{height: '100%', textAlign: 'center'}}>
         <a href={this.state.link} target="_self">
-          <img src={this.state.img} />
+          <img src={this.state.img} alt=""/>
         </a>
       </div>
     </div>
diff --git a/src/Components/copyrightwrap.tsx b/src/Components/copyrightwrap.tsx
index fac9ced..5f42e7a 100644
--- a/src/Components/copyrightwrap.tsx
+++ b/src/Components/copyrightwrap.tsx
@@ -9,7 +9,7 @@ class Copyrightwrap extends React.Component {
         <div id="fav-copyright" className="clearfix">
           <div id="fav-showcopyright" className="span3">
             <p>© 2021
-              <a href="https://www.informatica.us.es/" target="_blank">
+              <a href="https://www.informatica.us.es/" target="_blank noopener">
                 ETSII										</a>
             </p>
           </div>
@@ -18,7 +18,7 @@ class Copyrightwrap extends React.Component {
               <div id="favsocial" style={{float: 'right'}}>
                 <ul id="favsocial-list">
                   <li id="favsocial-icon2">
-                    <a href="https://twitter.com/etsii" target="_blank" style={{backgroundColor: '#EEEEEE', padding: '0.3em', WebkitBorderRadius: 4, MozBorderRadius: 4, borderRadius: 4}}>
+                    <a href="https://twitter.com/etsii" target="_blank noopener" style={{backgroundColor: '#EEEEEE', padding: '0.3em', WebkitBorderRadius: 4, MozBorderRadius: 4, borderRadius: 4}}>
                       <span className="fa-stack">
                         <i className="fa fa-twitter fa-stack-2x" style={{color: '#00ACED', fontSize: 24}}>
                         </i>
@@ -28,7 +28,7 @@ class Copyrightwrap extends React.Component {
                     </a>
                   </li>
                   <li id="favsocial-icon3">
-                    <a href="https://www.facebook.com/pages/Secretar%C3%ADa-ETS-Ingenier%C3%ADa-Inform%C3%A1tica-Univ-Sevilla/196373487061548?ref=ts" target="_blank" style={{backgroundColor: '#EEEEEE', padding: '0.3em', WebkitBorderRadius: 4, MozBorderRadius: 4, borderRadius: 4}}>
+                    <a href="https://www.facebook.com/pages/Secretar%C3%ADa-ETS-Ingenier%C3%ADa-Inform%C3%A1tica-Univ-Sevilla/196373487061548?ref=ts" target="_blank noopener" style={{backgroundColor: '#EEEEEE', padding: '0.3em', WebkitBorderRadius: 4, MozBorderRadius: 4, borderRadius: 4}}>
                       <span className="fa-stack">
                         <i className="fa fa-facebook fa-stack-2x" style={{color: '#3B5998', fontSize: 24}}>
                         </i>
@@ -38,7 +38,7 @@ class Copyrightwrap extends React.Component {
                     </a>
                   </li>
                   <li id="favsocial-icon9">
-                    <a href="https://www.youtube.com/channel/UCic5LtftOI4kAvckx-24gKQ" target="_blank" style={{backgroundColor: '#CD332D', padding: '0.3em', WebkitBorderRadius: 4, MozBorderRadius: 4, borderRadius: 4}}>
+                    <a href="https://www.youtube.com/channel/UCic5LtftOI4kAvckx-24gKQ" target="_blank noopener" style={{backgroundColor: '#CD332D', padding: '0.3em', WebkitBorderRadius: 4, MozBorderRadius: 4, borderRadius: 4}}>
                       <span className="fa-stack">
                         <i className="fa fa-youtube fa-stack-2x" style={{color: '#EEEEEE', fontSize: 24}}>
                         </i>
diff --git a/src/Components/introwrap.tsx b/src/Components/introwrap.tsx
index ebe0703..20880fa 100644
--- a/src/Components/introwrap.tsx
+++ b/src/Components/introwrap.tsx
@@ -9,7 +9,7 @@ class Introwrap extends React.Component {
         <div id="fav-intro" className="clearfix">	
           <div id="fav-intro1" className="span12">
             <div className="moduletable"><div id="fav-download">
-                <p id="fav-download-message"><a href="https://www.informatica.us.es/docs/decalogo-directrices-alumnos.pdf" target="_blank"><i className="fa fa-sign-in" />Consulta las Directrices Generales para el Inicio del Curso</a></p>
+                <p id="fav-download-message"><a href="https://www.informatica.us.es/docs/decalogo-directrices-alumnos.pdf" target="_blank noopener"><i className="fa fa-sign-in" />Consulta las Directrices Generales para el Inicio del Curso</a></p>
                 <h4 id="fav-download-btn"><a className="favth-btn btn-danger btn-large" href="https://www.informatica.us.es/index.php/plan-preventivo-covid-19" target="_self"><i className="fa fa-check-square-o" />Medidas preventivas ETSII-COVID-19</a></h4>
               </div>
               <noscript>&lt;strong&gt;JavaScript is currently disabled.&lt;/strong&gt;Please enable it for a better experience of &lt;a href="http://2glux.com/projects/jumi"&gt;Jumi&lt;/a&gt;.</noscript></div>
diff --git a/src/Components/mainButton.tsx b/src/Components/mainButton.tsx
new file mode 100644
index 0000000..be19e1f
--- /dev/null
+++ b/src/Components/mainButton.tsx
@@ -0,0 +1,35 @@
+import React from 'react'
+
+interface IMainButtonProps {
+    title: string,
+    link: string,
+    icon: string,
+  
+  
+  
+  }
+  
+  interface IMainButtonState {
+    title: string,
+    link: string,
+    icon: string,
+  
+  }
+  
+  class MainButton extends React.Component<IMainButtonProps, IMainButtonState> {
+    constructor(props: IMainButtonProps){
+      super(props);
+      this.state = {icon: this.props.icon, title: this.props.title, link: this.props.link}
+    }
+    
+    public render() {
+      return (
+        <div className="moduletable">
+            <div className="custom">
+            <p id="fav-download-btn"><a className="btn btn-primary btn-info" href={this.state.link} target="_blank noopener"><i className={this.state.icon} />{this.state.title}</a></p>
+            </div>
+        </div>
+      );
+    }
+  }
+  export default MainButton;
\ No newline at end of file
diff --git a/src/Components/newsshow.tsx b/src/Components/newsshow.tsx
index a7850b3..677e5dc 100644
--- a/src/Components/newsshow.tsx
+++ b/src/Components/newsshow.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import MainButton from './mainButton'
 
 class Newsshow extends React.Component {
     public render () {
@@ -8,34 +9,47 @@ class Newsshow extends React.Component {
             <div id="system-message-container">
             </div>
             <div className="moduletable-sfx6"><h3><i className="fa fa-check-square-o" />Últimas Noticias</h3><ul className="lnpd_item_wrapper">
-                <li className="lnpd_item_without_intro" itemScope itemType="https://schema.org/Article">
-                  <span className="lnpd_item_date">
-                    <span className="lnd_introdate">23/02/2121 09:12<br /></span>			</span>
-                  <a href="https://www.informatica.us.es/index.php/noticias/43-anuncios/2798-webinar-zotero-un-gestor-de-referencias-de-software-libre" itemProp="url" className="lnpd_item_title"><span itemProp="name">Webinar: Zotero, un gestor de referencias de software libre</span></a>	
-                </li>
-                <li className="lnpd_item_without_intro" itemScope itemType="https://schema.org/Article">
-                  <span className="lnpd_item_date">
-                    <span className="lnd_introdate">19/02/2121 08:18<br /></span>			</span>
-                  <a href="https://www.informatica.us.es/index.php/noticias/43-anuncios/2797-parada-definitiva-de-projetsii" itemProp="url" className="lnpd_item_title"><span itemProp="name">Parada definitiva de ProjETSII</span></a>	
-                </li>
-                <li className="lnpd_item_without_intro" itemScope itemType="https://schema.org/Article">
-                  <span className="lnpd_item_date">
-                    <span className="lnd_introdate">18/02/2121 21:17<br /></span>			</span>
-                  <a href="https://www.informatica.us.es/index.php/noticias/43-anuncios/2796-acuerdos-junta-de-centro-18-02-2021" itemProp="url" className="lnpd_item_title"><span itemProp="name">Acuerdos Junta de Centro 18-02-2021</span></a>	
-                </li>
-                <li className="lnpd_item_without_intro" itemScope itemType="https://schema.org/Article">
-                  <span className="lnpd_item_date">
-                    <span className="lnd_introdate">17/02/2121 21:24<br /></span>			</span>
-                  <a href="https://www.informatica.us.es/index.php/noticias/43-anuncios/2795-jornada-anual-de-la-red-de-catedras-telefonica" itemProp="url" className="lnpd_item_title"><span itemProp="name">Jornada Anual de la Red de Cátedras Telefónica</span></a>	
-                </li>
+                <NewsLine title="Webinar: Zotero, un gestor de referencias de software libre" link="https://www.informatica.us.es/index.php/noticias/43-anuncios/2798-webinar-zotero-un-gestor-de-referencias-de-software-libre" datetime="23/02/2121 09:12" />
+                <NewsLine title="Parada definitiva de ProjETSII" link="https://www.informatica.us.es/index.php/noticias/43-anuncios/2797-parada-definitiva-de-projetsii" datetime="19/02/2121 08:18" />
+                <NewsLine title="Acuerdos Junta de Centro 18-02-2021" link="https://www.informatica.us.es/index.php/noticias/43-anuncios/2796-acuerdos-junta-de-centro-18-02-2021" datetime="118/02/2121 21:17" />
+                <NewsLine title="Jornada Anual de la Red de Cátedras Telefónica" link="https://www.informatica.us.es/index.php/noticias/43-anuncios/2795-jornada-anual-de-la-red-de-catedras-telefonica" datetime="17/02/2121 21:24" />
               </ul>
-            </div><div className="moduletable">
-              <div className="custom">
-                <p id="fav-download-btn"><a className="btn btn-primary btn-info" href="https://t.me/empleo_etsii" target="_blank"><i className="fa fa-sign-in" />Suscríbete al canal ofertas de empleo para egresados</a></p>
-              </div>
             </div>
+            <MainButton title="Suscríbete al canal ofertas de empleo para egresados" link="https://t.me/empleo_etsii" icon="fa fa-sign-in" />
           </div>
     ) }
 }
 
+interface INewsLineProps {
+  datetime: string,
+  title: string,
+  link: string,
+
+
+
+}
+
+interface INewsLineState {
+  datetime: string,
+  title: string,
+  link: string,
+
+}
+
+class NewsLine extends React.Component<INewsLineProps, INewsLineState> {
+  constructor(props: INewsLineProps){
+    super(props);
+    this.state = {datetime: this.props.datetime, title: this.props.title, link: this.props.link}
+  }
+  
+  public render() {
+    return (
+      <li className="lnpd_item_without_intro" itemScope itemType="https://schema.org/Article">
+        <span className="lnpd_item_date">
+          <span className="lnd_introdate">{this.state.datetime}<br /></span>			</span>
+        <a href={this.state.link} itemProp="url" className="lnpd_item_title"><span itemProp="name">{this.state.title}</span></a>	
+      </li>
+    );
+  }
+}
 export default Newsshow;
\ No newline at end of file
diff --git a/src/Components/showcasewrap.tsx b/src/Components/showcasewrap.tsx
index 7ad15c2..4644a87 100644
--- a/src/Components/showcasewrap.tsx
+++ b/src/Components/showcasewrap.tsx
@@ -25,7 +25,7 @@ class Showcasewrap extends React.Component {
             <ShowcaseCalendar />
             <div className="moduletable">
               <div className="custom">
-                <p>{/* 27-Nov-2015: Boton de acceso al menu Agenda */}
+                <p>
                 </p><p style={{textAlign: 'center'}}><a className="btn btn-primary btn-default" href="https://www.informatica.us.es/index.php/proximos-eventos" target="_self"><i className="fa fa-calendar" />Agenda de la ETSII</a></p>
                 <p /></div>
             </div>
@@ -198,7 +198,7 @@ class ShowcaseCalendar extends React.Component{
                       <a href="https://www.informatica.us.es/index.php/proximos-eventos/449-iv-feria-de-practicas-online?date=2021-02-23-00-00">
                         <div className="linkTo">
                           <div className="ictip-img">
-                            <span style={{background: '#086119'}} className="img"><img src="./Inicio_files/ic_small_w100h100q100_slide1.jpg"/></span>						</div>
+                            <span style={{background: '#086119'}} className="img"><img src="./Inicio_files/ic_small_w100h100q100_slide1.jpg" alt=""/></span>						</div>
                           <div className="ictip-event-title titletip">
                             Feria ONLINE de prácticas de la ETSII						</div>
                           <div className="ictip-info ic-clearfix">
@@ -233,7 +233,7 @@ class ShowcaseCalendar extends React.Component{
                       <a href="https://www.informatica.us.es/index.php/proximos-eventos/450-jornada-anual-de-la-red-de-catedras-telefonica?date=2021-02-25-00-00">
                         <div className="linkTo">
                           <div className="ictip-img">
-                            <span style={{background: '#5ecc2b'}} className="img"><img src="./Inicio_files/ic_small_w100h100q100_admision.jpg" /></span>						</div>
+                            <span style={{background: '#5ecc2b'}} className="img"><img src="./Inicio_files/ic_small_w100h100q100_admision.jpg" alt="" /></span>						</div>
                           <div className="ictip-event-title titletip">
                             Jornada Anual de la Red de Cátedras Telefónica						</div>
                           <div className="ictip-info ic-clearfix">
diff --git a/src/Components/slideshow.tsx b/src/Components/slideshow.tsx
index c70c984..6a730ec 100644
--- a/src/Components/slideshow.tsx
+++ b/src/Components/slideshow.tsx
@@ -8,32 +8,22 @@ class Slideshow extends React.Component {
       <div id="fav-slide1" className="span6">
       <div className="moduletable"><div id="bt-simple-slideshow-434" className="bt-simple-slideshow">
           <div className="camera_wrap" id="camera_wrap_434" style={{display: 'block', marginBottom: 62, height: 250}}><div className="camera_fakehover"><div className="camera_src camerastarted">
-                {/* 19-SEP-2017: Incluir atributo de link y target para enlazar con URL definida
-<div data-thumb="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/thumbnail/cbd8b05e22224d61619d149b2905810a.png" data-src="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/slideshow/cbd8b05e22224d61619d149b2905810a.png">
-Fin 19-SEP-2017 */}
+
                 <div data-thumb="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/thumbnail/cbd8b05e22224d61619d149b2905810a.png" data-src="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/slideshow/cbd8b05e22224d61619d149b2905810a.png" data-link="index.php/noticias/43-anuncios/2787-feria-online-de-practicas-de-la-etsii" data-target>
                 </div>
-                {/* 19-SEP-2017: Incluir atributo de link y target para enlazar con URL definida
-<div data-thumb="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/thumbnail/1e789ab5ed9db256034022488621a459.png" data-src="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/slideshow/1e789ab5ed9db256034022488621a459.png">
-Fin 19-SEP-2017 */}
+ 
                 <div data-thumb="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/thumbnail/1e789ab5ed9db256034022488621a459.png" data-src="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/slideshow/1e789ab5ed9db256034022488621a459.png" data-link="index.php/registro-de-ocupacion-en-aulas" data-target>
                 </div>
-                {/* 19-SEP-2017: Incluir atributo de link y target para enlazar con URL definida
-<div data-thumb="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/thumbnail/7cf045a92dea308e8c40acbc9f0d6da9.png" data-src="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/slideshow/7cf045a92dea308e8c40acbc9f0d6da9.png">
-Fin 19-SEP-2017 */}
-                <div data-thumb="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/thumbnail/7cf045a92dea308e8c40acbc9f0d6da9.png" data-src="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/slideshow/7cf045a92dea308e8c40acbc9f0d6da9.png" data-link="index.php/noticias/43-anuncios/2795-jornada-anual-de-la-red-de-catedras-telefonica" data-target="_blank">
+
+                <div data-thumb="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/thumbnail/7cf045a92dea308e8c40acbc9f0d6da9.png" data-src="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/slideshow/7cf045a92dea308e8c40acbc9f0d6da9.png" data-link="index.php/noticias/43-anuncios/2795-jornada-anual-de-la-red-de-catedras-telefonica" data-target="_blank noopener">
                 </div>
-                {/* 19-SEP-2017: Incluir atributo de link y target para enlazar con URL definida
-<div data-thumb="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/thumbnail/22f496a0aa0ac0129c30ffd191b18818.png" data-src="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/slideshow/22f496a0aa0ac0129c30ffd191b18818.png">
-Fin 19-SEP-2017 */}
+
                 <div data-thumb="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/thumbnail/22f496a0aa0ac0129c30ffd191b18818.png" data-src="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/slideshow/22f496a0aa0ac0129c30ffd191b18818.png" data-link="index.php/grados/ingenieria-del-software-ingles" data-target>
                 </div>
-                {/* 19-SEP-2017: Incluir atributo de link y target para enlazar con URL definida
-<div data-thumb="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/thumbnail/b826c230029eb09ea2d15364501f0540.png" data-src="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/slideshow/b826c230029eb09ea2d15364501f0540.png">
-Fin 19-SEP-2017 */}
+
                 <div data-thumb="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/thumbnail/b826c230029eb09ea2d15364501f0540.png" data-src="https://www.informatica.us.es/modules/mod_bt_simple_slideshow/images/slideshow/b826c230029eb09ea2d15364501f0540.png" data-link="/index.php/grados" data-target>
                 </div>
-              </div><div className="camera_target"><div className="cameraCont"><div className="cameraSlide cameraSlide_0 cameracurrent" style={{visibility: 'visible', display: 'block', zIndex: 999}}><img src={img_slideshow} className="imgLoaded" data-alignment data-portrait width={500} height={250} style={{visibility: 'visible', height: 250, marginLeft: '74.5px', marginRight: '74.5px', marginTop: 0, position: 'absolute', width: 500}} /><div className="camerarelative" style={{width: 649, height: 250}} /></div><div className="cameraSlide cameraSlide_1 cameranext" style={{display: 'none'}}><img src="./Inicio_files/1e789ab5ed9db256034022488621a459.png" className="imgLoaded" style={{visibility: 'visible', height: 250, marginLeft: '74.5px', marginRight: '74.5px', marginTop: 0, position: 'absolute', width: 500}} data-alignment data-portrait width={500} height={250} /><div className="camerarelative" style={{width: 649, height: 250}} /></div><div className="cameraSlide cameraSlide_2"><div className="camerarelative" style={{width: 649, height: 250}} /></div><div className="cameraSlide cameraSlide_3"><div className="camerarelative" style={{width: 649, height: 250}} /></div><div className="cameraSlide cameraSlide_4"><div className="camerarelative" style={{width: 649, height: 250}} /></div><div className="cameraSlide cameraSlide_5" style={{zIndex: 1, display: 'none'}}><div className="camerarelative" style={{width: 649, height: 250}} /></div></div></div><div className="camera_overlayer" /><div className="camera_target_content"><div className="cameraContents"><div className="cameraContent cameracurrent" style={{display: 'block'}}><a className="camera_link" href="https://www.informatica.us.es/index.php/noticias/43-anuncios/2787-feria-online-de-practicas-de-la-etsii" /></div><div className="cameraContent"><a className="camera_link" href="https://www.informatica.us.es/index.php/registro-de-ocupacion-en-aulas" /></div><div className="cameraContent"><a className="camera_link" href="https://www.informatica.us.es/index.php/noticias/43-anuncios/2795-jornada-anual-de-la-red-de-catedras-telefonica" target="_blank" /></div><div className="cameraContent"><a className="camera_link" href="https://www.informatica.us.es/index.php/grados/ingenieria-del-software-ingles" /></div><div className="cameraContent"><a className="camera_link" href="https://www.informatica.us.es/index.php/grados" /></div></div></div><div className="camera_bar" style={{display: 'none', top: 'auto', height: 7}}><span className="camera_bar_cont" style={{opacity: '0.8', position: 'absolute', inset: 0, backgroundColor: 'rgb(34, 34, 34)'}}><span id="pie_0" style={{opacity: '0.8', position: 'absolute', backgroundColor: 'rgb(238, 238, 238)', inset: '2px 0px', display: 'none'}} /></span></div><div className="camera_prev" style={{opacity: 0}}><span /></div><div className="camera_next" style={{opacity: 0}}><span /></div></div><div className="camera_thumbs_cont" style={{visibility: 'visible'}} /><div className="camera_pag"><ul className="camera_pag_ul"><li className="pag_nav_0 cameracurrent" style={{position: 'relative', zIndex: 1002}}><span><span>0</span></span><img src="./Inicio_files/cbd8b05e22224d61619d149b2905810a(1).png" className="camera_thumb" style={{position: 'absolute', opacity: 0}} /><div className="thumb_arrow" style={{opacity: 0}} /></li><li className="pag_nav_1" style={{position: 'relative', zIndex: 1002}}><span><span>1</span></span><img src="./Inicio_files/1e789ab5ed9db256034022488621a459(1).png" className="camera_thumb" style={{position: 'absolute', opacity: 0}} /><div className="thumb_arrow" style={{opacity: 0}} /></li><li className="pag_nav_2" style={{position: 'relative', zIndex: 1002}}><span><span>2</span></span><img src="./Inicio_files/7cf045a92dea308e8c40acbc9f0d6da9.png" className="camera_thumb" style={{position: 'absolute', opacity: 0}} /><div className="thumb_arrow" style={{opacity: 0}} /></li><li className="pag_nav_3" style={{position: 'relative', zIndex: 1002}}><span><span>3</span></span><img src="./Inicio_files/22f496a0aa0ac0129c30ffd191b18818.png" className="camera_thumb" style={{position: 'absolute', opacity: 0}} /><div className="thumb_arrow" style={{opacity: 0}} /></li><li className="pag_nav_4" style={{position: 'relative', zIndex: 1002}}><span><span>4</span></span><img src="./Inicio_files/b826c230029eb09ea2d15364501f0540.png" className="camera_thumb" style={{position: 'absolute', opacity: 0}} /><div className="thumb_arrow" style={{opacity: 0}} /></li></ul></div><div className="camera_loader" style={{display: 'none'}} /></div>
+              </div><div className="camera_target"><div className="cameraCont"><div className="cameraSlide cameraSlide_0 cameracurrent" style={{visibility: 'visible', display: 'block', zIndex: 999}}><img src={img_slideshow} alt="" className="imgLoaded" data-alignment data-portrait width={500} height={250} style={{visibility: 'visible', height: 250, marginLeft: '74.5px', marginRight: '74.5px', marginTop: 0, position: 'absolute', width: 500}} /><div className="camerarelative" style={{width: 649, height: 250}} /></div><div className="cameraSlide cameraSlide_1 cameranext" style={{display: 'none'}}><img src="./Inicio_files/1e789ab5ed9db256034022488621a459.png" alt="" className="imgLoaded" style={{visibility: 'visible', height: 250, marginLeft: '74.5px', marginRight: '74.5px', marginTop: 0, position: 'absolute', width: 500}} data-alignment data-portrait width={500} height={250} /><div className="camerarelative" style={{width: 649, height: 250}} /></div><div className="cameraSlide cameraSlide_2"><div className="camerarelative" style={{width: 649, height: 250}} /></div><div className="cameraSlide cameraSlide_3"><div className="camerarelative" style={{width: 649, height: 250}} /></div><div className="cameraSlide cameraSlide_4"><div className="camerarelative" style={{width: 649, height: 250}} /></div><div className="cameraSlide cameraSlide_5" style={{zIndex: 1, display: 'none'}}><div className="camerarelative" style={{width: 649, height: 250}} /></div></div></div><div className="camera_overlayer" /><div className="camera_target_content"><div className="cameraContents"><div className="cameraContent cameracurrent" style={{display: 'block'}}><a className="camera_link" href="https://www.informatica.us.es/index.php/noticias/43-anuncios/2787-feria-online-de-practicas-de-la-etsii" /></div><div className="cameraContent"><a className="camera_link" href="https://www.informatica.us.es/index.php/registro-de-ocupacion-en-aulas" /></div><div className="cameraContent"><a className="camera_link" href="https://www.informatica.us.es/index.php/noticias/43-anuncios/2795-jornada-anual-de-la-red-de-catedras-telefonica" target="_blank noopener" /></div><div className="cameraContent"><a className="camera_link" href="https://www.informatica.us.es/index.php/grados/ingenieria-del-software-ingles" /></div><div className="cameraContent"><a className="camera_link" href="https://www.informatica.us.es/index.php/grados" /></div></div></div><div className="camera_bar" style={{display: 'none', top: 'auto', height: 7}}><span className="camera_bar_cont" style={{opacity: '0.8', position: 'absolute', inset: 0, backgroundColor: 'rgb(34, 34, 34)'}}><span id="pie_0" style={{opacity: '0.8', position: 'absolute', backgroundColor: 'rgb(238, 238, 238)', inset: '2px 0px', display: 'none'}} /></span></div><div className="camera_prev" style={{opacity: 0}}><span /></div><div className="camera_next" style={{opacity: 0}}><span /></div></div><div className="camera_thumbs_cont" style={{visibility: 'visible'}} /><div className="camera_pag"><ul className="camera_pag_ul"><li className="pag_nav_0 cameracurrent" style={{position: 'relative', zIndex: 1002}}><span><span>0</span></span><img src="./Inicio_files/cbd8b05e22224d61619d149b2905810a(1).png" alt="" className="camera_thumb" style={{position: 'absolute', opacity: 0}} /><div className="thumb_arrow" style={{opacity: 0}} /></li><li className="pag_nav_1" style={{position: 'relative', zIndex: 1002}}><span><span>1</span></span><img src="./Inicio_files/1e789ab5ed9db256034022488621a459(1).png" alt="" className="camera_thumb" style={{position: 'absolute', opacity: 0}} /><div className="thumb_arrow" style={{opacity: 0}} /></li><li className="pag_nav_2" style={{position: 'relative', zIndex: 1002}}><span><span>2</span></span><img src="./Inicio_files/7cf045a92dea308e8c40acbc9f0d6da9.png" alt="" className="camera_thumb" style={{position: 'absolute', opacity: 0}} /><div className="thumb_arrow" style={{opacity: 0}} /></li><li className="pag_nav_3" style={{position: 'relative', zIndex: 1002}}><span><span>3</span></span><img src="./Inicio_files/22f496a0aa0ac0129c30ffd191b18818.png" alt="" className="camera_thumb" style={{position: 'absolute', opacity: 0}} /><div className="thumb_arrow" style={{opacity: 0}} /></li><li className="pag_nav_4" style={{position: 'relative', zIndex: 1002}}><span><span>4</span></span><img src="./Inicio_files/b826c230029eb09ea2d15364501f0540.png" alt="" className="camera_thumb" style={{position: 'absolute', opacity: 0}} /><div className="thumb_arrow" style={{opacity: 0}} /></li></ul></div><div className="camera_loader" style={{display: 'none'}} /></div>
           <div style={{clear: 'both'}} />
         </div>        
       </div>