From d88b6b10af92790a014b81d844d55776e73f5dba Mon Sep 17 00:00:00 2001 From: hoseacodes Date: Sun, 25 Feb 2024 14:48:53 -0600 Subject: [PATCH] fix(*): adj home screen --- package-lock.json | 10 ++-- package.json | 2 +- src/Components/Footer/Footer.css | 18 ++++++ src/Components/Footer/Footer.jsx | 2 +- src/Components/SocialMedia/SocialMedia.jsx | 1 - src/Components/Technologies/Tech.jsx | 68 ++++++++++++++-------- src/Components/Twitter/Timeline.jsx | 33 ++++++----- src/Pages/Home/Home.css | 4 -- src/Pages/Projects/ProjectsData.jsx | 21 +++++++ 9 files changed, 110 insertions(+), 49 deletions(-) diff --git a/package-lock.json b/package-lock.json index 0ac5306e..b3492e03 100644 --- a/package-lock.json +++ b/package-lock.json @@ -52,7 +52,7 @@ "react-scripts": "4.0.3", "react-spring": "^8.0.27", "react-sticky-state": "^2.1.9", - "react-twitter-widgets": "^1.10.0", + "react-twitter-widgets": "^1.11.0", "serve-favicon": "^2.5.0", "slug": "^5.1.0", "slugify": "^1.6.0", @@ -26804,14 +26804,14 @@ } }, "node_modules/react-twitter-widgets": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/react-twitter-widgets/-/react-twitter-widgets-1.10.0.tgz", - "integrity": "sha512-K7MAREhkKJxrhoiNWricKs1O++NyElnVpcplLzZ67gDrmeIsD3E4TUzlt0/nTZAHPOPPc86V4kEd4KIg4de7cQ==", + "version": "1.11.0", + "resolved": "https://registry.npmjs.org/react-twitter-widgets/-/react-twitter-widgets-1.11.0.tgz", + "integrity": "sha512-PMCLJQc30iqy01y1b2+HnMfCX+ZkOxWaPKJb4BhHgOgjSjoZb68K5T0nq3q+3YbX9K7OH0bhptgDihtBG/BqRQ==", "dependencies": { "loadjs": "^4.2.0" }, "peerDependencies": { - "react": "^16.8.0 || ^17" + "react": "^16.8.0 || ^17 || ^18" } }, "node_modules/read-pkg": { diff --git a/package.json b/package.json index 798c7445..a61dfa43 100644 --- a/package.json +++ b/package.json @@ -51,7 +51,7 @@ "react-scripts": "4.0.3", "react-spring": "^8.0.27", "react-sticky-state": "^2.1.9", - "react-twitter-widgets": "^1.10.0", + "react-twitter-widgets": "^1.11.0", "serve-favicon": "^2.5.0", "slug": "^5.1.0", "slugify": "^1.6.0", diff --git a/src/Components/Footer/Footer.css b/src/Components/Footer/Footer.css index 00e39044..32d2f193 100755 --- a/src/Components/Footer/Footer.css +++ b/src/Components/Footer/Footer.css @@ -19,6 +19,9 @@ footer p { color: #ccc; padding-bottom: 0px; margin-bottom: 8px; + display: flex; + gap: 4%; + align-items: center; } .mb10 { @@ -49,6 +52,11 @@ footer p { text-decoration: none; } +.copyright { + display: flex; + justify-content: center; +} + .fleft { float: left; } @@ -63,6 +71,11 @@ footer p { padding: 0px; } +.footer_ul2_amrc li { + display: flex; + align-items: baseline; +} + .footer_ul2_amrc li p { display: table; } @@ -78,6 +91,11 @@ footer p { .bottom_border { border-bottom: 1px solid #323f45; padding-bottom: 20px; + width: 100%; +} + +.social_footer_ul li a { + display: flex; } .foote_bottom_ul_amrc { diff --git a/src/Components/Footer/Footer.jsx b/src/Components/Footer/Footer.jsx index 7f41f077..98969eb0 100755 --- a/src/Components/Footer/Footer.jsx +++ b/src/Components/Footer/Footer.jsx @@ -156,7 +156,7 @@ const Footer = (props) => { {/* */} -

+

All Rights Reserved, © {year} Hosea Codes

diff --git a/src/Components/SocialMedia/SocialMedia.jsx b/src/Components/SocialMedia/SocialMedia.jsx index beef3491..d7f2c9f5 100755 --- a/src/Components/SocialMedia/SocialMedia.jsx +++ b/src/Components/SocialMedia/SocialMedia.jsx @@ -4,7 +4,6 @@ import TweeterTimeline from '../Twitter/Timeline'; const SocialMedia = () => { return (
- {/* */}
) diff --git a/src/Components/Technologies/Tech.jsx b/src/Components/Technologies/Tech.jsx index 83926bf2..e3a283b5 100755 --- a/src/Components/Technologies/Tech.jsx +++ b/src/Components/Technologies/Tech.jsx @@ -30,33 +30,53 @@ class Tech extends Component { const imgSlide = {"AWS": AWS, "azure": Azure, "Architecture": Arch, "firebase": Firebase, "github": Github, "gitlab": GitLab, "splunk": Splunk, "npm": NPM, "springboot": SpringBoot, "terraform": Terraform, "react": Reactt, "tailwind": Tailwind, - "DevOps": DevOps, "bootstrap": Bootstrap, "javascript": JS, "Django": Django, "mongodb": MongoDB, "nodejs": Node, "postgresql": postgresql, "python": Py, - "swift": Swift,"jquery": JQuery, "java": 'https://i.imgur.com/wiEM1zo.png',"solidity": 'https://i.imgur.com/NhpXJN2.png'}; + "DevOps": DevOps, "bootstrap": Bootstrap, "javascript": JS, "Django": Django, "mongodb": MongoDB, + "nodejs": Node, "postgresql": postgresql, "python": Py, + "swift": Swift,"jquery": JQuery, "java": 'https://i.imgur.com/wiEM1zo.png',"solidity": 'https://i.imgur.com/NhpXJN2.png' + }; + function getRandomObjectKeys(obj, count) { + const keys = Object.keys(obj); + const shuffledKeys = keys.sort(() => 0.5 - Math.random()); + return shuffledKeys.slice(0, count); + } + + const selectedObjects = getRandomObjectKeys(imgSlide, 14); return ( - <> -
-

Technologies

+ <> +
+

+ Technologies +

-
-
- {Object.keys(imgSlide).map((img) => { - return ( -
- {img} -
- ) - })} -
-
+
+
+ {selectedObjects.map((img) => { + return ( +
+ {img} +
+ ); + })}
- - - ) +
+
+ + ); } } diff --git a/src/Components/Twitter/Timeline.jsx b/src/Components/Twitter/Timeline.jsx index 22f19916..8781388e 100755 --- a/src/Components/Twitter/Timeline.jsx +++ b/src/Components/Twitter/Timeline.jsx @@ -1,20 +1,27 @@ import React from 'react'; import './Timeline.css' -import { Timeline } from 'react-twitter-widgets'; +import { Timeline, Tweet } from 'react-twitter-widgets'; const TweeterTimeline = () => { return ( -
- -
- ) +
+ ( + + )} + /> +
+ ); } export default TweeterTimeline; \ No newline at end of file diff --git a/src/Pages/Home/Home.css b/src/Pages/Home/Home.css index 9eeefae8..0884c22f 100755 --- a/src/Pages/Home/Home.css +++ b/src/Pages/Home/Home.css @@ -17,10 +17,6 @@ background-color: #1a1e23; } -.socialmedia { - margin-bottom: 15rem; -} - .testimonies-group, .contact-group { background-color: rgb(35, 41, 47); diff --git a/src/Pages/Projects/ProjectsData.jsx b/src/Pages/Projects/ProjectsData.jsx index 45ae83cf..b60dc8d1 100755 --- a/src/Pages/Projects/ProjectsData.jsx +++ b/src/Pages/Projects/ProjectsData.jsx @@ -1,3 +1,24 @@ +/* +Projects: +WIP - POC - MVP - Dev - Staging - Prod +Pure CSS - https://pure-css-chi.vercel.app/ - Prod +User Management - https://user-management-iota.vercel.app/ - POC +Social Ring - https://www.social-ring.com/ - Prod +Kidvercity - https://www.kidvercity.com/ - MVP +UI Heat - https://uiheat.com - POC +LeadGen - https://acleadgeneration-d6957f321f1b.herokuapp.com/docs - POC +SneakerAPI - https://sneaker-api-htx.herokuapp.com/ - POC +CareerConnect - https://careerconnect-htx.herokuapp.com/ - POC +Analytics - https://analytics-htx.herokuapp.com/ - Dev +AI-Quiz - https://www.npmjs.com/package/ai-quiz - POC +WriteMind - https://www.writemind.io/ - Dev +CareerComposer - https://www.careercomposer.com/ - Dev +- Add Diagrams +- User Flows +- Tech Stacks +- Key Features +- Pictures or Gifs of Key Features +*/ export const projectData = [ { id: 1,