Skip to content

Commit

Permalink
* Actualización de paths
Browse files Browse the repository at this point in the history
* fonts faltantes
  • Loading branch information
uriel-online committed Aug 23, 2024
1 parent 43e4dee commit 8fe5502
Show file tree
Hide file tree
Showing 6 changed files with 145 additions and 5 deletions.
140 changes: 140 additions & 0 deletions desarrollos-gallery.xslt
Original file line number Diff line number Diff line change
@@ -0,0 +1,140 @@
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml" exclude-result-prefixes="xsl">
<xsl:param name="desarrollo"></xsl:param>
<xsl:template match="/*">
<xsl:variable name="images" select="data|self::*[not(data)]"/>
<div class="carousel-inner" desarrollo="{$desarrollo}">
<xsl:apply-templates select="$images">
<xsl:sort select="comment"/>
<xsl:sort select="value"/>
</xsl:apply-templates>
</div>
</xsl:template>

<xsl:template match="*">
<div class="carousel-item active">
<style>
.wrapper_span {
width: 300px;
height: 60px;
position: relative;
left: 50%;
transform: translate(-50%, -50%);
}

/*.wrapper_span span.loading_span {
color: #000000;
font-size: 20px;
font-weight: 600;
}*/
.wrapper_span span.loading_span {
color: var(--main-bg-color,#00B0AD);
font-size: 20px;
font-weight: 600;
position: absolute;
top: 95px;
left: 35%;
}

.circle_loading {
width: 20px;
height: 20px;
position: absolute;
border-radius: 50%;
background-color: #00B0AD;
left: 15%;
transform-origin: 50%;
animation: circle_loading .5s alternate infinite ease;
}

@keyframes circle_loading {
0% {
top: 60px;
height: 5px;
border-radius: 50px 50px 25px 25px;
transform: scaleX(1.7);
}

40% {
height: 20px;
border-radius: 50%;
transform: scaleX(1);
}

100% {
top: 0%;
}
}

.circle_loading:nth-child(2) {
left: 45%;
animation-delay: .2s;
}

.circle_loading:nth-child(3) {
left: auto;
right: 15%;
animation-delay: .3s;
}

.shadow_loading {
width: 20px;
height: 4px;
border-radius: 50%;
background-color: rgba(0,0,0,.5);
position: absolute;
top: 62px;
transform-origin: 50%;
z-index: -1;
left: 15%;
filter: blur(1px);
animation: shadow_loading .5s alternate infinite ease;
}

@keyframes shadow_loading {
0% {
transform: scaleX(1.5);
}

40% {
transform: scaleX(1);
opacity: .7;
}

100% {
transform: scaleX(.2);
opacity: .4;
}
}

.shadow_loading:nth-child(4) {
left: 45%;
animation-delay: .2s
}

.shadow_loading:nth-child(5) {
left: auto;
right: 15%;
animation-delay: .3s;
}
</style>
<img/>
<div class="circle_loading"></div>
<div class="circle_loading"></div>
<div class="circle_loading"></div>
<div class="shadow_loading"></div>
<div class="shadow_loading"></div>
<div class="shadow_loading"></div>
<span class="loading_span">Cargando...</span>
</div>
</xsl:template>

<xsl:template match="data">
<xsl:variable name="src" select="substring-before(value,';')"/>
<xsl:variable name="active">
<xsl:if test="position()=1">active</xsl:if>
</xsl:variable>
<div class="carousel-item {$active}">
<img class="d-block w-100" src="/assets/desarrollos/{$desarrollo}/{$src}" alt="{$desarrollo}" fetchPriority="low"/>
</div>
</xsl:template>
</xsl:stylesheet>
2 changes: 1 addition & 1 deletion gallery.xslt
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
<div id="carousel_{$desarrollo}" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5000">
<div class="carousel-inner" xo-source="#{$desarrollo}:gallery" xo-stylesheet="desarrollos-gallery.xslt" desarrollo="{$desarrollo}">
<div class="carousel-item">
<img src="/assets/desarrollos/{$desarrollo}/cover.jpg" alt="" class="img-fluid d-block w-100" />
<img src="./assets/desarrollos/{$desarrollo}/cover.jpg" alt="" class="img-fluid d-block w-100" />
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carousel_{$desarrollo}" data-bs-slide="prev">
Expand Down
8 changes: 4 additions & 4 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
<!-- Styles -->
<link rel="xover-manifest" href="manifest.json?v=20240401_0945">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="preload" href="assets/fonts/Montserrat-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="./assets/fonts/Montserrat-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link href="./css/bootstrap.min.css" rel="stylesheet">
<link href="./css/fontawesome-all.min.css" rel="stylesheet">
<link href="./css/aos.min.css" rel="stylesheet">
Expand Down Expand Up @@ -172,15 +172,15 @@ <h1 class="headline logo-container" data-aos="fade-right" style="text-align: cen
}

li.doble-sentido::before {
background-image: url('assets/img/arrows.png');
background-image: url('./assets/img/arrows.png');
}

li.handicap::before {
background-image: url('assets/img/wheelchair.png');
background-image: url('./assets/img/wheelchair.png');
}

li.service::before {
background-image: url('assets/img/delivery.png');
background-image: url('./assets/img/delivery.png');
}

.img-fluid {
Expand Down
Binary file added webfonts/fa-brands-400.ttf
Binary file not shown.
Binary file added webfonts/fa-brands-400.woff
Binary file not shown.
Binary file added webfonts/fa-brands-400.woff2
Binary file not shown.

0 comments on commit 8fe5502

Please sign in to comment.