Skip to content

Commit

Permalink
initial profile updates
Browse files Browse the repository at this point in the history
  • Loading branch information
LeoGytis committed Dec 22, 2024
1 parent 4bd28f8 commit f4746d1
Show file tree
Hide file tree
Showing 5 changed files with 233 additions and 210 deletions.
133 changes: 70 additions & 63 deletions src/app/globals.css
Original file line number Diff line number Diff line change
Expand Up @@ -6,100 +6,107 @@
@import "../styles/animations.css";

@layer base {
html {
--color-primary: #fff;
/* --color-text-primary: #cbd5e1; */
--color-text-primary: #fff;
/* --color-text-secondary: #94a4b7; */
--color-text-secondary: #fff;
--color-secondary: #5eead4;
--color-tag: #5eead4;
--color-tag-bg: #2dd4bf1a;
--color-tag-border: #5eead480;
--color-background-start: #042d41;
--color-background-end: #043e55;
--color-stars: #a8ff4b;
}
html {
--color-primary: #fff;
/* --color-text-primary: #cbd5e1; */
--color-text-primary: #fff;
/* --color-text-secondary: #94a4b7; */
--color-text-secondary: #fff;
--color-secondary: #5eead4;
--color-tag: #5eead4;
--color-tag-bg: #2dd4bf1a;
--color-tag-border: #5eead480;
--color-background-start: #042d41;
--color-background-end: #043e55;
--color-stars: #a8ff4b;
}
}

* {
box-sizing: border-box;
padding: 0;
margin: 0;
box-sizing: border-box;
padding: 0;
margin: 0;
}

html,
body {
max-width: 100vw;
overflow-x: hidden;
max-width: 100vw;
overflow-x: hidden;
}

body {
color: var(--color-primary);
background: linear-gradient(to bottom, transparent, var(--color-background-end)) var(--color-background-start);
color: var(--color-primary);
background: linear-gradient(
to bottom,
transparent,
var(--color-background-end)
)
var(--color-background-start);
}

h3,
p {
color: var(--color-text-primary);
color: var(--color-text-primary);
}

a:hover {
color: var(--color-tag);
color: var(--color-tag);
}

h5 {
color: var(--color-text-secondary);
color: var(--color-text-secondary);
}

.hover_border:hover {
@media (min-width: 1024px) {
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 12px 0px var(--color-tag-border);
}
@media (min-width: 1024px) {
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 12px 0px var(--color-tag-border);
}
}

.tool_tag {
display: flex;
align-items: center;
background-color: var(--color-tag-bg);
padding-left: 0.5rem;
padding-right: 0.5rem;
font-size: 0.7rem;
line-height: 1rem;
font-weight: 400;
line-height: 1.5rem;
color: var(--color-tag);
border: 0.5px solid var(--color-tag-border);
border-radius: 8px;
&:hover {
cursor: default;
box-shadow: 0px 0px 6px 0px var(--color-tag-border);
}
display: flex;
align-items: center;
background-color: var(--color-tag-bg);
padding-left: 0.5rem;
padding-right: 0.5rem;
font-size: 0.7rem;
line-height: 1rem;
font-weight: 400;
line-height: 1.5rem;
color: var(--color-tag);
border: 0.5px solid var(--color-tag-border);
border-radius: 8px;
&:hover {
cursor: default;
box-shadow: 0px 0px 6px 0px var(--color-tag-border);
}
}

.nav_item {
display: flex;
align-items: center;
&:hover {
cursor: pointer;
color: var(--color-tag);
}
display: flex;
align-items: center;
font-size: 20px;
font-weight: 500;
&:hover {
cursor: pointer;
color: var(--color-tag);
}

&.active {
color: var(--color-tag);
.nav_indicator {
width: 50px;
}
}
&.active {
color: var(--color-tag);
.nav_indicator {
width: 50px;
}
}
}

.nav_indicator {
content: "";
width: 4px;
height: 2px;
margin-right: 10px;
background-color: var(--color-tag);
transition: all 1s;
content: "";
width: 4px;
height: 2px;
margin-right: 10px;
background-color: var(--color-tag);
transition: all 1s;
}
53 changes: 29 additions & 24 deletions src/app/layout.tsx
Original file line number Diff line number Diff line change
@@ -1,33 +1,38 @@
import type { Metadata } from "next";
import "./globals.css";
import type {Metadata} from "next";
import {Nunito, Inter, Lato, Quicksand} from "next/font/google";
// import {Nunito, Inter, Lato, Quicksand} from "next/font/google";
import { Quicksand } from "next/font/google";
import website_image from "../../public/images/website_image.png";

const inter = Lato({
weight: "400",
subsets: ["latin"],
const font = Quicksand({
// weight: "400",
subsets: ["latin"],
});

export const metadata: Metadata = {
metadataBase: new URL("https://leogytis.github.io/"),
title: "Gytis | Web Developer",
description: "Inclusive products and digital experiences for the web.",
authors: [{name: "Gytis Leonavicius", url: "https://leogytis.github.io/"}],
openGraph: {
title: "Gytis | Web Developer",
description: "Inclusive products and digital experiences for the web.",
images: [
{
url: website_image.src,
},
],
},
metadataBase: new URL("https://leogytis.github.io/"),
title: "Gytis | Web Developer",
description: "Inclusive products and digital experiences for the web.",
authors: [{ name: "Gytis Leonavicius", url: "https://leogytis.github.io/" }],
openGraph: {
title: "Gytis | Web Developer",
description: "Inclusive products and digital experiences for the web.",
images: [
{
url: website_image.src,
},
],
},
};

export default function RootLayout({children}: {children: React.ReactNode}) {
return (
<html lang="en">
<body className={inter.className}>{children}</body>
</html>
);
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<body className={font.className}>{children}</body>
</html>
);
}
114 changes: 57 additions & 57 deletions src/components/Experience.tsx
Original file line number Diff line number Diff line change
@@ -1,62 +1,62 @@
import acterio from '../../public/images/experience/acterio.jpg';
import elnis from '../../public/images/experience/elnis.jpg';
import telesoftas from '../../public/images/experience/telesoftas.png';
import aplinkos_ministerija from '../../public/images/experience/aplinkos_ministerija.jpg';
import ExperienceWrapper from './ExperienceWrapper';
import acterio from "../../public/images/experience/acterio.jpg";
import aplinkos_ministerija from "../../public/images/experience/aplinkos_ministerija.jpg";
import elnis from "../../public/images/experience/elnis.jpg";
import telesoftas from "../../public/images/experience/telesoftas.png";
import ExperienceWrapper from "./ExperienceWrapper";

const Experience: any = () => {
return (
<div id="experience">
<ExperienceWrapper
imageSrc={acterio}
title="Acterio"
link="https://www.acterio.com/"
role="Front-end Developer Intership"
date="2024 March - present"
description="I contribute to the creation of a user-friendly platform that centralizes and streamlines the management of innovation ecosystems. My role involves implementing intuitive user interfaces, ensuring smooth navigation, and optimizing the user experience across various devices. By collaborating with designers and backend developers, I help bring innovative features to life, empowering administrators to focus on value creation within their ecosystems."
// tags={['HTML', 'CSS', 'Material UI', 'React', 'TypeScript', ' Figma']}
/>
<ExperienceWrapper
imageSrc={elnis}
title="Elnis"
link="https://www.elnis.lt/"
role="Web Developer"
date="2023 October - present"
description="Developing user-friendly e-commerce webpages: Optimizing accessibility and usability across various devices through responsive design principles. Enhancing online transactions and user engagement by integrating advanced features and functionalities."
// tags={['HTML', 'CSS', 'Jquery', 'PHP', 'WordPress', 'PrestaShop', 'Paymo']}
/>
<ExperienceWrapper
imageSrc={telesoftas}
title="TeleSoftas"
link="https://telesoftas.com/"
role="Web Developer"
date="2023 June - September"
description="Worked on e-commerce projects specializing in products and fashion, creating visually engaging and responsive web interfaces. Designed user-friendly product pages, optimized site performance, and ensured cross-browser compatibility to enhance the overall online shopping experience."
// tags={['HTML', 'CSS', 'Tailwind', 'TypeScript', 'React', 'Next.js', 'GitHub', 'Shopify', 'Liquid']}
/>
<ExperienceWrapper
imageSrc={aplinkos_ministerija}
title="Ministry of Environment of the Republic of Lithuania"
link="https://am.lrv.lt/lt/"
role="Front-end Developer"
date="2022 October - 2023 June"
description=" In my role as a Frontend Developer at the BIIP project, I contributed to the development of a user orieanted web application, which focused on helping nature supervisors collect and review data related to the preservation of nature and the study of invasive and endangered species. This work was both intriguing and deeply rewarding, as it allowed me to play a meaningful role in making a positive impact on our environment."
// tags={[
// 'HTML',
// 'CSS',
// 'Styled-Components',
// 'TypeScript',
// 'React',
// 'Redux',
// 'React Router',
// 'Formik',
// 'GitHub',
// 'Postman',
// 'Jira',
// ]}
/>
</div>
);
return (
<div id="experience">
<ExperienceWrapper
imageSrc={acterio}
title="Acterio"
link="https://www.acterio.com/"
role="Front-end Developer Intership"
date="2024 March - present"
description="I contribute to the creation of a user-friendly platform that centralizes and streamlines the management of innovation ecosystems. My role involves implementing intuitive user interfaces, ensuring smooth navigation, and optimizing the user experience across various devices. By collaborating with designers and backend developers, I help bring innovative features to life, empowering administrators to focus on value creation within their ecosystems."
// tags={['HTML', 'CSS', 'Material UI', 'React', 'TypeScript', ' Figma']}
/>
<ExperienceWrapper
imageSrc={elnis}
title="Elnis"
link="https://www.elnis.lt/"
role="Web Developer"
date="2023 October - present"
description="Developing user-friendly e-commerce webpages: Optimizing accessibility and usability across various devices through responsive design principles. Enhancing online transactions and user engagement by integrating advanced features and functionalities."
// tags={['HTML', 'CSS', 'Jquery', 'PHP', 'WordPress', 'PrestaShop', 'Paymo']}
/>
<ExperienceWrapper
imageSrc={telesoftas}
title="TeleSoftas"
link="https://telesoftas.com/"
role="Web Developer"
date="2023 June - September"
description="Worked on e-commerce projects specializing in products and fashion, creating visually engaging and responsive web interfaces. Designed user-friendly product pages, optimized site performance, and ensured cross-browser compatibility to enhance the overall online shopping experience."
// tags={['HTML', 'CSS', 'Tailwind', 'TypeScript', 'React', 'Next.js', 'GitHub', 'Shopify', 'Liquid']}
/>
<ExperienceWrapper
imageSrc={aplinkos_ministerija}
title="Ministry of Environment of the Republic of Lithuania"
link="https://am.lrv.lt/lt/"
role="Front-end Developer"
date="2022 October - 2023 June"
description=" In my role as a Frontend Developer at the BIIP project, I contributed to the development of a user orieanted web application, which focused on helping nature supervisors collect and review data related to the preservation of nature and the study of invasive and endangered species. This work was both intriguing and deeply rewarding, as it allowed me to play a meaningful role in making a positive impact on our environment."
// tags={[
// 'HTML',
// 'CSS',
// 'Styled-Components',
// 'TypeScript',
// 'React',
// 'Redux',
// 'React Router',
// 'Formik',
// 'GitHub',
// 'Postman',
// 'Jira',
// ]}
/>
</div>
);
};

export default Experience;
Loading

0 comments on commit f4746d1

Please sign in to comment.