From 7306fde7d861b959c27f401bc408ee60e7479d12 Mon Sep 17 00:00:00 2001 From: Richa Date: Tue, 31 Oct 2023 00:05:16 -0500 Subject: [PATCH 1/4] Brought Github and Videos link to the bottom of the tutCard div. Changed text color. Changed icon color. Changed logo to HSF logo in the footer. --- src/components/footer.js | 4 ++-- src/components/tutcard.js | 10 ++++++++-- src/styles/layout.css | 2 +- src/styles/tutCard.css | 21 +++++++++++++++------ 4 files changed, 26 insertions(+), 11 deletions(-) diff --git a/src/components/footer.js b/src/components/footer.js index a6478b6..ee71b6b 100644 --- a/src/components/footer.js +++ b/src/components/footer.js @@ -12,8 +12,8 @@ const Footer = () => { {" "} diff --git a/src/components/tutcard.js b/src/components/tutcard.js index be83869..31cf652 100644 --- a/src/components/tutcard.js +++ b/src/components/tutcard.js @@ -11,13 +11,19 @@ import { MdVideoLibrary } from "react-icons/md"; // markup const Tutcard = ({ tut }) => { + const iconStyleGit={ + color:'#000000', + }; + const iconStyleVid={ + color:'#FF0000', + }; return (
{/* GitHub and Videos links */}
{tut.repository !== "" ? ( - + GitHub ) : null} @@ -25,7 +31,7 @@ const Tutcard = ({ tut }) => {
{tut.videos !== "" ? ( - + Videos ) : null} diff --git a/src/styles/layout.css b/src/styles/layout.css index 66c4d56..81b77a3 100644 --- a/src/styles/layout.css +++ b/src/styles/layout.css @@ -63,7 +63,7 @@ main { } footer { - margin-top: 3rem; + margin-top: 2rem; background: #374151; padding: 2rem 3rem; color: #fff; diff --git a/src/styles/tutCard.css b/src/styles/tutCard.css index fc3b12d..c830145 100644 --- a/src/styles/tutCard.css +++ b/src/styles/tutCard.css @@ -38,6 +38,7 @@ code { } .tutCard .tutCardText { max-width: 60%; + color: #0077cc; } .tutCard .tutCardText p { @@ -60,8 +61,8 @@ code { .tutCard .additionals { position: absolute; - top: 0.8rem; - right: 0.8rem; + bottom: 0.3rem; + left: 11.6rem; display: flex; justify-content: space-between; align-items: flex-end; @@ -79,8 +80,8 @@ code { .tutCard .videos { position: absolute; - top: 2.5rem; - right: 0.8rem; + bottom: 0.3rem; + left: 22rem; display: flex; justify-content: space-between; align-items: flex-end; @@ -140,7 +141,15 @@ code { width: 100%; position: relative; justify-content: flex-start; - top: 0; - right: 0; + bottom: 0; + left: 0; + } + + .tutCard .videos { + width: 100%; + position: relative; + justify-content: flex-start; + bottom: 10; + left: 0; } } From 206c25cda5e62b4d69fea169e589be14b27b4c4c Mon Sep 17 00:00:00 2001 From: Richa Date: Tue, 31 Oct 2023 13:42:36 -0500 Subject: [PATCH 2/4] removed unused iconStyleGit from tutcard.js --- README.md | 19 ++++++++++++++++++- src/components/tutcard.js | 5 +---- 2 files changed, 19 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 397e4f4..9bccbec 100644 --- a/README.md +++ b/README.md @@ -2,11 +2,28 @@ Implemented by Aniket as GSoC qualification task. +# Richa's branch +training-richa + ## Run it ```bash # once -npm install +npm install --force # always npm run develop ``` + + + + +# Oct 31, 2023 +# git things +git checkout -b training-richa +git status +git add . +git branch +git push origin training-richa +git log + +# previously I didn't checkout a new branch and pushed to the main branch :/ diff --git a/src/components/tutcard.js b/src/components/tutcard.js index 31cf652..5f080b0 100644 --- a/src/components/tutcard.js +++ b/src/components/tutcard.js @@ -11,9 +11,6 @@ import { MdVideoLibrary } from "react-icons/md"; // markup const Tutcard = ({ tut }) => { - const iconStyleGit={ - color:'#000000', - }; const iconStyleVid={ color:'#FF0000', }; @@ -23,7 +20,7 @@ const Tutcard = ({ tut }) => {
{tut.repository !== "" ? ( - + GitHub ) : null} From 4c1f22f82ca6af476868bcd5eab2a1586eca192d Mon Sep 17 00:00:00 2001 From: Richa Date: Tue, 31 Oct 2023 13:47:16 -0500 Subject: [PATCH 3/4] edited README --- README.md | 19 +------------------ 1 file changed, 1 insertion(+), 18 deletions(-) diff --git a/README.md b/README.md index 9bccbec..397e4f4 100644 --- a/README.md +++ b/README.md @@ -2,28 +2,11 @@ Implemented by Aniket as GSoC qualification task. -# Richa's branch -training-richa - ## Run it ```bash # once -npm install --force +npm install # always npm run develop ``` - - - - -# Oct 31, 2023 -# git things -git checkout -b training-richa -git status -git add . -git branch -git push origin training-richa -git log - -# previously I didn't checkout a new branch and pushed to the main branch :/ From 5cc76caf7bbd7ffe4266123ebe1aa3d069f2f39a Mon Sep 17 00:00:00 2001 From: Richa Date: Mon, 4 Dec 2023 09:28:57 -0600 Subject: [PATCH 4/4] Moved the links for github and videos to the bottom --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 397e4f4..6f7d00c 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@ Implemented by Aniket as GSoC qualification task. ```bash # once -npm install +npm install --force # always npm run develop ```