anartzdev

body{
	background-color:#110F26;
	color: white;
}

.choice img {
    width: 100px !important;
    height: 100%;
}

anartzdev

export const Title = () => {
  const name = 'Anartz';
  return <h1>{name}</h1>;
};

export const Age = () => {
  const age = 37;
  return (
    <p>
      {age > 40

anartzdev

export const ESTIMATED_PACES = {
  "30": {
    "1500": "8:30",
    "mile": "9:11",
    "3km": "17:56",
    "2miles": "19:19",
    "5km": "30:40",
    "10Km": "1:03:46",
    "15km": "1:38:14",
    "mm": "2:21:04",

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