123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>Job Board</title>
- <script type="text/javascript" src="/static/jquery.js"></script>
- <script type="text/javascript" src="/static/jquery-ui.min.js"></script>
- <script type="text/javascript" src="/static/corkboard.js"></script>
- <link rel="stylesheet" href="/static/jquery-ui.min.css">
- <style>
- html,body {
- height: 100%;
- margin: 0px;
- padding: 0px;
- font-family: "Arial", "Helvetica", sans-serif;
- }
- #content {
- display: grid;
- grid-template-rows: 2em auto;
- height: 100%;
- }
- #chrome {
- border: 1px solid black;
- display: flex;
- flex-direction: row;
- align-items: center;
- }
- #board {
- width: 100%;
- height: 100%;
- background-color: #ddd;
- }
- #title {
- padding: 0.5em;
- }
- .note {
- background-color: #fff;
- width: 300px;
- height: 220px;
- padding: 0.5em;
- border: 1px solid black;
- display: grid;
- grid-template-rows: 90% auto;
- }
- .text { height: 100%; width: 100%; }
- #add { color: #900; padding: 0.5em; }
- .edit { color: #900; padding: 0.5em; }
- .delete { color: #900; padding: 0.5em; }
- .confirm { color: #f00; padding: 0.5em; }
- </style>
- </head>
- <body>
- <div id="content">
- <div id="chrome">
- <span id="title">The Mute's Job Board</span>
- <a id="add">create</a>
- </div>
- <div id="board"></div>
- </div>
- </body>
- </html>
|