48 lines
1.5 KiB
HTML
48 lines
1.5 KiB
HTML
<html>
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<title>PhotoCalendar</title>
|
|
<script src="photoCalendar.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<div class="controls">
|
|
<div class="control select">
|
|
<label>Año:</label>
|
|
<input type="number" min="2024" step="1" value="2024" id="year" />
|
|
</div>
|
|
<div class="row">
|
|
<div class="col50">
|
|
<div class="control checkbox">
|
|
<input type="checkbox" id="showMonthSeparators" />
|
|
<label for="showMonthSeparators">Dividir meses</label>
|
|
</div>
|
|
</div>
|
|
<div class="col50">
|
|
<div class="control checkbox">
|
|
<input type="checkbox" id="centerMonths" />
|
|
<label for="centerMonths">Centrar meses</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col50">
|
|
<div class="control file">
|
|
<label for="imageInput">Seleccionar Foto</label>
|
|
<input type="file" id="imageInput" accept="image/*" />
|
|
</div>
|
|
</div>
|
|
<div class="col50">
|
|
<div class="control button">
|
|
<button id="downloadButton">Descargar foto-calendario</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="preview">
|
|
<canvas id="calendarCanvas" width="1181" height="1771"></canvas>
|
|
</div>
|
|
</body>
|
|
</html>
|