labasarea/laba-webgunea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Laba bizi atala sortzen du (#17)

Browse Source 
* feat: laba bizi backenda sortzen du

* chore: Strapi bertsioa igotzen du

* chore: gatsbyn tipo berriak sortzen ditu

* feat: izena aldatzen du

* refactor: extract interface

* feat: ekintzaren bista sortzen du

* feat: zikloa Gatsbyn sortzen du

* chore: erabiltzaile izena aldatzen du

* feat: bizi atala sortzen du

* feat: bizi atalean ekintza eta zikloak erakusten ditu

* fix: focus visible erabiltzen du

* chore: ekintzak sartzen ditu

* feat: semantika hobetzen du

* feat: titularra erakusten du

* feat: colorea aldaten du

* feat: izenbururako hoverra konpontzen du

* feat: dastatu laba fonteak aldatzen ditu

* feat: partially active sartzen du esteketan

* refactor: cubic bezier kentzen du

* database

* chore: irudiak databasetik ezabatzen ditu

* feat: Strapi bertsioa igotzen du

* feat: cloudinary konfiguratzen du

* feat: kartelak erakusten ditu

* chore: ziklo antiespezista sortzen du

* chore: zikloa aldatzen du

* chore: tortura ekintza sortzen du

* feat: ekintza layout sortzen du

* feat: maketazioa konpontzen du

* chore: Strapi bertsioa eguneratzen du

* refactor: naming

* feat: gainburua sortzen du

* feat: maketazio dohikuntzak

* feat: ekintza zerrenda sortzen du

* feat: maketazioa hobetzen du (agian)

* feat: blur kentzen du

* fix: preview-a konpontzen du

* feat: hitzordua sartzen du

* fix: datak konpontzen ditu

* feat: irudiak handitzen ditu

* feat: draft and publish kentzen du

* feat: strapi bertsioa igotzen du

* chore: querya aldatzen du

* feat: zikloa maketatzen du

* feat: zikloak bizin erakusten ditu

* feat: maketazioa aldatzen du

* refactor: fragmentuak sortzen ditu

* refactor: fragmentua erabilten du

* feat: zikloa erakusten du

* chore: edukiak sartzen ditu

* feat: gainburua dohitzen du

* feat: strapi bertsioa igotzen du

* feat: liburutegiak igotzen ditu

* fix: build-a konpontzen du

* fix: mugikor maketazioa konpontzen du

* fix: mugikor maketazioa hobetzen du

* chore: start sript-a aldatzen du

* chore: konfigurazioa aldatzen du

* chore: Strapi bertsioa igotzen du

* chore: netlify deployments kentzen du

* chore: browserslist eguneratzen du

* Revert "chore: netlify deployments kentzen du"

This reverts commit 166fb859036ad311d1e49430d7222999071d5cb2.

* chore: warning-ak ekiditen ditu

* feat: focus-a konpontzen du

* feat: kartela konpontzen du

* feat: pasa diren zikloak ezkutatzen ditu

* feat: ekintzak ezkutatzen ditu produkzioan
This commit is contained in:
Aitor Urrutia
2024-12-02 16:37:34 +01:00
committed by GitHub
parent f8419749f2
commit 645e0923ee
90 changed files with 4854 additions and 1551 deletions
Download Patch File Download Diff File Expand all files Collapse all files

230
front/src/views/components/Hero/Hero.module.scss Normal file
View File

@@ -0,0 +1,230 @@
@import '../../../styles/tools/mediaQueries.scss';
@import '../../../styles/tools/mixins/font.scss';
@import '../../../styles/tools/mixins/container.scss';
.geziaWrapper {
display: none;
@media #{$fromDesktop} {
display: flex;
justify-content: flex-end;
}
}
.geziaLogo {
animation-duration: 2s;
animation-iteration-count: infinite;
animation-name: bounce-2;
animation-timing-function: ease;
@keyframes bounce-2 {
0% {
transform: rotate(90deg) translateX(0);
}
50% {
transform: rotate(90deg) translateX(var(--size-base));
}
100% {
transform: rotate(90deg) translateX(0);
}
}
}
.nagusia {
flex-grow: 1;
@include container;
}
.mugikorWrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
padding-top: var(--size-base);
margin-bottom: var(--size-medium);
}
.menuWrapper {
grid-column: 3;
grid-row: 1;
display: flex;
justify-content: flex-end;
}
.mugikorLogoWrapper {
grid-row: 1;
grid-column: 2;
display: flex;
justify-content: center;
}
.wrapper {
--color: var(--color-zuria);
--hover-color: var(--color-gorria);
--background-color: var(--color-beltza);
display: flex;
flex-direction: column;
background-color: var(--background-color);
color: var(--color);
}
.hasiera {
--color: var(--color-zuria);
--hover-color: var(--color-horia);
--background-color: var(--color-morea);
@media #{$fromDesktop} {
min-height: 100dvh;
}
}
.kafetegia {
--color: var(--color-beltza);
--hover-color: var(--color-gorria);
--background-color: var(--color-horia);
@media #{$fromDesktop} {
min-height: 100dvh;
}
}
.bizi {
--color: var(--color-beltza);
--hover-color: var(--color-gorria);
--background-color: var(--color-urdina);
@media #{$fromDesktop} {
min-height: 100dvh;
}
}
.logoWrapper {
width: var(--size-huge);
}
.logo {
path {
transition: fill 0.4s ease;
fill: var(--color);
}
&:hover {
path {
fill: var(--hover-color);
}
}
}
.gainburuWrapper {
padding: var(--size-base);
display: flex;
align-items: start;
justify-content: center;
@media #{$fromTablet} {
padding: var(--size-large);
}
@media #{$fromDesktop} {
justify-content: space-between;
}
}
.deskribapena {
margin-bottom: var(--size-xlarge);
hyphens: auto;
@include baseFont;
@media #{$fromTablet} {
@include largeFont;
}
}
.izenburuWrapper {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: var(--size-large);
}
.marra {
/* altuera erabiliko den letraren berdina da */
height: #{toRem(41.83)};
flex-grow: 1;
box-shadow: inset 0px -3px 0px 0px var(--color);
margin-right: var(--size-tiny);
}
.izenburua {
text-align: right;
vertical-align: bottom;
font-family: 'Abril Fatface', serif;
letter-spacing: 0.1rem;
&:after {
content: '.';
}
@include gargantuanFont;
}
.gainburuLink {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: var(--size-tiny);
@include smallFont;
transition: color 0.4s ease;
svg {
path {
transition: fill 0.4s ease;
fill: var(--color);
}
}
&:focus-visible {
outline: 3px solid var(--hover-color);
}
&:hover {
color: var(--hover-color);
svg {
path {
transition: fill 0.4s ease;
fill: var(--hover-color);
}
}
}
}
.desktopNavigazioaWrapper {
display: none;
@media #{$fromDesktop} {
display: initial;
}
}
.mobileNabigazioaWrapper {
position: absolute;
top: var(--size-base);
right: var(--size-base);
@media #{$fromDesktop} {
display: none;
}
}
.kontaktuDatuakWrapper {
display: none;
@media #{$fromDesktop} {
display: initial;
}
}