Day 58 of 100 Days of Code & Scrum: Designing My Professional Blog
Tags: 100daysofcode, beginners, javascript, productivity
Published: 2021-12-09 13:04:57

Hello there, everyone!

I'm making decent progress with designing [the Rammina company site](https://www.rammina.com/)'s blog! It's been a long time since I've enjoyed working on a project. I'm pretty happy with what I've done so far.

Here is a comparison of what the page looks like earlier this morning and what it looks like now.

**Before**

![Rammina Blog Looking Bad](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5lbhx0c8lnfqq3dsl06k.png)

**After**

![Top Of Rammina Blog Page Including Cover Photo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wtg39kikazv0xu3fasls.jpg)

![Top Of Rammina Blog Page Text Only](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1u7m4wqsi1d77tasu5gm.jpg)

I think it's looking pretty nice, I'm excited to work on it again tomorrow! I will most likely deploy it on the weekend, regardless of its completion.

Anyway, let's move on to my daily report!

## Yesterday

I finished connecting my blog's Next.js frontend with the Ghost headless CMS using Content API.

## Today

Here are the things I learned and worked on today:

### Company Blog

- styled my [company page blog](https://www.rammina.com/) homepage and specific blog post page.
- learned about `dangerouslySetInnerHTML` and utilized it to insert the blog post data inside a `<div>`.
- discovered some really nice open-source Ghost themes, Editorial being my favorite.

### Scrum

- I did some practice flashcards for Scrum.
- reviewed some of the things I've learned before.

Thank you for reading! I hope everyone's doing well.

![Rammina Thank You Banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x9ayfxxxaz2g2hfcqbsk.png)

### Resources/Recommended Readings

- [10+ Free and Open-Source Ghost Themes for 2021](https://www.creative-tim.com/blog/web-design/free-open-source-ghost-themes/)
- [dangerouslySetInnerHTML | React documentation](https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml)
- [The 2020 Scrum Guide](https://scrumguides.org/scrum-guide.html)
- [Mikhail Lapshin's Scrum Quizzes](https://mlapshin.com/index.php/scrum-quizzes/)

### DISCLAIMER

**This is not a guide**, it is just me sharing my experiences and learnings. This post only expresses my thoughts and opinions (based on my limited knowledge) and is in no way a substitute for actual references. If I ever make a mistake or if you disagree, I would appreciate corrections in the comments!

<hr />

### Other Media

Feel free to reach out to me in other media!

<span><a target="_blank" href="https://www.rammina.com/"><img src="https://res.cloudinary.com/rammina/image/upload/v1638444046/rammina-button-128_x9ginu.png" alt="Rammina Logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://twitter.com/RamminaR"><img src="https://res.cloudinary.com/rammina/image/upload/v1636792959/twitter-logo_laoyfu_pdbagm.png" alt="Twitter logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://github.com/Rammina"><img src="https://res.cloudinary.com/rammina/image/upload/v1636795051/GitHub-Emblem2_epcp8r.png" alt="Github logo" width="128" height="50"/></a></span>