File size: 3,103 Bytes
c109682
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!-- html ํƒœ๊ทธ : HTML๋กœ ์ž‘์„ฑ๋˜์–ด ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๋ ค์คŒ -->
<!-- html ํƒœ๊ทธ : html ํŒŒ์ผ ์ „์ฒด๋ฅผ ๊ฐ์‹ธ๋Š” ํƒœ๊ทธ -->
<html>
    <!-- head ํƒœ๊ทธ : ๋จธ๋ฆฌ๋ง์— ํ•ด๋‹น -->
    <!-- head ํƒœ๊ทธ : css๋‚˜ javascript๋ฅผ ์—ฐ๊ฒฐํ•ด์คŒ -->
    <!-- head ํƒœ๊ทธ : ํŒŒ๋น„์ฝ˜์ด๋‚˜ ๋ฌธ์ž์—ด ์ธ์ฝ”๋”ฉ๊ณผ ๊ฐ™์€ ๋ฌธ์„œ์˜ ๋‹ค์–‘ํ•œ ์ •๋ณด๋ฅผ ์ œ๊ณต -->
    <head>

        <!-- link ํƒœ๊ทธ : ์ฃผ๋กœ ์™ธ๋ถ€ css ํŒŒ์ผ์„ ์—ฐ๊ฒฐํ•  ๋•Œ ์‚ฌ์šฉ -->
        <link rel="stylesheet" href="static/css/news.css" />

        <!-- jQuery -->
        <script src='//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>
        <!-- script ํƒœ๊ทธ : ์™ธ๋ถ€ js ํŒŒ์ผ์„ ์—ฐ๊ฒฐํ•˜๊ฑฐ๋‚˜ javascript ์ฝ”๋“œ๋ฅผ ์ž…๋ ฅํ•  ๋•Œ ์‚ฌ์šฉ -->
        <script type="text/javascript" src="static/js/news.js"></script>
    
    
    </head>



    <!-- body ํƒœ๊ทธ : ๋ณธ๋ฌธ์— ํ•ด๋‹นํ•˜๋Š” ๋ถ€๋ถ„, ์‹ค์ œ ๋ณด์—ฌ์ง€๋Š” ํ™”๋ฉด์— ํ•ด๋‹น -->
    <body>
        <h1><a class="gohome" href="/">Stock News Summaries AI</a></h1>
        <a class="goticker"><h2 class="tickerName">{{embed1}}</h2></a>
        <h3 class="titleDate">{{embed2}}</h2>
        <h3 class="titleName">{{embed3}}</h2>
        <h3 class="NewsURL">URL: <a class="input-News-URL" target=โ€_blankโ€>{{embed4}}</a></h2>



        <!-- named entity recognition (NER) -->
        <figure style="margin-bottom: 6rem">
            <div class="entities" style="line-height: 2.5; direction: ltr">
            
            </div>
        </figure>




        <!-- section ํƒœ๊ทธ : HTML ๋ฌธ์„œ์— ํฌํ•จ๋œ ๋…๋ฆฝ์ ์ธ ์„น์…˜์„ ์ •์˜ํ•  ๋•Œ ์‚ฌ์šฉ -->
        <section id="model">
            <h2>Questions about Stock's News</h2>

            <!-- p ํƒœ๊ทธ : paragraph, ์ฆ‰ ๋ฌธ๋‹จ์˜ ์•ฝ์ž๋กœ, ํ•˜๋‚˜์˜ ๋ฌธ๋‹จ์„ ๋งŒ๋“ค ๋•Œ ์‚ฌ์šฉ -->
            <p>
                Model : 

                <!-- target="_blank" : ๊ธฐ๋ณธ์†์„ฑ ์ค‘ ํ•˜๋‚˜๋กœ ํด๋ฆญ์‹œ ๊ณ„์†ํ•ด์„œ ์ƒˆ๋กœ์šด ์ฐฝ์ด ์—ด๋ฆฌ๊ฒŒ ๋œ๋‹ค. -->
                <a 
                    href="https://huggingface.co/allenai/tk-instruct-base-def-pos"
                    rel="noeferrer"
                    target="_blank">Tk-instruct Model</a
                >
            </p>


            <!-- form ํƒœ๊ทธ : ๋ฐ์ดํ„ฐ๋ฅผ ์ „์†กํ•˜๊ธฐ ์œ„ํ•œ ํƒœ๊ทธ -->
            <!-- form ํƒœ๊ทธ : ๋ฐ์ดํ„ฐ๋ฅผ ์ „์†กํ•  url (action ์†์„ฑ) -->
            <!-- form ํƒœ๊ทธ : ๋ฐ์ดํ„ฐ ์ „๋‹ฌ ๋ฐฉ์‹์ด get์ธ์ง€ post์ธ์ง€ ๊ฒฐ์ • (method ์†์„ฑ) -->
            <form class="text-form">

                <!-- label ํƒœ๊ทธ๋Š” for ์†์„ฑ์„ ์‚ฌ์šฉํ•ด์„œ input ํƒœ๊ทธ์˜ id ์†์„ฑ์— ์—ฐ๊ณ„ํ•ด์„œ ์‚ฌ์šฉ -->
                <label for="text-input">[ Questions ]</label> <br>
                <input
                    id="text-input"
                    type="text"
                    placeholder="Input Questions"
                    value="Why did Alphabet's stock go down?"
                />

                <button id="text-submit">Submit</button>
                <p> [ Answer ] </p>
                <p class="text-output"></p>
            </form>

        </section>





    </body>



</html>