2022-03-13 16:16:46 +03:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
2022-08-26 22:09:02 +03:00
|
|
|
|
<%- include("extra/meta", {title: "Thread list!" }) %>
|
2022-03-26 23:28:10 +03:00
|
|
|
|
|
2022-08-11 17:55:48 +03:00
|
|
|
|
|
2022-08-28 20:36:39 +03:00
|
|
|
|
<body>
|
2022-08-26 22:09:02 +03:00
|
|
|
|
<%- include("extra/navbar") %>
|
2022-08-28 20:36:39 +03:00
|
|
|
|
<link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>
|
|
|
|
|
|
2022-08-26 22:09:02 +03:00
|
|
|
|
<link rel="stylesheet" href="/css/thread.css" />
|
2022-08-27 14:08:28 +03:00
|
|
|
|
<% if (user){ %>
|
|
|
|
|
<script type="module" src="/js/thread.js"></script>
|
|
|
|
|
<% }%>
|
2022-03-13 16:16:46 +03:00
|
|
|
|
|
2022-08-28 20:36:39 +03:00
|
|
|
|
<div style="text-align:center;padding:8px">
|
|
|
|
|
<div class="title">İlk Forum</div>
|
|
|
|
|
<div class="date">
|
|
|
|
|
20/04/2000
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="thread">
|
|
|
|
|
<div class="left">
|
|
|
|
|
<img src="https://renk.gen.tr/images/acik-mavi-renk.jpg"/>
|
|
|
|
|
<div class="username">Tokmak</div>
|
2022-08-28 21:09:15 +03:00
|
|
|
|
<div class="date">
|
|
|
|
|
20/04/2000
|
|
|
|
|
</div>
|
2022-08-28 20:36:39 +03:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
Merhaba ! Bu benim ilk yazım Merhaba ! Bu benim ilk yazım
|
|
|
|
|
Merhaba ! Bu benim ilk yazım
|
|
|
|
|
Merhaba ! Bu benim ilk yazım
|
|
|
|
|
Merhaba ! Bu benim ilk yazım
|
|
|
|
|
Merhaba ! Bu benim ilk yazım
|
|
|
|
|
Merhaba ! Bu benim ilk yazım
|
|
|
|
|
Merhaba ! Bu benim ilk yazım
|
2022-08-28 21:09:15 +03:00
|
|
|
|
|
2022-08-28 20:36:39 +03:00
|
|
|
|
</div>
|
2022-08-28 21:09:15 +03:00
|
|
|
|
<div class="dots" onclick="dots()">
|
|
|
|
|
<i class='bx bx-dots-horizontal-rounded' ></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="dots-menu">
|
|
|
|
|
<a>Delete</a>
|
|
|
|
|
<a>Edit</a>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
2022-08-28 20:36:39 +03:00
|
|
|
|
<div class="likes">
|
|
|
|
|
<div>
|
|
|
|
|
<i class='bx bx-like'></i> 5
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<i class='bx bx-dislike'></i> 30
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="pagination">
|
|
|
|
|
<div class="back">
|
|
|
|
|
<i class='bx bxs-chevron-left'></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="numbers">
|
2022-08-28 21:09:15 +03:00
|
|
|
|
<a class="number active" href="/deneme">1</a>
|
2022-08-28 20:36:39 +03:00
|
|
|
|
<a class="number" href="/deneme">2</a>
|
|
|
|
|
<a class="number" href="/deneme">3</a>
|
|
|
|
|
<a class="number" href="/deneme">4</a>
|
|
|
|
|
<a class="number" href="/deneme">5</a>
|
|
|
|
|
<a class="number" href="/deneme">6</a>
|
2022-03-13 16:16:46 +03:00
|
|
|
|
|
2022-08-26 22:09:02 +03:00
|
|
|
|
|
2022-08-28 20:36:39 +03:00
|
|
|
|
</div>
|
|
|
|
|
<div class="after">
|
|
|
|
|
<i class='bx bxs-chevron-right'></i>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
2022-08-26 22:09:02 +03:00
|
|
|
|
|
|
|
|
|
|
2022-08-28 21:09:15 +03:00
|
|
|
|
<!-- ==== Dots Event ==== -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
function dots(){
|
|
|
|
|
var box= document.getElementsByClassName("dots-menu")[0];
|
|
|
|
|
box.classList.toggle("active")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
2022-08-28 20:36:39 +03:00
|
|
|
|
|
2022-08-27 14:08:28 +03:00
|
|
|
|
|
2022-08-26 22:09:02 +03:00
|
|
|
|
<script>
|
|
|
|
|
document.getElementById("message-<%= scroll %>").scrollIntoView();
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<!-- BURAYA Bİ İLERİ BİR GERİ SAYFA BUTONU GELMEZ Mİ BE-->
|
|
|
|
|
</body>
|
2022-03-13 16:16:46 +03:00
|
|
|
|
|
2022-08-28 20:36:39 +03:00
|
|
|
|
</html>
|