Skip to content

Instantly share code, notes, and snippets.

View Kvnbbg's full-sized avatar
🎯
Focusing

Kevin Marville Kvnbbg

🎯
Focusing
View GitHub Profile
@Kvnbbg
Kvnbbg / index.html
Created June 21, 2024 21:11
Vision Week: VR Zoo Experience with Endangered Polar Bears
<nav class="bg-blue-600 p-4">
<ul class="flex justify-around text-white">
<li><a href="#" id="homeLink">Home</a></li>
<li><a href="#" id="tourLink">VR</a></li>
<li><a href="#" id="mapLink">Map</a></li>
<li><a href="#" id="videosLink">Videos</a></li>
<li><a href="#" id="profileLink">Me</a></li>
</ul>
</nav>
@Kvnbbg
Kvnbbg / enquete-ux-design-thinking-exam-prep.markdown
Created June 21, 2024 20:37
Enquête, UX Design Thinking Exam Prep 🧙‍♂️💻

Enquête, UX Design Thinking Exam Prep 🧙‍♂️💻

Enquête is the first web app to guide users through the initial step of UX design thinking: Empathize. Designed as a quiz, Enquête helps you understand what users need, forming the basis for creating a comprehensive project brief (cahier des charges).

The steps of UX design thinking include:

🔍 Empathize: Understand the user through research. 📝 Define: Clearly articulate the problem you want to solve. 💡 Ideate: Brainstorm and generate creative solutions. 🔧 Prototype: Build tangible representations for a subset of ideas.

@Kvnbbg
Kvnbbg / french-quizz-flash-cards-rpg-developer-exam-prep.markdown
Created June 21, 2024 01:30
French 🇫🇷 Quizz Flash Cards RPG: Developer Exam Prep 🧙‍♂️💻

French 🇫🇷 Quizz Flash Cards RPG: Developer Exam Prep 🧙‍♂️💻

Prepare for your next developer job exam with our immersive Quizz Flash Cards RPG! 🎓✨ Dive into different stages, from front-end to back-end, ISTQB, and more, all while battling through questions and leveling up your character. 📈💥 Boost your knowledge with each correct answer and watch your power grow! Perfect for quick memoization and brain training. Ready to challenge yourself? Let the quest begin! 🚀🧠

Developed with care by kvnbbg 👨‍💻🌟

A Pen by Kevin Marville on CodePen.

License.

@Kvnbbg
Kvnbbg / terminal
Last active June 20, 2024 12:56
To install Docker on your Codespaces environment, you can follow these steps:
# Step 1: Uninstall old versions of Docker, if any
# This ensures there are no conflicts with existing installations.
for pkg in docker.io docker-doc docker-compose docker-compose-v2 podman-docker containerd runc; do sudo apt-get remove -y $pkg; done
# Step 2: Update the package database
sudo apt-get update
# Step 3: Install required packages for Docker installation
sudo apt-get install -y ca-certificates curl gnupg lsb-release
@Kvnbbg
Kvnbbg / index.html
Created June 17, 2024 14:35
Vision Week (test)
<nav>
<ul>
<li><a href="#" id="homeLink">Home</a></li>
<li><a href="#" id="tourLink">Virtual Tour</a></li>
<li><a href="#" id="mapLink">Map</a></li>
<li><a href="#" id="profileLink">Profile</a></li>
</ul>
</nav>
<div class="container" id="content">
@Kvnbbg
Kvnbbg / animated-form-css.markdown
Created June 15, 2024 11:09
Animated Form - CSS
@Kvnbbg
Kvnbbg / css-only-shimmer-button-choose-your-products.markdown
Created June 15, 2024 11:08
CSS Only Shimmer Button - Choose Your Products

CSS Only Shimmer Button - Choose Your Products

I was really inspired by an old button from Aaron which had a glowing edge, using an SVG effect. I wanted to see if I can create something similar with CSS only.

I really love this.

A Pen by Kevin Marville on CodePen.

License.

@Kvnbbg
Kvnbbg / make_dmg.sh
Last active June 3, 2024 18:48 — forked from HuangJiaLian/make_dmg.sh
Two steps to turn a Python file to a macOS installer
#!/bin/sh
# References
# https://www.pythonguis.com/tutorials/packaging-pyqt5-applications-pyinstaller-macos-dmg/
# https://medium.com/@jackhuang.wz/in-just-two-steps-you-can-turn-a-python-script-into-a-macos-application-installer-6e21bce2ee71
# ---------------------------------------
# Clean up previous builds
# ---------------------------------------