|
<!DOCTYPE html> |
|
<html lang="ko"> |
|
|
|
<head> |
|
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
|
<meta charset="utf-8"> |
|
<title>Spakers in Text</title> |
|
<link rel="stylesheet" href="{{ url_for('static', path='css/put.css') }}"> |
|
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" |
|
integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous"> |
|
</head> |
|
|
|
<body> |
|
|
|
<script src="https://code.jquery.com/jquery-3.6.4.min.js" |
|
integrity="sha256-oP6HI/tZ1aS9sz3Jr4+6zqbc9BE/l6fLx+Vz2I+H/GL4ZiI/Z5L3hMv8w3yXdBi" |
|
crossorigin="anonymous"></script> |
|
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" |
|
integrity="sha384-3ziFjNlAXja/Yb0M7y2BmFvR3s09gRPbrCm0lF+SvL4uIboD5lv3U3BdD7dW7Y3" |
|
crossorigin="anonymous"></script> |
|
|
|
|
|
<script> |
|
|
|
$(document).ready(function () { |
|
$('#exampleModal').modal("show"); |
|
}); |
|
|
|
|
|
function openAddItemModal() { |
|
const addItemModal = createAddItemModal(); |
|
openModal(addItemModal); |
|
} |
|
|
|
|
|
function addItem() { |
|
event.preventDefault(); |
|
const newItem = document.getElementById('newItem').value; |
|
itemList.push(newItem); |
|
updateItemList(); |
|
closeModal('addItemModal'); |
|
} |
|
</script> |
|
|
|
<div class="background"> |
|
<div class="header"><a href="/"> |
|
<span class="title">Nouvel : Novel for you</span></a></div> |
|
<div class="empty"></div> |
|
|
|
<div class="box"> |
|
<div class="subtitle"> |
|
๊ฐ์งํ ๋ฑ์ฅ์ธ๋ฌผ ๋ช
๋จ |
|
</div> |
|
<div class="explain_box"> |
|
<span class="explain">์์
์ด ์งํ ์ค ์
๋๋ค. ์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.</span> |
|
</div> |
|
<div class="container mt-4"> |
|
<ol id="itemList" class="list-group"> |
|
|
|
</ol> |
|
|
|
|
|
|
|
|
|
<form> |
|
<input type="text" class="form-control" id="newItem"> |
|
<div class="modal-footer"> |
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">์ทจ์</button> |
|
|
|
<button type="submit" class="btn btn-primary" onclick="addItem()">์ถ๊ฐ</button> |
|
</div> |
|
</form> |
|
|
|
</div> |
|
|
|
|
|
<div class="modal fade" id="editItemModal" tabindex="-1" role="dialog" aria-labelledby="editItemModalLabel" |
|
aria-hidden="true"> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="buttonbox"> |
|
<div class="transformbox"> |
|
<button onclick="handleButtonClick()" class="transformButton" type="submit"> |
|
<span>์์ํ๊ธฐ</span> |
|
</button> |
|
</div> |
|
</div> |
|
<div class="foot"> |
|
<div class="footer-text"> |
|
<span>๊ณ ๋ ค๋ํ๊ต ์ง๋ฅ์ ๋ณด SW ์์นด๋ฐ๋ฏธ 5์กฐ</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> |
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> |
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> |
|
<script type="text/javascript" src="../static/js/confirm.js"></script> |
|
<script> |
|
document.addEventListener('DOMContentLoaded', function () {handlePageLoad();}); |
|
</script> |
|
</body> |
|
|
|
</html> |