I just wanted to ask how to change the monogram svg part of the website. Help pls

[docimin]

Hey @extinctsion, this is under src/components/Monogram/Monogram.js.

[extinctsion]

Yes, i saw that part but i wanted to edit that svg part from W to E. So what's the solution to that?

On Tue, 17 May, 2022, 3:14 am Faye, @.***> wrote:

Hey @extinctsion https://github.com/extinctsion, this is under src/components/Monogram/Monogram.js.

— Reply to this email directly, view it on GitHub https://github.com/HamishMW/portfolio/issues/36#issuecomment-1128167919, or unsubscribe https://github.com/notifications/unsubscribe-auth/AP7RLYMU2KJAOB3RQO6DKNLVKK6TDANCNFSM5V7R3QHQ . You are receiving this because you were mentioned.Message ID: @.***>

[docimin]

Hey, you mean this W at the top, right?

As said, go to src/components/Monogram/Monogram.js. See the following: https://github.com/HamishMW/portfolio/blob/master/src/components/Monogram/Monogram.js#L10-L30

If you are smart enough to know how SVG's work, then just change this part: https://github.com/HamishMW/portfolio/blob/master/src/components/Monogram/Monogram.js#L21

I hope that helps! ;)

[HamishMW]

@extinctsion I'd recommend using a design tool to create your SVG. I use Figma (it's free). If you want to create an E, you can create one from text, then right click and choose Outline stroke which will convert the letter to a path

Then you can export that to an SVG (on the bottom right in the properties panel)

Then open up the SVG file and replace the path on line 21 in Monogram.js that @docimin pointed out with the path from inside the SVG you exported. Be sure to remove the fill attribute from the path as well

You'll also have to replace the width, height, and viewBox of the svg element in Monogram.js to match the values in your exported SVG.

[extinctsion]

Thanks! I was able to edited the sgv image. Thanks a lot.

On Sat, May 21, 2022 at 8:32 AM Hamish Williams @.***> wrote:

Closed #36 https://github.com/HamishMW/portfolio/issues/36 as completed.

— Reply to this email directly, view it on GitHub https://github.com/HamishMW/portfolio/issues/36#event-6654399613, or unsubscribe https://github.com/notifications/unsubscribe-auth/AP7RLYIAOFT4NCPLXXX6BC3VLBG53ANCNFSM5V7R3QHQ . You are receiving this because you were mentioned.Message ID: @.***>

[extinctsion]

Hi, just wanted to thank you for you help, I just created the website. You can visit it once :) extinctsion.netlify.app

On Sat, 21 May, 2022, 5:52 pm Aditya Sharma, @.***> wrote:

Thanks! I was able to edited the sgv image. Thanks a lot.

On Sat, May 21, 2022 at 8:32 AM Hamish Williams @.***> wrote:

Closed #36 https://github.com/HamishMW/portfolio/issues/36 as completed.

— Reply to this email directly, view it on GitHub https://github.com/HamishMW/portfolio/issues/36#event-6654399613, or unsubscribe https://github.com/notifications/unsubscribe-auth/AP7RLYIAOFT4NCPLXXX6BC3VLBG53ANCNFSM5V7R3QHQ . You are receiving this because you were mentioned.Message ID: @.***>

[extinctsion]

Hi, hamish thanks again for helping me. Recently, someone from github asked me that there was some error in the react application. I have attached the error. Pls help me with this error.

On Mon, Jul 18, 2022 at 1:21 AM Aditya Sharma @.***> wrote:

Hi, just wanted to thank you for you help, I just created the website. You can visit it once :) extinctsion.netlify.app

On Sat, 21 May, 2022, 5:52 pm Aditya Sharma, @.***> wrote:

Thanks! I was able to edited the sgv image. Thanks a lot.

On Sat, May 21, 2022 at 8:32 AM Hamish Williams @.***> wrote:

Closed #36 https://github.com/HamishMW/portfolio/issues/36 as completed.

— Reply to this email directly, view it on GitHub https://github.com/HamishMW/portfolio/issues/36#event-6654399613, or unsubscribe https://github.com/notifications/unsubscribe-auth/AP7RLYIAOFT4NCPLXXX6BC3VLBG53ANCNFSM5V7R3QHQ . You are receiving this because you were mentioned.Message ID: @.***>