diff --git a/img/transparency.png b/img/transparency.png new file mode 100644 index 0000000..db371bb Binary files /dev/null and b/img/transparency.png differ diff --git a/index.html b/index.html index fc894c7..d37c8e9 100644 --- a/index.html +++ b/index.html @@ -9,11 +9,13 @@ + + transparency icon

Welcome to my public website showcasing my experiments and explorations in using Large Language Models (LLMs) for generating code and providing insights! As a single developer, I've found that LLMs can be incredibly useful tools in my work, and I'm excited to share my experiences and findings with you.

-

Interested in learning more about how I use LLMs to generate code? Check out the archives of chats on this site, where you can explore examples of our conversations and see how LLMs can help streamline development processes. And, as a fun bonus, you'll notice that even this message you're reading right now was written using AI – isn't that cool? 🤖

+

Interested in learning more about how I use LLMs to generate code? Check out the archives of chats on this site, where you can explore examples of our conversations and see how LLMs can help streamline development processes. And, as a fun bonus, you'll notice that even this message you're reading right now was written using AI – isn't that cool? 🤖

Thanks for stopping by, and I hope you enjoy exploring the site!

@@ -22,6 +24,7 @@ Made with ♥.

+ Transparency icons created by Freepik - Flaticon diff --git a/style.css b/style.css index 788d069..4c422ff 100644 --- a/style.css +++ b/style.css @@ -44,6 +44,10 @@ video { opacity: 0.8; } + + .svg-icon[src$=".png"] { + filter: invert(1); + } } /* Reset box-sizing */ @@ -558,6 +562,22 @@ video { border-radius: var(--standard-border-radius); } +/* Center icon */ +img { + /* left: 50%; */ + /* transform: translate(-50%, -50%); */ + width: 150px; + height: 150px; + margin: 50px auto auto auto; +} + +@media only screen and (max-width: 720px) { + img { + width: 60px; + height: 60px; + } +} + figure { margin: 0; display: block;