87 lines
3.2 KiB
HTML
87 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Business Model Canvas</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Business Model Canvas Parser</h1>
|
|
|
|
<!-- Formulario de entrada -->
|
|
<form method="post" action="/render" class="input-section">
|
|
<label for="markdown">Pega tu markdown aquí:</label>
|
|
<textarea name="markdown_text" rows="15" id="markdown_text" placeholder="# Business Model Canvas...
|
|
|
|
## Socios Clave...
|
|
## Actividades Clave...
|
|
## Recursos Clave...
|
|
## Propuesta de valor...
|
|
## Relacion Con Clientes...
|
|
## Canales...
|
|
## Segmentos...
|
|
## Estructura de Costos...
|
|
## Fuentes de Ingresos...">{{ markdown_text }}</textarea>
|
|
<button type="submit">Generar BMC</button>
|
|
</form>
|
|
|
|
{% if bmc_data %}
|
|
<!-- Business Model Canvas Grid -->
|
|
<div class="bmc-container">
|
|
<!-- Fila 1: Socios, Actividades, Propuesta, Relaciones, Segmentos -->
|
|
<div class="bmc-block socios">
|
|
<h3>Socios Clave</h3>
|
|
<div class="content">{{ bmc_data.socios_clave | replace('\n', '<br>') | safe }}</div>
|
|
</div>
|
|
|
|
<div class="bmc-block actividades">
|
|
<h3>Actividades Clave</h3>
|
|
<div class="content">{{ bmc_data.actividades_clave | replace('\n', '<br>') | safe }}</div>
|
|
</div>
|
|
|
|
<div class="bmc-block propuesta">
|
|
<h3>Propuesta de Valor</h3>
|
|
<div class="content">{{ bmc_data.propuesta_de_valor | replace('\n', '<br>') | safe }}</div>
|
|
</div>
|
|
|
|
<div class="bmc-block relaciones">
|
|
<h3>Relación con Clientes</h3>
|
|
<div class="content">{{ bmc_data.relacion_con_clientes | replace('\n', '<br>') | safe }}</div>
|
|
</div>
|
|
|
|
<div class="bmc-block segmentos">
|
|
<h3>Segmentos de Clientes</h3>
|
|
<div class="content">{{ bmc_data.segmentos | replace('\n', '<br>') | safe }}</div>
|
|
</div>
|
|
|
|
<!-- Fila 2: Recursos, Canales -->
|
|
<div class="bmc-block recursos">
|
|
<h3>Recursos Clave</h3>
|
|
<div class="content">{{ bmc_data.recursos_clave | replace('\n', '<br>') | safe }}</div>
|
|
</div>
|
|
|
|
<div class="bmc-block canales">
|
|
<h3>Canales</h3>
|
|
<div class="content">{{ bmc_data.canales | replace('\n', '<br>') | safe }}</div>
|
|
</div>
|
|
|
|
<!-- Fila 3: Costos e Ingresos -->
|
|
<div class="last">
|
|
<div class="bmc-block costos">
|
|
<h3>Estructura de Costos</h3>
|
|
<div class="content">{{ bmc_data.estructura_de_costos | replace('\n', '<br>') | safe }}</div>
|
|
</div>
|
|
|
|
<div class="bmc-block ingresos">
|
|
<h3>Fuentes de Ingresos</h3>
|
|
<div class="content">{{ bmc_data.fuentes_de_ingresos | replace('\n', '<br>') | safe }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</body>
|
|
</html>
|