Paulus/paulus.casa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

footer changed linkedin logo changed

Browse Source
This commit is contained in:
II-Paulus-II 2024-03-22 21:12:43 +00:00
parent 4d0d905648
commit 10d85743d3
5 changed files with 16 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/linkedin.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

17
src/components/Content.jsx
View File

@ -1,17 +0,0 @@
/* ----- Project Imports ----- */
import Details from "@/components/Details.jsx";
import Technologies from "@/components/Technologies.jsx";
import Projects from "@/components/Projects.jsx"
import "@/styles/content.css";
function Content() {
return (
<main className="contentContainer">
<Details />
<Technologies />
<Projects />
</main>
);
};
export default Content;

2
src/components/Details.jsx
View File

@ -8,7 +8,6 @@ function Details() {
return (
<article className="detailsContainer">
<section className="detailsSocialLinksContainer">
<a href="https://www.linkedin.com/in/paul-andrew-hughes/" target="_blank" ><img className="detailsSocialLinksImg" src="/linkedin.webp" alt="linkedin" /></a>
</section>
<section className="detailsTextContainer">
@ -20,7 +19,6 @@ function Details() {
</div>
</section>
<section className="detailsSocialLinksContainer">
<a href="https://github.com/II-Paulus-II" target="_blank" ><img className="detailsSocialLinksImg" src="/github.webp" alt="github" /></a>
</section>
</article>

6
src/components/Footer.jsx
View File

@ -4,8 +4,10 @@ import "@/styles/footer.css"
function Footer() {
return (
<footer className="project-footer">
<p className="footer-text">© paul hughes</p>
<footer className="projectFooter">
<a href="https://www.linkedin.com/in/paul-andrew-hughes/" target="_blank" ><img className="footerSocialLinksImg" src="/linkedin.webp" alt="linkedin" /></a>
<p className="footerText">© paul hughes</p>
<a href="https://github.com/II-Paulus-II" target="_blank" ><img className="footerSocialLinksImg" src="/github.webp" alt="github" /></a>
</footer>
);
};

17
src/styles/footer.css
View File

@ -1,5 +1,9 @@
.project-footer {
display: block;
.projectFooter {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 3rem;
position: fixed;
left: 0;
bottom: 0;
@ -8,9 +12,12 @@
width: 100%;
}
.footer-text {
.footerText {
color: white;
font-size: 1rem;
padding: 1rem 0.5rem;
font-size: 1.2rem;
text-transform: capitalize;
}
.footerSocialLinksImg {
max-height: 2rem;
}