Anartz Mugika Ledo mugan86

## gpx_create.js
// Array de puntos de track
const trackPoints = [
  {"lat":43.178246,"lon":-2.417373,"ele":117.428,"time":"2024-07-20T18:05:57.140Z"},
  {"lat":43.178197,"lon":-2.417127,"ele":119.989,"time":"2024-07-20T18:06:37.140Z"},
  // ... otros puntos
  {"lat":43.178248,"lon":-2.417394,"ele":117.181,"time":"2024-07-20T19:27:17.141Z"}
];

// Array de waypoints
const waypoints = [

## gist:d0c41c5c4c2253963bddbf4b1d605255
Dinamyc form, pendiente de mejorar para incluso meter FormArray
https://stackblitz.com/edit/angular-ivy-p1g3rk?file=src%2Fapp%2Fdynamic-form%2Fdynamic-form.component.html

Desde un JSON:

https://stackblitz.com/edit/angular-ivy-sjwjqn?file=src%2Fapp%2Fjson-form%2Fjson-form.component.html

## app.service.ts
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable, map, of, switchMap } from 'rxjs';
import { forkJoin } from 'rxjs/internal/observable/forkJoin';

@Injectable({
  providedIn: 'root',
})
export class AppService {
  constructor(private http: HttpClient) {}

## activity_factor.json
[
  {
    "id": 1,
    "activity_es": "Inactiva",
    "activity_en": "Inactive",
    "details_es": "Inactiva total, encamado",
    "details_en": "Total inactivity, bedridden",
    "factor": 1.2
  },
  {

## README-en.md

      
              4 files
            
          
              0 forks
            
          
              5 comments
            
          
              0 stars
            
          
                mugan86
                / README-en.md
            
            
              Last active
              December 8, 2023 09:18
            
          
    To calculate the pacing needed to run the second half of a half marathon faster than the first, we need to consider the total time to complete the race and the percentage decrease in time per lap.
Given:
Total time to complete the race: 4620 seconds
Decrease percentage per lap: 3%
Distance of a half marathon: 21.0975 kilometers
Assuming that the race is divided into two equal halves, the distance for each half would be 21.0975/2 = 10.54875 kilometers.
Let’s denote the time taken to run the first half as T1 and the time taken to run the second half as T2. Since the total time is 4620 seconds, we have:

  
## index.html
<!DOCTYPE html>
<html>
<head>
    <title>Noticias</title>
    <style>
        .section {
            width: 30%;
            float: left;
            padding: 10px;
        }

## hooks_useLocalstorage.tsx
import { $, useSignal, useStore, useVisibleTask$} from "@builder.io/qwik";

export function useLocalStorage(key: string, loadingValue: boolean = true) {
  const data = useStore<{key: string, value: any[]}>({
    key,
    value: []
  });

  const loading = useSignal(loadingValue);
  useVisibleTask$(() => {

## index.css
/* https://formbold.com/templates/newsletter-subscription-form*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  body {
    font-family: "Inter", sans-serif;

## index-start.tsx
import {
  component$
} from '@builder.io/qwik';
import type { DocumentHead } from '@builder.io/qwik-city';

export default component$(() => {
  return (
    <form>
      <div class="field">
        <div class="field__head">

## hello.tsx
import { component$ } from "@builder.io/qwik";

export interface HelloProps {
  name: string;
  age?: number;
}
export const Hello =  component$((props: HelloProps) => {
  const { name, age } = props;
  return (
    <div>
	// Array de puntos de track
	const trackPoints = [
	{"lat":43.178246,"lon":-2.417373,"ele":117.428,"time":"2024-07-20T18:05:57.140Z"},
	{"lat":43.178197,"lon":-2.417127,"ele":119.989,"time":"2024-07-20T18:06:37.140Z"},
	// ... otros puntos
	{"lat":43.178248,"lon":-2.417394,"ele":117.181,"time":"2024-07-20T19:27:17.141Z"}
	];

	// Array de waypoints
	const waypoints = [
	Dinamyc form, pendiente de mejorar para incluso meter FormArray
	https://stackblitz.com/edit/angular-ivy-p1g3rk?file=src%2Fapp%2Fdynamic-form%2Fdynamic-form.component.html

	Desde un JSON:

	https://stackblitz.com/edit/angular-ivy-sjwjqn?file=src%2Fapp%2Fjson-form%2Fjson-form.component.html
	import { HttpClient } from '@angular/common/http';
	import { Injectable } from '@angular/core';
	import { Observable, map, of, switchMap } from 'rxjs';
	import { forkJoin } from 'rxjs/internal/observable/forkJoin';

	@Injectable({
	providedIn: 'root',
	})
	export class AppService {
	constructor(private http: HttpClient) {}
	[
	{
	"id": 1,
	"activity_es": "Inactiva",
	"activity_en": "Inactive",
	"details_es": "Inactiva total, encamado",
	"details_en": "Total inactivity, bedridden",
	"factor": 1.2
	},
	{
	<!DOCTYPE html>
	<html>
	<head>
	<title>Noticias</title>
	<style>
	.section {
	width: 30%;
	float: left;
	padding: 10px;
	}
	import { $, useSignal, useStore, useVisibleTask$} from "@builder.io/qwik";

	export function useLocalStorage(key: string, loadingValue: boolean = true) {
	const data = useStore<{key: string, value: any[]}>({
	key,
	value: []
	});

	const loading = useSignal(loadingValue);
	useVisibleTask$(() => {
	/* https://formbold.com/templates/newsletter-subscription-form*/

	@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
	* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	}
	body {
	font-family: "Inter", sans-serif;
	import {
	component$
	} from '@builder.io/qwik';
	import type { DocumentHead } from '@builder.io/qwik-city';

	export default component$(() => {
	return (
	<form>
	<div class="field">
	<div class="field__head">
	import { component$ } from "@builder.io/qwik";

	export interface HelloProps {
	name: string;
	age?: number;
	}
	export const Hello = component$((props: HelloProps) => {
	const { name, age } = props;
	return (
	<div>