templates/news.html (3852B)
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1" />
6 <title>UTF-8 Decoder</title>
7 <!-- Bootstrap CSS -->
8 <link
9 href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
10 rel="stylesheet"
11 />
12 </head>
13 <body>
14 <nav class="navbar navbar-expand-lg navbar-light bg-light">
15 <a class="navbar-brand" href="#">Navigation</a>
16 <button
17 class="navbar-toggler"
18 type="button"
19 data-toggle="collapse"
20 data-target="#navbarNav"
21 aria-controls="navbarNav"
22 aria-expanded="false"
23 aria-label="Toggle navigation"
24 >
25 <span class="navbar-toggler-icon"></span>
26 </button>
27 <div class="collapse navbar-collapse" id="navbarNav">
28 <ul class="navbar-nav">
29 <li class="nav-item active">
30 <a class="nav-link" href="/">IP & Domain Country Finder</a>
31 </li>
32 <li class="nav-item">
33 <a class="nav-link" href="/ascii_to_char">ASCII Code Converter</a>
34 </li>
35 <li class="nav-item">
36 <a class="nav-link" href="/utf8_decoder">UTF-8 Decoder</a>
37 </li>
38 <li class="nav-item">
39 <a class="nav-link" href="/news">News</a>
40 </li>
41 <li class="nav-item">
42 <a class="nav-link" href="/shodan">Shodan</a>
43 </li>
44 <li class="nav-item">
45 <a class="nav-link" href="/krcert">Krcert</a>
46 </li>
47 </ul>
48 </div>
49 </nav>
50 <form method="GET" action="/news">
51 <!-- 기타 필드 -->
52 <label><input type="checkbox" name="topics" value="보안" {% if '보안' in selected_topics %} checked {% endif %}> 보안</label>
53 <label><input type="checkbox" name="topics" value="해킹" {% if '해킹' in selected_topics %} checked {% endif %}> 해킹</label>
54 <label><input type="checkbox" name="topics" value="해커" {% if '해커' in selected_topics %} checked {% endif %}> 해커</label>
55 <label><input type="checkbox" name="topics" value="멀웨어" {% if '멀웨어' in selected_topics %} checked {% endif %}> 멀웨어</label>
56 <label><input type="checkbox" name="topics" value="랜섬웨어" {% if '랜섬웨어' in selected_topics %} checked {% endif %}> 랜섬웨어</label>
57 <label><input type="checkbox" name="topics" value="취약점" {% if '취약점' in selected_topics %} checked {% endif %}> 취약점</label>
58 <select name="days">
59 <option value="Day" {% if days == 'Day' %} selected {% endif %}>24 시간</option>
60 <option value="Week" {% if days == 'Week' %} selected {% endif %}>7 일</option>
61 <option value="Month" {% if days == 'Month' %} selected {% endif %}>30 일</option>
62 </select>
63 <input type="submit" value="검색">
64 </form>
65
66 <div class="container">
67 <h1 class="my-4">News</h1>
68
69 <table class="table table-striped">
70 <thead>
71 <tr>
72 <th>Name</th>
73 <th>Date Published</th>
74 </tr>
75 </thead>
76 <tbody>
77 {% for news_item in news %}
78 <tr>
79 <td><a href="{{ news_item.url }}">{{ news_item.name }}</a></td>
80 <td>{{ news_item.datePublished }}</td>
81 </tr>
82 {% endfor %}
83 </tbody>
84 </table>
85
86 {% if pagination.total > 0 %}
87 <div class="d-flex justify-content-center">{{ pagination.links }}</div>
88 {% endif %}
89 </div>
90 <!-- Optional JavaScript; choose one of the two! -->
91 <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
92 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
93 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
94 </body>
95 </html>