toad.social

2 posts2 participants0 posts today

RositaThe cards are done! Styling was a challenge, but I’m happy with the result. Still tweaking the “read more” and screen reader order, but for now — done! Also fixed the menu bug.Check it out: <a href="https://github.com/Rosita311/RulesbyRosita-theme" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/Rosita311/RulesbyRosita-theme</a> <a href="https://rosita311.github.io/RulesbyRosita-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://rosita311.github.io/RulesbyRosita-theme/</a><a href="https://mstdn.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WordPress</a> <a href="https://mstdn.social/tags/RulesByRosita" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RulesByRosita</a> <a href="https://mstdn.social/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blog</a> <a href="https://mstdn.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDeveloper</a> <a href="https://mstdn.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://mstdn.social/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#A11y</a> <a href="https://mstdn.social/tags/CodingProject" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodingProject</a>

RositaQuestion, I really need your opinion:I have red as my brand color (<a href="https://mstdn.social/tags/E00000" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#E00000</a>). But I also have a more green/teal color as a contrast color, also on darkmode. My boyfriend says it clashes with the red color. And what do you think of the hover effect on the cards? Personaly I really like the pink hover effect on the cards. This is not finished yet. by the way. <a href="https://rosita311.github.io/RulesbyRosita-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://rosita311.github.io/RulesbyRosita-theme/</a><a href="https://mstdn.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WordPress</a> <a href="https://mstdn.social/tags/RulesByRosita" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RulesByRosita</a> <a href="https://mstdn.social/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blog</a> <a href="https://mstdn.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDeveloper</a> <a href="https://mstdn.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://mstdn.social/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#A11y</a> <a href="https://mstdn.social/tags/CodingProject" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodingProject</a>

RositaWorking on the blog cards! The design and colors are finally set, and I’m happy with the result. Making the whole card clickable turned out to be harder than expected—I failed the first time, but I’ll try again! 💪Meanwhile, the footer is almost done, and the homepage structure is in place. Check it out: <a href="https://github.com/Rosita311/RulesbyRosita-theme" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/Rosita311/RulesbyRosita-theme</a> <a href="https://rosita311.github.io/RulesbyRosita-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://rosita311.github.io/RulesbyRosita-theme/</a><a href="https://mstdn.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WordPress</a> <a href="https://mstdn.social/tags/RulesByRosita" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RulesByRosita</a> <a href="https://mstdn.social/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blog</a> <a href="https://mstdn.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDeveloper</a> <a href="https://mstdn.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://mstdn.social/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#A11y</a> <a href="https://mstdn.social/tags/CodingProject" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodingProject</a>

RositaThe header is done! 🎉 With a working dark mode and screen reader accessibility, it was a challenge to get everything right. Yesterday, my code kept breaking, and I wondered what I had gotten myself into—but I made it! Now, onto the footer. Check it out: <a href="https://github.com/Rosita311/RulesbyRosita-theme" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/Rosita311/RulesbyRosita-theme</a> <a href="https://rosita311.github.io/RulesbyRosita-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://rosita311.github.io/RulesbyRosita-theme/</a><a href="https://mstdn.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WordPress</a> <a href="https://mstdn.social/tags/RulesByRosita" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RulesByRosita</a> <a href="https://mstdn.social/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blog</a> <a href="https://mstdn.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDeveloper</a> <a href="https://mstdn.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://mstdn.social/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#A11y</a> <a href="https://mstdn.social/tags/CodingProject" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodingProject</a>

RositaTried to build a darkmode button in JavaScript, and it Works! 😃But only once😞You'll have to refresh the page to switch back. And really don't know how to resolve this. 🐤 Maybe its because I have two buttons? <a href="https://mstdn.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WordPress</a> <a href="https://mstdn.social/tags/RulesByRosita" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RulesByRosita</a> <a href="https://mstdn.social/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blog</a> <a href="https://mstdn.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDeveloper</a> <a href="https://mstdn.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://mstdn.social/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#A11y</a> <a href="https://mstdn.social/tags/CodingProject" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodingProject</a>

RositaStill making progress on my WordPress theme—learning a lot along the way! 🙌- Using A Modern CSS Reset to control browser styles - Managing HTML attributes with setAttribute & removeAttribute - Working on separate branches for a cleaner workflowThe header & menu are nearly done, now tackling dark mode! Also, GitHub Copilot is a game-changer. 🚀Check it out: 🔗 <a href="https://github.com/Rosita311/RulesbyRosita-theme" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/Rosita311/RulesbyRosita-theme</a> 🔗 <a href="https://rosita311.github.io/RulesbyRosita-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://rosita311.github.io/RulesbyRosita-theme/</a><a href="https://mstdn.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WordPress</a> <a href="https://mstdn.social/tags/RulesByRosita" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RulesByRosita</a> <a href="https://mstdn.social/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blog</a> <a href="https://mstdn.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDeveloper</a> <a href="https://mstdn.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://mstdn.social/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#A11y</a> <a href="https://mstdn.social/tags/CodingProject" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodingProject</a>

RositaLet's do this! I downloaded my blog and got it working in Local. Learned how to change the URL in the database, and now I am going to start to code my own theme. Oh, and I don't have a design, just some ideas👀. I want to make it accessible and scaleable and add a dark mode. My blog is still online, by the way. I am so hyped! 😱And now I have to find a way to ramble about it. 😅<a href="https://mstdn.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WordPress</a> <a href="https://mstdn.social/tags/RulesByRosita" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RulesByRosita</a> <a href="https://mstdn.social/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blog</a> <a href="https://mstdn.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDeveloper</a> <a href="https://mstdn.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://mstdn.social/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#A11y</a> <a href="https://mstdn.social/tags/CodingProject" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodingProject</a>

Recent searches

Search options

Administered by:

Server stats:

#rulesbyrosita