GyuhoLee

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

......@@ -19,11 +19,7 @@
<select />
</component>
<component name="ChangeListManager">
<list default="true" id="b9decb0c-dc9e-4239-bdad-09ea8dd5179d" name="Default Changelist" comment="">
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/subtitle.py" beforeDir="false" afterPath="$PROJECT_DIR$/subtitle.py" afterDir="false" />
<change beforePath="$PROJECT_DIR$/textrank/summarizer.py" beforeDir="false" afterPath="$PROJECT_DIR$/textrank/summarizer.py" afterDir="false" />
</list>
<list default="true" id="b9decb0c-dc9e-4239-bdad-09ea8dd5179d" name="Default Changelist" comment="" />
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
<option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
......@@ -107,25 +103,25 @@
<screen x="0" y="0" width="1920" height="1040" />
</state>
<state x="740" y="275" key="FileChooserDialogImpl/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1604836455343" />
<state width="1899" height="282" key="GridCell.Tab.0.bottom" timestamp="1607070330004">
<state width="1899" height="282" key="GridCell.Tab.0.bottom" timestamp="1607071806698">
<screen x="0" y="0" width="1920" height="1040" />
</state>
<state width="1899" height="282" key="GridCell.Tab.0.bottom/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607070330004" />
<state width="1899" height="282" key="GridCell.Tab.0.bottom/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607071806698" />
<state width="1899" height="282" key="GridCell.Tab.0.bottom/0.0.1920.1040/1920.0.1920.1040@1920.0.1920.1040" timestamp="1604306110978" />
<state width="1899" height="282" key="GridCell.Tab.0.center" timestamp="1607070330004">
<state width="1899" height="282" key="GridCell.Tab.0.center" timestamp="1607071806698">
<screen x="0" y="0" width="1920" height="1040" />
</state>
<state width="1899" height="282" key="GridCell.Tab.0.center/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607070330004" />
<state width="1899" height="282" key="GridCell.Tab.0.center/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607071806698" />
<state width="1899" height="282" key="GridCell.Tab.0.center/0.0.1920.1040/1920.0.1920.1040@1920.0.1920.1040" timestamp="1604306110978" />
<state width="1899" height="282" key="GridCell.Tab.0.left" timestamp="1607070330004">
<state width="1899" height="282" key="GridCell.Tab.0.left" timestamp="1607071806698">
<screen x="0" y="0" width="1920" height="1040" />
</state>
<state width="1899" height="282" key="GridCell.Tab.0.left/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607070330004" />
<state width="1899" height="282" key="GridCell.Tab.0.left/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607071806698" />
<state width="1899" height="282" key="GridCell.Tab.0.left/0.0.1920.1040/1920.0.1920.1040@1920.0.1920.1040" timestamp="1604306110978" />
<state width="1899" height="282" key="GridCell.Tab.0.right" timestamp="1607070330004">
<state width="1899" height="282" key="GridCell.Tab.0.right" timestamp="1607071806698">
<screen x="0" y="0" width="1920" height="1040" />
</state>
<state width="1899" height="282" key="GridCell.Tab.0.right/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607070330004" />
<state width="1899" height="282" key="GridCell.Tab.0.right/0.0.1920.1040/1920.0.1920.1040@0.0.1920.1040" timestamp="1607071806698" />
<state width="1899" height="282" key="GridCell.Tab.0.right/0.0.1920.1040/1920.0.1920.1040@1920.0.1920.1040" timestamp="1604306110978" />
<state x="2381" y="164" key="SettingsEditor" timestamp="1604303734485">
<screen x="1920" y="0" width="1920" height="1040" />
......
<!DOCTYPE html>
<html lang="ko">
<head>
<title>유튜브 자막 요약기</title>
<meta charset="utf-8" />
</head>
<link rel="stylesheet" href="style.css">
<body>
<div id="container">
<h1>유튜브 자막 요약기</h1>
<div id="subtitle">
<div>만든이 : 이규호</div>
<a href="https://github.com/GyuhoLee/youtube_summary" target="_blank">github 바로가기</a>
<br><br>
<div id="desc">요약할 유튜브 영상의 URL과 압축률을 입력해주세요.</div>
</div><br><br>
<form action="/" method="post">
<label for="url"> URL :</label>
<input type="text" name="url" placeholder="유튜브 url 입력" style="width:40%; height:40px;"/><br><br>
<label for="zip"> 압축률 :</label>
<input type="text" name="zip" placeholder="압축률(%) 입력" style="width:10%; height:30px;"/>
<input type="submit" value="요약하기" style="height:30px; width:7%;"></inpout>
</form>
</div>
</body>
</html>
#container{
margin-left: 30%;
text-align: left;
}
#subtitle{
font-size: 20px;
}
a, a:link, a:visited, a:active, a:hover{
text-decoration: none;
}
\ No newline at end of file