kartooner.com

🌟 Welcome!

Hey there! I'm Erik Sagen, a Lead Product UX Designer with over two decades of experience in UI/UX design, illustration, and web development. This repository houses kartooner—my personal and professional website where creativity meets continuous learning and experimentation.

📚 About kartooner

kartooner serves as my digital canvas, blending my passion for design with my love for learning and experimentation. Whether you're here to explore my portfolio, dive into my design philosophy, or just see what I'm tinkering with, I'm glad you're stopping by!

🚀 Features

• Responsive Design: Looks great on desktops, tablets, and mobile things.
• Accessibility-Focused: Built with inclusive design principles to ensure everyone can enjoy the content.
• Smooth Animations: Subtle animations that bring the site to life without overwhelming.
• Professional Portfolio: Showcases my top skills, work experience, and design philosophy.
• Blog Links: Connects to my Medium articles where I share insights and stories.
• Stay Connected: Links to my Threads, LinkedIn, and Email for easy networking.

🛠 Tech Stack

• HTML5 & CSS3: The backbone of the site.
• CSS Flexbox: For those sleek, responsive layouts.
• WebAwesome Library: Bringing in custom components powered by Web Components.
• Google Fonts: Featuring the Manrope typeface for a modern look.
• SVG Icons: Crisp and scalable visuals that complement the design.

💻 Getting Started

Want to check out the code or make your own tweaks? Here's how to get started:

1. Clone the Repository:

   git clone https://github.com/kartooner/kartoonerdotcom.git

2. Navigate to the Project Folder:

   cd kartooner.com

3. Open in Your Favorite Editor:
   • Use VS Code, Sublime Text, Atom, or any editor that sparks joy.
4. View Locally:
   • Open index.html in your browser to see the magic unfold.

✨ How to Use

kartooner is my sandbox for creativity and professional growth. Here's how you can make the most of it:

• Personalize It:
  • Update the content in index.html to reflect your own story, skills, and experiences.
• Style It Your Way:
  • Tweak style.css to play with colors, fonts, layouts, and animations that resonate with your personal brand.
• Expand and Experiment:
  • Add new sections or features as you learn and grow. Keep things semantically sound for better accessibility.
• Animate with Purpose:
  • Check out the CSS Animations Guide for inspiration.

🤝 Let's Collaborate

I'm always open to collaboration and new ideas! If you want to contribute or have suggestions, here's how you can help:

1. Fork the Repo
2. Create a Feature Branch:

   git checkout -b feature/YourAwesomeFeature

3. Commit Your Changes:

   git commit -m "Add an awesome feature"

4. Push to Your Branch:

   git push origin feature/YourAwesomeFeature

5. Open a Pull Request:
   • Share your thoughts and let's make something great together!

Note: Please keep your contributions aligned with the existing design principles and ensure accessibility remains a priority.

📜 License

This project is MIT licensed. Feel free to use, modify, and distribute it as you see fit!

📫 Get in Touch

I'd love to hear from you! Whether you have questions, feedback, or just want to connect, here's how you can reach me:

• Email: erik@kartooner.com
• LinkedIn: linkedin.com/in/eriksagen
• Threads: @kartooner

---

Thanks for stopping by my repo! Dive in, explore, and feel free to reach out. 🚀

---