Saltar al contenido
Timeline HM hectormora.es

Un portfolio para editores, creado por un editor.

Timeline HM Portfolio es la web y el panel con los que publico mi trabajo: vídeo, fotografía, inteligencia artificial, tres idiomas y temas a medida, en un hosting normal y sin depender de nadie.

v8.0PHP + SQLiteSin compilaciónSe sube por FTP

Escritorio del panel de administración: proyectos recientes, visitas de hoy y del mes, borradores, mensajes y accesos rápidos.
Portada pública con las tarjetas de los proyectos en el tema Broadcast.
La misma web en un móvil.

Tu trabajo, primero.

La portada enseña obra, no texto. Al pasar el ratón por una tarjeta se reproduce el vídeo del proyecto.

Ficha de proyecto en el tema Cinema: cabecera, clips de vídeo con subtítulos y ficha técnica.
Ficha de proyecto: clips en carrusel, ficha técnica, galería, citas e incrustados de YouTube, Vimeo, X, Instagram o TikTok.
La ficha de proyecto en el móvil.

Filtros y buscador

Por categoría y por título, al instante, sin recargar.

Bio por bloques

Nueve tipos de bloque: texto, foto con texto, vídeo, cita, botón… sin tocar HTML.

Fotolog

Una sección de fotos con paspartú y, si quieres, el avance de 30 segundos de una canción de Apple Music en cada una.

Contacto

Formulario con límite antispam y el correo escondido de los robots.

Un panel que se entiende a la primera.

Todo lo que publicas pasa por aquí. Pensado para usarlo a diario, también desde el móvil.

  1. El escritorio

    Visitas de hoy y del mes, los últimos mensajes, los borradores y lo que le falta a cada proyecto publicado: una portada, un póster, el texto alternativo de una foto.

  2. Un editor en cuatro pestañas

    Información, material, texto y publicación. Los clips, las fotos y los incrustados se ordenan arrastrando, y el ojo esconde lo que no quieres enseñar sin borrarlo.

  3. Publicar cuando toca

    Borrador, ahora o en una fecha. Si una ficha ya estaba publicada, corregir una errata no cambia su fecha. Y se puede sacar de la portada sin despublicarla.

  4. Biblioteca de medios

    Arrastra un máster de 2 GB y se sube en trozos de 20 MB que esquivan los límites del hosting, con el tiempo que falta y un botón para cancelar. Las fotos se convierten solas a WebP.

  5. Estadísticas propias

    Visitas, visitantes únicos, reproducciones y lectura completa de cada ficha, sin analítica de terceros. Y Search Console dentro del panel para saber qué buscan para encontrarte.

Hecho para vídeo de verdad.

Másters pesados, subtítulos y pósters, sin salir del panel y sin volver a exportar nada.

Ventana para elegir el fotograma exacto que hará de póster del clip.

El póster, del fotograma exacto

Avanzas el clip hasta el plano que quieres y ese fotograma se convierte en su póster.

Editor de subtítulos con los tiempos de entrada y salida de cada frase.

Subtítulos automáticos

Whisper transcribe el clip en tu propio navegador, en el idioma que elijas, y luego corriges frase a frase. El audio no se envía a ningún servicio.

Antes
ftypmdat · 1,8 GB de imagen y sonidomoov
Después
ftypmoovmdat · 1,8 GB de imagen y sonido

Fast start

El índice de un MP4 (la caja moov) suele ir al final, y el navegador tiene que bajarse el archivo entero para empezar. El panel lo pone delante para que el vídeo arranque al instante, también en Safari, y repara los MP4 fragmentados que dicen mal su duración. Sin recodificar: la calidad no se toca.

La IA, donde ahorra trabajo.

Con tu propia clave de Gemini, guardada en tu servidor. Solo trabaja cuando pulsas el botón.

Marea baja Generar con IA

Marea baja (Canal Faro · Nébula Films, 2025). Largometraje documental sobre un pueblo cantábrico que solo existe con la marea baja. Montaje y grafismo.

Ejemplo escrito para esta página sobre un proyecto inventado.

  • Descripciones de proyecto a partir de la ficha técnica, cortas o medianas.
  • Textos alternativos de cada foto de la galería, mirando la imagen.
  • Descripciones para Google de cada ficha y de la portada.
  • Traducciones al inglés y al catalán, que luego revisas.
  • Títulos para las fotos del fotolog, sin tópicos.
  • Las instrucciones son tuyas: cada encargo se puede reescribir desde Ajustes.

En español.English.català.

La misma web en tres idiomas, con su dirección propia para Google. Los nombres propios no se traducen; todo lo demás, sí.

Ficha de proyecto en español. La misma ficha en inglés. La misma ficha en catalán.
Sección de traducciones del panel con el progreso de cada idioma.

Traduces a mano o con IA, marcas lo revisado, y el menú del panel te dice cuántas fichas tienen algo pendiente, borradores incluidos. Los rótulos de la web, como «Año» o «Productora», también se pueden reescribir.

El mismo contenido, otra piel.

Un tema cambia la hoja de estilos o las plantillas enteras. El contenido no se toca.

Incluidos A medida, no incluidos
Portada con el tema Broadcast. Portada con el tema Cinema. Portada con el tema Proyección. Portada con el tema Timeline. Portada con el tema Editorial. Portada con el tema Cristal. Portada con el tema Minimal. Portada con el tema Secuencia.

Broadcast viene con la plantilla.

Galería de temas del panel con vista previa de cada uno.

Hazte el tuyo

Describe el aspecto que quieres y el panel te prepara las instrucciones para pedírselo a una IA. Subes lo que te devuelva (una hoja .css, un .zip o un único .txt) y lo ves en vivo antes de activarlo. Antes de instalar nada se revisa que no lleve código peligroso.

Y todo lo demás.

Sección de fotos del panel en el iPhone.

El fotolog, desde el iPhone

Una foto, un título, el sitio y la fecha, paso a paso y con el pulgar. La fecha y el lugar salen de la propia foto, y antes de subirla el móvil la reduce y le quita la ubicación exacta.

Un CV que se hace solo

Toma tus datos de Ajustes y tus proyectos del portfolio, se ordena por fechas y queda listo para guardar en PDF.

Generador de CV con la vista previa en A4.

Mensajes

Los del formulario llegan al panel y se contestan desde ahí, por tu propio correo.

Revisión SEO

Encuentra descripciones pobres y fotos sin texto alternativo, y las corrige con la IA de un clic.

Chequeo de salud

Archivos que faltan, fotos demasiado pesadas, vídeos sin optimizar y portadas vacías.

Limpieza

Busca archivos que ya no usa nadie y copias duplicadas de la misma imagen.

Autoguardado

El editor guarda un borrador cada 30 segundos y recuerda las cinco últimas versiones del texto.

Papelera

Un proyecto borrado espera 30 días antes de desaparecer.

Sin terceros. Sin banner de cookies.

No hay banner porque no hay nada que aceptar: las tipografías y los iconos se sirven desde tu propio dominio y la analítica es tuya.

  • Los reproductores de YouTube, Vimeo, X, Instagram o TikTok solo se cargan en las fichas que los incrustan.
  • El texto legal se genera a partir de lo que la web hace de verdad.
  • Verificación en dos pasos con códigos de recuperación.
  • Cinco intentos de acceso cada quince minutos y sesiones que caducan.
  • Copias de la base de datos y de los archivos en Google Drive, cuando tú quieras.
  • Modo mantenimiento para trabajar sin que nadie vea la web a medias.
Ajustes de seguridad: verificación en dos pasos y cambio de contraseña.

Funciona en un hosting normal.

Servidor
PHP 7.4 o superior; probado en PHP 8.5 sin un solo aviso
Base de datos
SQLite: un único archivo, sin servidor de base de datos
Instalación
Se sube por FTP. Sin compilación, sin dependencias que instalar
Subidas
Hasta 2 GB por archivo, en trozos de 20 MB
Imágenes
WebP automático, máximo 2.000 px; miniaturas e imagen para compartir generadas al guardar
Google
Sitemap con imágenes e idiomas, datos estructurados, canónicas y Search Console
Idiomas
Español, inglés y catalán, con hreflang
Temas
2 incluidos; ampliables con plantillas PHP y CSS propias

Nació en una sala de edición.

Empecé Timeline HM Portfolio para publicar mi propio trabajo de montaje y lo he ido ampliando con lo que me pedía el día a día. Está funcionando en mi web.