Skip to content

Commit

Permalink
cambios qt 03/01
Browse files Browse the repository at this point in the history
  • Loading branch information
@xtian7489
xtian7489 committed Jan 9, 2024
1 parent c291c72 commit fb9b10b
Show file tree
Hide file tree
Showing 11 changed files with 49 additions and 31 deletions.
4 changes: 2 additions & 2 deletions public/images/country-background/BR.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions public/images/country-background/CO.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions src/app/_components/common/banner-title.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@ import Link from "next/link"
import Logo from "./logo"

const BannerTitle = ({ urlAction, title, subtitle, image, linkButton, textButton }) => {
return (<div className='hero is-fullheight banner-title is-flex is-justify-content-center is-align-items-flex-start is-flex-direction-column is-relative'
return (<div className='hero is-fullheight banner-title is-flex is-justify-content-center is-align-items-flex-start is-flex-direction-column is-relative pt-0'
style={{ backgroundImage: `url('${image}')` }}>
<div className="is-overlay"></div>
<div className="content">

<Logo color='#2B1B18' />
<div className="my-3">
<p className=' title has-text-brown-dark is-uppercase mb-3'>{title}</p>
<p className="has-text-weight-light is-size-4 has-text-brown-dark has-text-weight-bold ">{subtitle}</p>
<p className=' title has-text-brown-dark is-uppercase has-text-weight-bold mb-3 is-size-1 is-size-3-touch'>{title}</p>
<p className="has-text-weight-light has-text-brown-dark has-text-weight-bold is-size-4 is-size-5-touch">{subtitle}</p>
</div>
</div>
{textButton && linkButton && <Link href={linkButton} className="button is-white is-rounded px-6 is-uppercase">{textButton}</Link>}
Expand Down
4 changes: 2 additions & 2 deletions src/app/_components/landing/banner-pacto-landing.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@

export default function BannerPactoLanding({ description }) {

return (<div className="banner-interciudad has-background-cream " id="banner-interciudad">
<h1 className="has-text-centered is-size-2"> Pacto Inter-Ciudad</h1>
return (<div className="banner-interciudad has-background-cream py-6 px-2" id="banner-interciudad">
<h1 className="has-text-centered is-size-2 is-size-3-touch has-text-weight-bold"> Pacto Inter-Ciudad</h1>
{/* <div className="has-text-centered py-5">
<img src="/images/image-pacto-interciudad.png" alt="pacto inter-ciudad" />
Expand Down
4 changes: 2 additions & 2 deletions src/app/_components/landing/countries-banner.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import { getDictionary } from "@/app/[lang]/dictionaries";


export default function CountriesBanner({ countries, title }) {
return <div className="countries-banner has-text-centered has-background-cream p-6" id="countries-banner">
return <div className="countries-banner has-text-centered has-background-cream py-6" id="countries-banner">
<h1 className="has-text-color-white has-text-centered is-size-2 has-text-weight-bold">{title}</h1>
<div className="card-group is-flex is-justify-content-space-evenly is-flex-wrap-wrap my-4">
{countries.map(country =>
Expand All @@ -28,7 +28,7 @@ export default function CountriesBanner({ countries, title }) {
</div>
</div>
<footer className="card-footer is-justify-content-center py-4">
<Link href={'/#' + country.code} scroll={true} className="button more-button has-background-pink has-text-white has-text-weight-bold is-size-4 ">+</Link>
<Link href={'#' + country.code} scroll={true} className="button more-button has-background-pink has-text-white has-text-weight-bold is-size-4 ">+</Link>
</footer>
</div>
)}
Expand Down
2 changes: 1 addition & 1 deletion src/app/_components/landing/slider-banner.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ export default function App({ textsSlider }) {
loop={true}
className="mySwiper has-text-white has-background-primary">
{textsSlider.map((text, idx) =>
<SwiperSlide key={idx}><div className='swiper-item is-size-4 is-size-5-touch' dangerouslySetInnerHTML={{ __html: text }}></div></SwiperSlide>
<SwiperSlide key={idx}><div className='swiper-item is-size-4 is-size-6-touch' dangerouslySetInnerHTML={{ __html: text }}></div></SwiperSlide>
)}
</Swiper>
</div>
Expand Down
14 changes: 7 additions & 7 deletions src/app/_components/layout/footer.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,26 +7,26 @@ import Logo from "@/app/_components/common/logo";
export default function Footer() {

return (
<footer className='footer-wrapper py-6'>
<div className='logo'>
<footer className='footer-wrapper py-5'>
<div className='logo py-4'>
<Link href="/" >
<Logo widthLogo='300' />
<Logo />
</Link>

</div>
<ul className="footer-rrss">
<ul className="footer-rrss py-4">
<li >
<Link className='link-footer has-text-weight-bold' href="https://twitter.com/fundacionDER" target="_blank" >
<Link className='link-footer ' href="https://twitter.com/fundacionDER" target="_blank" >
<FontAwesomeIcon icon={faSquareTwitter} />
</Link>
</li>
<li >
<Link className='link-footer has-text-weight-bold' href="https://www.instagram.com/democraciaenred" target="_blank" >
<Link className='link-footer ' href="https://www.instagram.com/democraciaenred" target="_blank" >
<FontAwesomeIcon icon={faInstagram} />
</Link>
</li>
<li >
<Link className='link-footer has-text-weight-bold' href="https://www.facebook.com/democraciaenred" target="_blank" >
<Link className='link-footer ' href="https://www.facebook.com/democraciaenred" target="_blank" >
<FontAwesomeIcon icon={faSquareFacebook} />
</Link>
</li>
Expand Down
10 changes: 5 additions & 5 deletions src/app/_components/layout/navbar.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,23 +50,23 @@ export default function Navbar() {
</Link>

</div>
<div className={`navbar-links has-text-white is-justify-content-center is-flex-grow-1 ${!menuOpen ? 'is-hidden-mobile' : ''}`}>
<div className={`navbar-links has-text-white is-flex-grow-1 ${!menuOpen ? 'is-hidden-mobile' : ''}`}>
<ul >
<li className={pathname == "/" ? 'active' : ""}>
<li >
<Link onClick={handleOpenMenu} className='link-navbar' href="/" >
<span>
Inicio
</span>
</Link>
</li>
<li className={pathname == "/pacto" ? 'active' : ""}>
<li >
<Link onClick={handleOpenMenu} className='link-navbar' href="#countries-banner" >
<span>
asambleas
</span>
</Link>
</li>
<li className={pathname == "/acerca-de" ? 'active' : ""}>
<li >
<Link onClick={handleOpenMenu} className='link-navbar' href="#banner-interciudad" >
<span>
sobre
Expand All @@ -78,8 +78,8 @@ export default function Navbar() {

</ul>
<FontAwesomeIcon icon={faXmark} className="is-hidden-tablet" onClick={handleOpenMenu} />
</div>
<LangSwitch />
</div>
<div className="menu-navbar is-hidden-tablet is-flex is-align-items-center mr-5" onClick={handleOpenMenu}>
<FontAwesomeIcon icon={faBars} />
</div>
Expand Down
4 changes: 2 additions & 2 deletions src/static/scss/common.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -149,13 +149,13 @@
width: 60%;
}
}
.title {
/* .title {
font-size: 4rem;
font-weight: 900;
@include tablet {
font-size: 3rem;
}
}
} */
@include tablet {
width: 100%;
text-align: center;
Expand Down
8 changes: 4 additions & 4 deletions src/static/scss/landing.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,10 +99,10 @@
}

.banner-interciudad {
padding: 3rem;
/* padding: 3rem;
@include tablet{
padding: .5rem;
}
} */
.content{
width: 75%;
@include tablet{
Expand All @@ -112,9 +112,9 @@
}
}
ol {
padding: 3rem;
padding: 0 3rem;
@include tablet{
padding: .75rem;
padding: 0 .75rem;
}

}
Expand Down
20 changes: 19 additions & 1 deletion src/static/scss/layout.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,13 +28,23 @@
display: flex;
align-items: center;
width: 50%;
justify-content: center;
@include tablet{
padding-top: 15%;
justify-content:flex-start;
flex-direction: column;
}
ul {
display: flex;
align-items: center;

li {
height: 100%;
list-style: none;
@include tablet{
height: auto;
padding: 1rem 0;
}

>a {
height: 100%;
Expand Down Expand Up @@ -74,7 +84,7 @@
@include tablet {
flex-direction: column;
width: 100%;
height: 80%;
height: 60%;
}
}

Expand Down Expand Up @@ -146,6 +156,14 @@
@include tablet {
margin: 0;
}
a{
svg{
width: 250px;
@include tablet{
width: 200px;
}
}
}

}

Expand Down

0 comments on commit fb9b10b

Please sign in to comment.