anartzdev

// Import stylesheets
import './style.css';

// Write TypeScript code!
const appDiv: HTMLElement = document.getElementById('app');
appDiv.innerHTML = `<h1>TypeScript Starter</h1>`;

appDiv.innerHTML = `<p>Prueba</p>`

anartzdev

#alert-year-input {
    background: #f5f5b0;
    border: 2.5px solid #b0b083;
    padding: 1rem;
    margin: 10px;
    border-radius: 1rem;
    color: #68683e;
}

#alert-year-input:hover {

anartzdev

import { component$ } from '@builder.io/qwik';

export const Hello = component$(() => {
  return <div>Hello World with Qwik!</div>
});

anartzdev

import { component$ } from '@builder.io/qwik';

export default component$(() => {
  return <div>
  <h1>Ruta "/about"</h1>
  Esta es la página 'about'
</div>;
});

anartzdev

{
  "description": "Use Leaflet Maps in your Qwik app",
  "__qwik__": {
    "displayName": "Integration: Leaflet Maps",
    "priority": -10,
    "viteConfig": {},
    "docs": [
      "https://leafletjs.com/reference.html",
      "https://leafletjs.com/examples/quick-start/",
      "https://www.sitepoint.com/leaflet-create-map-beginner-guide/"

anartzdev

<div>
  <p>
    Mi posición actual [x, y]: [{POSICIÓN X ALMACENADA EN EL STORE}, {POSICIÓN Y ALMACENADA EN EL STORE}]
  </p>
  <p>Límite de la mitad horizontal (eje x): {POSICIÓN X QUE INDICA LA MITAD ALMACENADA EN EL STORE}</p>
  <div id='root-use-on-document'>
    <div id='middle-limit'></div>
  </div>
</div>

anartzdev

export const chaptersData = [
    {
        "question": "1.- Primeros pasos",
        "answer": "Introducción a Qwik y explicación de las características de Qwik y primer ejemplo básico",
        "open": true
    },
    {
        "question": "2.- Enrutamiento / Routing",
        "answer": "Claves para entender el enrutamiento en las aplicaciones de Qwik",
        "open": false

anartzdev

import { component$ } from '@builder.io/qwik';

interface UserProps {
  name: string;
  email: string;
  profilePictureUrl: string;
}

// Component responsible for rendering a user's profile information
export const UserProfile = component$<UserProps>(

anartzdev

{
  "schedule": {
    "delegations": [
      {
        "code": "00001",
        "delegationSchedule": [
          {
            "scheduleType": "1",
            "startDate": "2023-01-07",
            "endDate": "2023-08-31",

anartzdev

:root {
  --qwik-dark-blue: #006ce9;
  --qwik-light-blue: #18b6f6;
  --qwik-light-purple: #ac7ff4;
  --qwik-dark-purple: #713fc2;
  --menu: rgb(217, 199, 64);
  --content: hsl(23, 52%, 50%);
}

html {