2019-2-OpenSourceSW / Probability Death

Go to a project
Toggle navigation Toggle navigation pinning
조민지
40d6d231 1 parent 7433c87b

배경디자인, submit form

Inline Side-by-side
Showing 3 changed files with 66 additions and 2 deletions
1 +<!DOCTYPE <!DOCTYPE html>
2 +<html>
3 +
4 +<head>
5 + <meta charset="utf-8" />
6 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 + <title>Page Title</title>
8 +
9 +
10 + <meta name="viewport" content="width=device-width, initial-scale=1">
11 + <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
12 + <script src="main.js"></script>
13 +
14 + <!-- 합쳐지고 최소화된 최신 CSS -->
15 + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
16 +
17 + <!-- 부가적인 테마 -->
18 + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
19 +
20 + <!-- 합쳐지고 최소화된 최신 자바스크립트 -->
21 + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
22 +
23 + <style type="text/css">
24 + body {
25 + background-image: url('background.jpg');
26 + background-repeat: no-repeat;
27 + background-size: cover;
28 + /* background: linear-gradient( to bottom, #fbc2eb, #a6c1ee ); */
29 + }
30 +
31 + h1 {
32 + color: white;
33 + }
34 +
35 + label {
36 + color: white;
37 + font-size: 20px;
38 + }
39 +
40 + </style>
41 +
42 +</head>
43 +
44 +<body>
45 + <div style="width:100%; text-align: center; margin-top:170px;">
46 + <h1 style="font-size:90px;">당신이 지금 죽을 확률은?</h1>
47 + </div>
48 + <br><br><br>
49 + <div style="width:100%; text-align: center;">
50 + <form action="/starting" method="post">
51 + <div class="form-inline">
52 + <label>이름</label>
53 + <input type="text" name="name" class="form-control" placeholder="김철수" style="width:200px;">
54 + &nbsp&nbsp&nbsp&nbsp
55 + <label>생년월일</label>
56 + <input type="text" name="birth" class="form-control" placeholder="971009" style="width:200px;">
57 + <br><br><br>
58 + <input type="submit" value="시작하기" class="btn btn-default" style="width:100px;font-weight: bold; font-size: 18px; background-color: white;">
59 + </div>
60 + </form>
61 + </div>
62 +</body>
63 +
64 +</html>
...\ No newline at end of file ...\ No newline at end of file
...@@ -86,7 +86,7 @@ ...@@ -86,7 +86,7 @@
86 }, 86 },
87 87
88 title: { 88 title: {
89 - text: "실시간 사망률" 89 + text: "<%=name%>님의 실시간 사망률"
90 }, 90 },
91 xAxis: { 91 xAxis: {
92 type: "datetime", 92 type: "datetime",
...@@ -94,7 +94,7 @@ ...@@ -94,7 +94,7 @@
94 }, 94 },
95 yAxis: { 95 yAxis: {
96 title: { 96 title: {
97 - text: "<%=name%>님의 실시간 사망률" 97 + text: "사망률(%)"
98 }, 98 },
99 xAxis: { 99 xAxis: {
100 type: "datetime", 100 type: "datetime",
......