janek
/
CalMerger
forked from ryanmwangi/CalMerger
1
0
Fork 0
Code Pull Requests Activity

update html to accept an unlimited number of links

This commit is contained in:
Ryan Mwangi 2024-10-02 02:15:52 +03:00
parent 0e2d6cac8a
commit 3d75b40018
1 changed files with 30 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
index.html
View File

@ -4,23 +4,43 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calendar Merger</title> <title>Calendar Merger</title>
<link rel="stylesheet" href="/styles.css"> <style>
body {
font-family: Arial, sans-serif;
}
#calendars {
margin-bottom: 20px;
}
#calendars .calendar {
margin-bottom: 10px;
}
#calendars .calendar input[type="text"] {
width: 50%;
margin-right: 10px;
}
#calendars .calendar input[type="url"] {
width: 50%;
}
#add-calendar {
margin-bottom: 20px;
}
</style>
</head> </head>
<body> <body>
<h1>Calendar Merger</h1> <h1>Calendar Merger</h1>
<form id="merge-form"> <form id="merge-form">
<label for="cal1-url">Calendar 1 URL:</label> <div id="calendars">
<input type="url" id="cal1-url" name="cal1-url"><br><br> <div class="calendar">
<label for="cal1-prefix">Calendar 1 Prefix:</label> <input type="text" id="prefix-0" placeholder="Prefix">
<input type="text" id="cal1-prefix" name="cal1-prefix"><br><br> <input type="url" id="url-0" placeholder="Calendar URL">
<label for="cal2-url">Calendar 2 URL:</label> </div>
<input type="url" id="cal2-url" name="cal2-url"><br><br> </div>
<label for="cal2-prefix">Calendar 2 Prefix:</label> <button id="add-calendar" type="button">Add Calendar</button>
<input type="text" id="cal2-prefix" name="cal2-prefix"><br><br>
<button type="submit">Merge Calendars</button> <button type="submit">Merge Calendars</button>
</form> </form>
<div id="result"></div> <div id="result"></div>
<script src="script.js"></script> <script src="script.js"></script>
</body> </body>
</html> </html>