2020-2-capstone-design1 / HCG_project

Go to a project
Toggle navigation Toggle navigation pinning
GyuhoLee
e7624830 1 parent 3e536f30

[Add] 웹 페이지 프로토타입 개발

Inline Side-by-side
Showing 3 changed files with 48 additions and 13 deletions
...@@ -19,11 +19,7 @@ ...@@ -19,11 +19,7 @@
19 <select /> 19 <select />
20 </component> 20 </component>
21 <component name="ChangeListManager"> 21 <component name="ChangeListManager">
22 - <list default="true" id="b9decb0c-dc9e-4239-bdad-09ea8dd5179d" name="Default Changelist" comment=""> 22 + <list default="true" id="b9decb0c-dc9e-4239-bdad-09ea8dd5179d" name="Default Changelist" comment="" />
23 - <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
24 - <change beforePath="$PROJECT_DIR$/subtitle.py" beforeDir="false" afterPath="$PROJECT_DIR$/subtitle.py" afterDir="false" />
25 - <change beforePath="$PROJECT_DIR$/textrank/summarizer.py" beforeDir="false" afterPath="$PROJECT_DIR$/textrank/summarizer.py" afterDir="false" />
26 - </list>
27 <option name="SHOW_DIALOG" value="false" /> 23 <option name="SHOW_DIALOG" value="false" />
28 <option name="HIGHLIGHT_CONFLICTS" value="true" /> 24 <option name="HIGHLIGHT_CONFLICTS" value="true" />
29 <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" /> 25 <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
...@@ -107,25 +103,25 @@ ...@@ -107,25 +103,25 @@
107 <screen x="0" y="0" width="1920" height="1040" /> 103 <screen x="0" y="0" width="1920" height="1040" />
108 </state> 104 </state>
109 <state x="740" y="275" key="FileChooserDialogImpl/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1604836455343" /> 105 <state x="740" y="275" key="FileChooserDialogImpl/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1604836455343" />
110 - <state width="1899" height="282" key="GridCell.Tab.0.bottom" timestamp="1607070330004"> 106 + <state width="1899" height="282" key="GridCell.Tab.0.bottom" timestamp="1607071806698">
111 <screen x="0" y="0" width="1920" height="1040" /> 107 <screen x="0" y="0" width="1920" height="1040" />
112 </state> 108 </state>
113 - <state width="1899" height="282" key="GridCell.Tab.0.bottom/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607070330004" /> 109 + <state width="1899" height="282" key="GridCell.Tab.0.bottom/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607071806698" />
114 <state width="1899" height="282" key="GridCell.Tab.0.bottom/0.0.1920.1040/1920.0.1920.1040@1920.0.1920.1040" timestamp="1604306110978" /> 110 <state width="1899" height="282" key="GridCell.Tab.0.bottom/0.0.1920.1040/1920.0.1920.1040@1920.0.1920.1040" timestamp="1604306110978" />
115 - <state width="1899" height="282" key="GridCell.Tab.0.center" timestamp="1607070330004"> 111 + <state width="1899" height="282" key="GridCell.Tab.0.center" timestamp="1607071806698">
116 <screen x="0" y="0" width="1920" height="1040" /> 112 <screen x="0" y="0" width="1920" height="1040" />
117 </state> 113 </state>
118 - <state width="1899" height="282" key="GridCell.Tab.0.center/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607070330004" /> 114 + <state width="1899" height="282" key="GridCell.Tab.0.center/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607071806698" />
119 <state width="1899" height="282" key="GridCell.Tab.0.center/0.0.1920.1040/1920.0.1920.1040@1920.0.1920.1040" timestamp="1604306110978" /> 115 <state width="1899" height="282" key="GridCell.Tab.0.center/0.0.1920.1040/1920.0.1920.1040@1920.0.1920.1040" timestamp="1604306110978" />
120 - <state width="1899" height="282" key="GridCell.Tab.0.left" timestamp="1607070330004"> 116 + <state width="1899" height="282" key="GridCell.Tab.0.left" timestamp="1607071806698">
121 <screen x="0" y="0" width="1920" height="1040" /> 117 <screen x="0" y="0" width="1920" height="1040" />
122 </state> 118 </state>
123 - <state width="1899" height="282" key="GridCell.Tab.0.left/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607070330004" /> 119 + <state width="1899" height="282" key="GridCell.Tab.0.left/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607071806698" />
124 <state width="1899" height="282" key="GridCell.Tab.0.left/0.0.1920.1040/1920.0.1920.1040@1920.0.1920.1040" timestamp="1604306110978" /> 120 <state width="1899" height="282" key="GridCell.Tab.0.left/0.0.1920.1040/1920.0.1920.1040@1920.0.1920.1040" timestamp="1604306110978" />
125 - <state width="1899" height="282" key="GridCell.Tab.0.right" timestamp="1607070330004"> 121 + <state width="1899" height="282" key="GridCell.Tab.0.right" timestamp="1607071806698">
126 <screen x="0" y="0" width="1920" height="1040" /> 122 <screen x="0" y="0" width="1920" height="1040" />
127 </state> 123 </state>
128 - <state width="1899" height="282" key="GridCell.Tab.0.right/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607070330004" /> 124 + <state width="1899" height="282" key="GridCell.Tab.0.right/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607071806698" />
129 <state width="1899" height="282" key="GridCell.Tab.0.right/0.0.1920.1040/1920.0.1920.1040@1920.0.1920.1040" timestamp="1604306110978" /> 125 <state width="1899" height="282" key="GridCell.Tab.0.right/0.0.1920.1040/1920.0.1920.1040@1920.0.1920.1040" timestamp="1604306110978" />
130 <state x="2381" y="164" key="SettingsEditor" timestamp="1604303734485"> 126 <state x="2381" y="164" key="SettingsEditor" timestamp="1604303734485">
131 <screen x="1920" y="0" width="1920" height="1040" /> 127 <screen x="1920" y="0" width="1920" height="1040" />
......
1 +
2 +<!DOCTYPE html>
3 +<html lang="ko">
4 + <head>
5 + <title>유튜브 자막 요약기</title>
6 +<meta charset="utf-8" />
7 + </head>
8 + <link rel="stylesheet" href="style.css">
9 + <body>
10 + <div id="container">
11 + <h1>유튜브 자막 요약기</h1>
12 + <div id="subtitle">
13 + <div>만든이 : 이규호</div>
14 + <a href="https://github.com/GyuhoLee/youtube_summary" target="_blank">github 바로가기</a>
15 + <br><br>
16 + <div id="desc">요약할 유튜브 영상의 URL과 압축률을 입력해주세요.</div>
17 + </div><br><br>
18 + <form action="/" method="post">
19 + <label for="url"> URL :</label>
20 + <input type="text" name="url" placeholder="유튜브 url 입력" style="width:40%; height:40px;"/><br><br>
21 + <label for="zip"> 압축률 :</label>
22 + <input type="text" name="zip" placeholder="압축률(%) 입력" style="width:10%; height:30px;"/>
23 + <input type="submit" value="요약하기" style="height:30px; width:7%;"></inpout>
24 + </form>
25 + </div>
26 + </body>
27 +</html>
1 +#container{
2 + margin-left: 30%;
3 + text-align: left;
4 +}
5 +
6 +#subtitle{
7 + font-size: 20px;
8 +}
9 +
10 +a, a:link, a:visited, a:active, a:hover{
11 + text-decoration: none;
12 +}
...\ No newline at end of file ...\ No newline at end of file