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

feat: logoa sartzen du eta estiloak konpontzen ditu

Browse Source
This commit is contained in:
Aitor Urrutia
2022-01-17 08:57:15 +01:00
parent 11f63f9f3f
commit 75a7a54ff9
8 changed files with 127 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
front/src/assets/instagram.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.38 18.43"><defs><style>.cls-1{fill:#191919;}</style></defs><path class="cls-1" d="M18.38,5.44v7.42l0,.19c0,.36-.06.73-.12,1.09a4.88,4.88,0,0,1-1.57,2.94,5.39,5.39,0,0,1-3.38,1.28l-1.3.07H6.43l-.33,0a10.15,10.15,0,0,1-2.2-.23A4.69,4.69,0,0,1,.59,15.53,6.61,6.61,0,0,1,0,12.73c0-2,0-4,0-6a12.89,12.89,0,0,1,.21-2.7A4.75,4.75,0,0,1,2.89.61,6.72,6.72,0,0,1,5.65.05C8.2,0,10.74,0,13.28.09a5.65,5.65,0,0,1,2.14.48,4.81,4.81,0,0,1,2.85,3.91C18.32,4.8,18.34,5.12,18.38,5.44ZM9.18,16.81v0h1.48c1,0,2.1,0,3.14-.16a3,3,0,0,0,2.72-2.41,8,8,0,0,0,.2-1.76c0-1.85,0-3.7,0-5.56a18.25,18.25,0,0,0-.13-2.22A3.08,3.08,0,0,0,14,1.88a11.26,11.26,0,0,0-1.93-.17c-1.73,0-3.45,0-5.18,0a16.31,16.31,0,0,0-2.42.16A3,3,0,0,0,1.88,4.29,11,11,0,0,0,1.69,6.2c0,1.49,0,3,0,4.48,0,1,0,2.06.14,3.08A3.08,3.08,0,0,0,3.33,16.2a3.92,3.92,0,0,0,1.89.5C6.54,16.75,7.86,16.77,9.18,16.81Z"/><path class="cls-1" d="M9.2,14a4.74,4.74,0,1,1,4.73-4.74A4.74,4.74,0,0,1,9.2,14ZM6.14,9.22A3.07,3.07,0,1,0,9.2,6.16,3,3,0,0,0,6.14,9.22Z"/><path class="cls-1" d="M15.22,4.29A1.1,1.1,0,1,1,14.1,3.2,1.1,1.1,0,0,1,15.22,4.29Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

1
front/src/assets/logo.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.87 89.87"><defs><style>.cls-1{fill:#191919;}</style></defs><path class="cls-1" d="M3.75,89.87A3.76,3.76,0,0,1,0,86.73,8.61,8.61,0,0,1,0,84.9c.14-2.52.3-5,.46-7.56q.33-5.52.68-11c.14-2.29.27-4.59.41-6.89l.57-9.2c.13-2.28.27-4.56.4-6.83l.57-9.27c.14-2.2.27-4.39.4-6.59q.3-4.78.58-9.57c.14-2.3.27-4.59.41-6.89C4.64,8.52,4.78,6,5,3.44A3.74,3.74,0,0,1,9,0c1.36.13,2.7.37,4,.57L22.39,2l9.29,1.41,9.24,1.39,9.35,1.42L58.6,7.5a7.29,7.29,0,0,1,1.3.33L97.12,21.2a3.8,3.8,0,0,1,2.73,3.34,4.21,4.21,0,0,1-.09,1.27q-2.15,10.71-4.32,21.42T91.1,68.77c-.29,1.46-.59,2.91-.88,4.37a4.07,4.07,0,0,0-.07.85q.21,4.29.44,8.6c0,1,.12,2,.15,3a3.81,3.81,0,0,1-4,4.09C82.34,89.74,6,89.88,3.75,89.87Zm83.17-4c-.06-1.26-.13-2.42-.18-3.57-.14-2.85-.29-5.7-.42-8.54a4.43,4.43,0,0,1,.07-1q1.94-9.69,3.91-19.39Q93,39.92,95.74,26.45c.1-.51.19-1,.29-1.54l-.62-.25L58.66,11.45a4.35,4.35,0,0,0-.71-.18l-5.67-.86-13.34-2L24.82,6.25,10.7,4.1,8.76,3.82Q6.26,45,3.76,86.05Z"/><path class="cls-1" d="M47.26,78.56v1.37H43.32c-.13-.41-.19-19.51,0-20.63h4v6.93a3.17,3.17,0,0,0,.31-.24,5.43,5.43,0,0,1,4.37-1.47,6,6,0,0,1,5.42,4,9.85,9.85,0,0,1,0,7.79,6,6,0,0,1-4.39,3.8,5.63,5.63,0,0,1-5.47-1.44A1.51,1.51,0,0,0,47.26,78.56Zm6.75-6A6.18,6.18,0,0,0,53.6,70a3.16,3.16,0,0,0-3.3-2,3.07,3.07,0,0,0-2.86,2.28,7.31,7.31,0,0,0,0,4.27,3.08,3.08,0,0,0,2.93,2.27,3.15,3.15,0,0,0,3.22-2A5.65,5.65,0,0,0,54,72.53Z"/><path class="cls-1" d="M69.12,78.62A5.53,5.53,0,0,1,66.49,80a7.41,7.41,0,0,1-3.74,0,4.33,4.33,0,0,1-3.16-5.29,4,4,0,0,1,1.94-2.62,9.78,9.78,0,0,1,3.27-1.13l3.42-.65c.16,0,.31-.08.45-.12A1.75,1.75,0,0,0,67.19,68a4.78,4.78,0,0,0-1.51,0A2.06,2.06,0,0,0,64,69.34c-.06.14-.12.29-.21.53L60,69.16a2.58,2.58,0,0,1,.12-.48,6.12,6.12,0,0,1,4.54-4,8.8,8.8,0,0,1,4.47.1,4.55,4.55,0,0,1,3.57,4.53c0,2,0,4.07,0,6.11,0,.18,0,.36,0,.55,0,.68.24.88.93.93l.27,0v2.92A4.39,4.39,0,0,1,69.12,78.62ZM68.72,73l-3,.61a3.33,3.33,0,0,0-.64.16,4.74,4.74,0,0,0-1,.47,1.57,1.57,0,0,0,.28,2.67,3.54,3.54,0,0,0,4-1.06,2.43,2.43,0,0,0,.38-1C68.76,74.29,68.72,73.7,68.72,73Z"/><path class="cls-1" d="M40.9,77a3.07,3.07,0,0,1,.05.38c0,.85,0,1.71,0,2.62-1.82.21-3.54.35-4.82-1.33A5.52,5.52,0,0,1,33.51,80a7.21,7.21,0,0,1-4.09-.16,4.32,4.32,0,0,1-2.78-5.35,4,4,0,0,1,2-2.48,9.63,9.63,0,0,1,3.21-1.1l3.42-.65.45-.11A1.75,1.75,0,0,0,34.2,68a4.78,4.78,0,0,0-1.51,0A2.06,2.06,0,0,0,31,69.34c-.06.14-.12.29-.21.53L27,69.17a3.91,3.91,0,0,1,.12-.49,6.12,6.12,0,0,1,4.54-4,8.68,8.68,0,0,1,4.41.09,4.57,4.57,0,0,1,3.64,4.67c0,2,0,3.91,0,5.86v.43C39.71,76.72,39.88,76.9,40.9,77ZM35.73,73c-1.28.27-2.47.51-3.65.79a2.68,2.68,0,0,0-1,.46,1.57,1.57,0,0,0,.33,2.7,3.59,3.59,0,0,0,3.83-1,2.56,2.56,0,0,0,.45-1.11A14.07,14.07,0,0,0,35.73,73Z"/><path class="cls-1" d="M11.5,59.3h4.18v17h9.49v3.66H11.54C11.41,79.52,11.37,60.16,11.5,59.3Z"/><path class="cls-1" d="M80.59,80H76a3.06,3.06,0,0,1-.07-.4c0-1.42,0-2.85,0-4.27a2.35,2.35,0,0,1,4.69-.07c0,1.48,0,3,0,4.45A1.35,1.35,0,0,1,80.59,80Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

1
front/src/assets/twitter.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.49 18.23"><defs><style>.cls-1{fill:#191919;}</style></defs><path class="cls-1" d="M14.26,1.67a3.74,3.74,0,0,1,2.63,1.08.27.27,0,0,0,.21.09h.1a7.8,7.8,0,0,0,2-.77L19.41,2c-.29.79-.33.94-1.54,2.05a8.3,8.3,0,0,0,2-.5c-.27.33-.53.67-.83,1a10.75,10.75,0,0,1-.87.78.36.36,0,0,0-.16.33,10.9,10.9,0,0,1-3.4,8.18,9.83,9.83,0,0,1-5.71,2.73,11.28,11.28,0,0,1-1.63.12,10.61,10.61,0,0,1-5.56-1.56L1.61,15s0,0,0-.05a7.26,7.26,0,0,0,.8,0,7.63,7.63,0,0,0,4.7-1.6,3.88,3.88,0,0,1-3.53-2.63,4.56,4.56,0,0,0,.72.06,3.13,3.13,0,0,0,.91-.13A4,4,0,0,1,3.07,9.33,3.72,3.72,0,0,1,2.25,7c.28.1.53.22.8.29a3.78,3.78,0,0,0,.83.13A3.94,3.94,0,0,1,2.38,5.1a3.67,3.67,0,0,1,.41-2.72,10.8,10.8,0,0,0,7.78,3.94c0-.17-.05-.32-.07-.47a3.79,3.79,0,0,1,3.76-4.18m5.15.3h0M14.26.08a5.38,5.38,0,0,0-2.33.54A5.3,5.3,0,0,0,9.57,2.85,5.07,5.07,0,0,0,9,4.48,9.25,9.25,0,0,1,4,1.35,1.58,1.58,0,0,0,2.79.79H2.63A1.61,1.61,0,0,0,1.4,1.6,5.34,5.34,0,0,0,.82,5.44c.05.2.1.38.16.57A1.57,1.57,0,0,0,.66,7a5.34,5.34,0,0,0,1.16,3.34l.17.2a1.58,1.58,0,0,0,.1.83,6,6,0,0,0,1.24,2,5.86,5.86,0,0,1-.94.07c-.21,0-.44,0-.66,0H1.59a1.58,1.58,0,0,0-1.5,2.1,1.57,1.57,0,0,0,.61.83l.22.14A12.19,12.19,0,0,0,7.3,18.23a14.51,14.51,0,0,0,1.85-.13,11.41,11.41,0,0,0,6.6-3.17,12.8,12.8,0,0,0,2.93-4.26,13.15,13.15,0,0,0,.95-4.51c.2-.18.4-.36.59-.56s.46-.52.67-.78l.23-.28A1.6,1.6,0,0,0,21,2.4l0,0s0,0,0,0A1.34,1.34,0,0,0,21,2,1.59,1.59,0,0,0,19.45.38h-.13a1.62,1.62,0,0,0-.65.18l0,0-.17.09a6,6,0,0,1-1,.45,5.32,5.32,0,0,0-3.16-1Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

32
front/src/pages/index.tsx
View File

@@ -5,6 +5,7 @@ import styled from 'styled-components';
import { Container } from '../components/Container';
import { GlobalStyles } from '../ui/GlobalStyles';
import { font, media, size } from '../ui/theme';
import LabaLogo from '../assets/logo.svg';
interface DataProps {
strapiHasiera: {
@@ -36,7 +37,9 @@ const IndexPage: React.VFC<PageProps> = () => {
<GlobalStyles />
<Gainburua>
<div>LABA LOGOA</div>
<LogoWrapper>
<Logo />
</LogoWrapper>
<Helbidea>
<p>Gazteluko plaza 2</p>
@@ -60,10 +63,21 @@ const IndexPage: React.VFC<PageProps> = () => {
);
};
const Helbidea = styled.div`
const LogoWrapper = styled.div`
width: ${rem(size.huge)};
`;
const Logo = styled(LabaLogo)`
path {
fill: white;
}
`;
const Helbidea = styled.address`
align-self: start;
border-right: 3px solid white;
padding-right: ${rem(size.small)};
${font.small()};
${font.tiny()};
`;
const Gainburua = styled.header`
@@ -79,10 +93,13 @@ const Gainburua = styled.header`
const Deskribapena = styled.p`
margin-bottom: ${rem(size.xlarge)};
text-align: justify;
${font.large()};
${font.base()};
${media.tablet`
${font.large()};
`};
`;
const IzenburuWrapper = styled.div`
@@ -98,10 +115,13 @@ const Marra = styled.hr`
`;
const Izenburua = styled.h1`
text-transform: uppercase;
text-align: right;
vertical-align: bottom;
&:after {
content: '.';
}
${font.gargantuan()};
`;