Kvnbbg

<template>
  <div id="app">
    <h1>{{ message }}</h1>

    <p>
      Learn more with the
      <a href="https://vuejs.org/" target="_blank" rel="noopener">
        Vue Docs &amp; Resources
      </a>
      .

Kvnbbg

<template>
  <div id="app">
    <h1>{{ message }}</h1>

    <p>
      Learn more with the
      <a href="https://vuejs.org/" target="_blank" rel="noopener">
        Vue Docs &amp; Resources
      </a>
      .

Kvnbbg

<input id="image-selector-input" style="visibility:hidden;" type="file">

<div class="container">
    <canvas></canvas>
</div>


<script type="x-shader/x-fragment" id="vertShader">
    precision highp float;

Kvnbbg

CSS Scroll Snap

A Pen by Marko on CodePen.

License.

Kvnbbg

CSS Scroll Snap

A Pen by Marko on CodePen.

License.

Kvnbbg

Chess Player MVP

Experience a dynamic chess game built with Vue.js that includes a multilingual interface, timer modes, and a task manager for enhanced productivity. This application supports English, French, Spanish, and German, providing a seamless gaming and task management experience.

A Pen by Kevin Marville on CodePen.

License.

Kvnbbg

Pomodoro Timer with Task Management, Login, and Registration

This Vue.js application combines a Pomodoro timer with task management, and includes fake login and registration forms for demonstration purposes. The app is fully translated into English, French, Spanish, and German, and includes a floating bubble advertisement linking to job opportunities. It also features a responsive design that adapts to light or dark themes based on user preference. Ideal for enhancing productivity, this all-in-one app helps manage study sessions efficiently with an intuitive interface and engaging notifications. Check out my LinkedIn for more details.

A Pen by Kevin Marville on CodePen.

License.

Kvnbbg

Chess Player MVP

A Pen by Kevin Marville on CodePen.

License.

Kvnbbg

<template>
  <div id="app">
    <div class="onboarding" v-if="showOnboarding">
      <div class="modal" v-show="showLogin">
        <h2>Welcome!</h2>
        <div class="tabs">
          <button :class="{ active: activeTab === 'login' }" @click="changeTab('login')">Login</button>
          <button :class="{ active: activeTab === 'register' }" @click="changeTab('register')">Register</button>
        </div>
        <div class="content">

Kvnbbg

<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>