75 lines
2.5 KiB
HTML
75 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
|
<title>Prayercircle</title>
|
|
<link href="main.css" rel="stylesheet"></head>
|
|
<body class="starting-page">
|
|
<div class="container">
|
|
<header class="header">
|
|
<div class="logo-container">
|
|
<!-- <img src="img/doge.png" alt="doge logo" class="logo-img"/>-->
|
|
<h1 class="logo-text">
|
|
<span class="logo-highlight">Prayer</span>Circle
|
|
</h1>
|
|
</div>
|
|
</header>
|
|
<section id="list-section">
|
|
<button id="add-button">+</button>
|
|
<div id="list-container">
|
|
<div id="input-template"><input class="name" placeholder="Name">
|
|
<button class="delete-button"></button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="table-section">
|
|
<div id = "week-selection">
|
|
<button id = "previous-week"><</button>
|
|
<span id = "week-input"></span>
|
|
<button id = "next-week">></button>
|
|
</div>
|
|
<div id="table-container">
|
|
<table id="table-template" class="prayer-table">
|
|
<thead>
|
|
<tr>
|
|
<th class="name"></th>
|
|
<th>Mo</th>
|
|
<th>Di</th>
|
|
<th>Mi</th>
|
|
<th>Do</th>
|
|
<th>Fr</th>
|
|
<th>Sa</th>
|
|
<th>So</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Ich bete für:</td>
|
|
<td class="for-0"></td>
|
|
<td class="for-1"></td>
|
|
<td class="for-2"></td>
|
|
<td class="for-3"></td>
|
|
<td class="for-4"></td>
|
|
<td class="for-5"></td>
|
|
<td class="for-6"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Für mich betet:</td>
|
|
<td class="by-0"></td>
|
|
<td class="by-1"></td>
|
|
<td class="by-2"></td>
|
|
<td class="by-3"></td>
|
|
<td class="by-4"></td>
|
|
<td class="by-5"></td>
|
|
<td class="by-6"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<script src="bundle.js"></script></body>
|
|
</html>
|