Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

update cookies feature and about page #46

Merged
merged 1 commit into from
Jun 30, 2023
Merged

update cookies feature and about page #46

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 6 additions & 23 deletions src/components/Layout.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,31 +42,20 @@ const Layout = ({ children }) => {

const cookieConsentStyle = {
backgroundColor: '#e3e3e3',
fontSize: '0.7rem',
fontSize: '12px',
color: '#000',
transform: 'translateY(-20%)',
boxShadow:
'rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px',
width: '100%',
border: '1px solid white',
borderRadius: '4px',
display: 'flex',
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
padding: `${isMobileView ? '0 30px' : '0 100px'}`,
padding: `${isMobileView ? '0 30px' : '0 250px'}`,
};

const buttonStyle = {
background: '#a6f7d3',
borderRadius: '4px',
fontWeight: 'bold',
};

const declineButtonStyle = {
backgroundColor: 'transparent',
borderRadius: '4px',
color: '#919191',
};

return (
Expand All @@ -75,24 +64,18 @@ const Layout = ({ children }) => {
<main>{children}</main>
<CookieConsent
location="bottom"
buttonText="Accept"
declineButtonText="Reject"
buttonText="Accept and Close"
cookieName="gatsby-gdpr-google-analytics"
enableDeclineButton
expires={150}
style={cookieConsentStyle}
buttonStyle={buttonStyle}
declineButtonStyle={declineButtonStyle}
onAccept={() => {
initializeAndTrack(location);
}}
>
<div style={{ textAlign: 'justify' }}>
I'm thrilled to have you here at{' '}
<strong>Berta Codes</strong>! By clicking{' '}
<strong>'Accept'</strong>, you're giving me the green light
to use cookies and work my magic in creating a personalized
experience just for you!{' '}
We want to let you know that we use cookies on this website.
To agree, please click the "Accept" button. You can withdraw
your consent at any time by changing your browser settings.{' '}
<a
style={{ color: '#4287db' }}
href="https://www.iubenda.com/privacy-policy/96553161/cookie-policy"
Expand Down
4 changes: 2 additions & 2 deletions src/data/setup.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
"id": 1,
"url": "https://fifinemicrophone.com?aff=1207",
"image": "https://cdn.shopify.com/s/files/1/0064/7557/9457/products/FIFINEK658USBDynamicMicrophonewithCardioidPattern_4fc9f292-23e4-49fe-b856-e8b4767fb867_1024x1024.jpg?v=1639819101",
"title": "FIFINE K658 USB DYNAMIC CARDIOID MICROPHONE",
"title": "USB DYNAMIC CARDIOID MICROPHONE",
"type": "affiliate"
},
{
Expand All @@ -30,7 +30,7 @@
{
"id": 4,
"url": "https://nuphy.com/?sca_ref=1339255.wL8DXT1nWb",
"image": "https://cdn.shopify.com/s/files/1/0268/7297/1373/products/air75_001_5f608bc9-0626-404e-aba5-c8d31d2cc164_1800x1800.jpg?v=1630647188",
"image": "https://nuphy.com/cdn/shop/files/NuPhyAir75_Main01_221230_1080x.png?v=1687677311",
"title": "MECHANICAL KEYBOARD",
"type": "affiliate"
},
Expand Down
71 changes: 46 additions & 25 deletions src/pages/about.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -89,33 +89,32 @@ const About = () => {
TypeScript, and front-end testing - Jest and
Cypress.
</li>
<li>
In <strong>2022</strong> I'm still enjoying the
full-time front-end software engineer job. I'm
learning some Java in my spare time. Also tried
freelancing, but couldn't manage that due to the
lack of time, so had to quit it. At the moment
I'm supporting my team and trying out the UI
lead hat.
</li>
</ul>
<div>
Currently, I am a full-time front-end software
engineer supporting my team as the lead for UI
performance research and Cypress testing, and making
critical decisions when required.
</div>
<br />
<Link
href="https://instagram.com/berta.codes"
target="_blank"
rel="noopener noreferrer"
>
<Instagram />
<IconTitle>
Mentor and tech content creator.
Tech content creator, mentor and speaker.
</IconTitle>
</Link>
<hr />
<section>
In <strong>2020</strong>, just after finishing my
studies, Covid happened. Everything got closed. No
coding academies, no workshops, no meeting
similar-minded people, nothing {'(!)'}. I had to
find ways to keep moving toward my software
Since <strong>2020</strong> mentoring and having fun
on Social networks (Instagram/Linkedin). Just after
finishing my studies, Covid happened. Everything got
closed. No coding academies, no workshops, no
meeting similar-minded people, nothing {'(!)'}. I
had to find ways to keep moving toward my software
engineering career. After some investigation, I
decided to join Instagram and do some networking
with software developers outhere. I've shared my
Expand All @@ -125,9 +124,29 @@ const About = () => {
helping and motivating others because I know how
much support is needed to become{' '}
<strong>a self-taught software engineer</strong>.
<br />
<br />
During <strong>2021-2022</strong> in partnership
with Lithuania Junior Achievement (LJA)
organization, I had the opportunity to visit schools
in Lithuania. During these visits, I spoke to
students about the tech world, software engineering,
and startups, with the aim of encouraging them to be
brave, creative, and curious.
<br />
<br />
In <strong>2023</strong>, for the half of the year,
I had the opportunity to be a mentor at The Kaunas
University of Technology for the Product Development
Project module. This module brings together
researchers, lecturers, social partners, and student
teams to collaborate on developing a product or
service from idea to prototype. As a mentor, I
provided guidance and advice to the student teams,
along with other company representatives involved in
the program.
</section>
<br />

<Link
href="https://github.com/bertamatu"
target="_blank"
Expand All @@ -140,21 +159,23 @@ const About = () => {
<div
style={{
display: 'flex',
flexDirection: 'row',
justifyContent: 'space-between',
flexWrap: 'wrap',
marginTop: '10px',
}}
>
<img
src="https://github-readme-stats.vercel.app/api?username=bertamatu&show_icons=true&count_private=true&theme=default_repocard"
width="500"
height="auto"
src="https://github-readme-stats.vercel.app/api/top-langs/?username=bertamatu&&theme=default_repocard&&layout=compact&&show_icons=true"
width="auto"
height="168"
alt="berta matuliauskiene github"
style={{ marginRight: '2px' }}
/>

<img
src="https://github-readme-stats.vercel.app/api/top-langs/?username=bertamatu&&theme=default_repocard&&layout=compact&&show_icons=true"
width="auto"
height="198"
src="https://github-readme-stats.vercel.app/api?username=bertamatu&show_icons=true&count_private=true&theme=default_repocard"
width="400"
height="auto"
alt="berta matuliauskiene github"
/>
</div>
Expand All @@ -172,14 +193,14 @@ const AboutPage = styled.main`
`;
const AboutText = styled.article`
margin: 80px auto;
font-size: 12px;
font-size: 13px;
color: black;
text-align: justify;
padding: 0 50px;
width: 100%;
@media (min-width: 768px) {
width: 55vw;
font-size: 12px;
font-size: 14px;
}
`;
const Link = styled.a`
Expand Down