jdg/photoCalendar
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

First commit

Browse Source
This commit is contained in:
José David Guillén
2024-06-16 08:51:01 +00:00
commit d3ba82be5d
4 changed files with 425 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
index.html Normal file
View File

@ -0,0 +1,47 @@
<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>