-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (127 loc) · 4.89 KB
/
index.html
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!-- put this insdie the title tag -->
<!-- Alice
Bob
Charlie
David
Eve -->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Landing Page</title>
<link rel="stylesheet" href="backend/public/assets/css/nav.css" />
<link rel="stylesheet" href="backend/public/assets/css/style.css" />
<link rel="stylesheet" href="backend/public/assets/css/index.css" />
<script type="module" src="backend/public/assets/js/pages/index.js"></script>
<script type="module" src="backend/public/assets/js/util/genprofilepic.js"></script>
<script type="module" src="backend/public/assets/js/api/searchapi.js"></script>
</head>
<body>
<nav class="navbar">
<div class="navbar-left">
<div class="logo"><a href="http://localhost/blogit/index.html">BLOGIT</a></div>
</div>
<div class="navbar-middle">
<div class="search-bar">
<input type="text" id="searchInput" placeholder="Search users..." autocomplete="off" />
<div id="suggestionsBox" class="suggestions-box"></div>
</div>
</div>
<div class="navbar-right">
<ul class="nav-links">
<li><a href="http://localhost/blogit/aboutus.php">About Us</a></li>
<li><a href="http://localhost/blogit/policy.php">Privacy Policy</a></li>
<li class="nav-login hidden">
<a href="http://localhost/blogit/login.html">Login/Reg</a>
</li>
</ul>
<div class="profile-menu">
<div class="nav-profile-pic hidden"></div>
<ul class="dropdown-menu">
<li><a href="">Home Page</a></li>
<li><a href="http://localhost/blogit/addblog.html">Add Blog</a></li>
<li><a href="http://localhost/blogit/updateprofile.php">Update Profile</a></li>
<li><a href="#" id="logout">Logout</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<!-- Blog section (left) -->
<div class="blog-section">
<div class="blog-post">
<h2>Blog Title 1</h2>
<p class="author">by ABX on August 26, 2024</p>
<img src="" alt="" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
<a href="#" class="read-more">Read More</a>
</div>
<div class="blog-post">
<h2>Blog Title 2</h2>
<p class="author">by CDY on August 25, 2024</p>
<!-- <img src="blog-image2.jpg" alt="Blog Image 2" /> -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
<a href="#" class="read-more">Read More</a>
</div>
</div>
<template id="blog-template">
<article data-blog-id="" class="blog-post">
<a href="" class="blog-link">
<h2 class="blog-title"></h2>
</a>
<p class="blog-meta"></p>
<img src="" alt="" class="blog-image" />
<p class="blog-content"></p>
<span><a href="" class="read-more-link">Read More</a></span>
<div class="post-like-comment">
<div class="post-like">
<svg
class="heart"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
>
<path
class="heart-path"
d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"
stroke="black"
fill="none"
/>
</svg>
<span>0</span>
</div>
<div class="post-comment">
<button>💬</button>
<span>0 Comments</span>
</div>
<div class="report-blog">
<button>Report</button>
</div>
</div>
</article>
</template>
<!-- Right Sidebar for Popular Posts and Popular Users -->
<div class="right-sidebar">
<div class="sidebar-section popular-blogs">
<h3>Popular Posts</h3>
<ul>
<li><a href="#">Popular Post 1</a></li>
<li><a href="#">Popular Post 2</a></li>
<li><a href="#">Popular Post 3</a></li>
</ul>
</div>
<!-- <div class="sidebar-section"> -->
<!-- <h3>Popular Users</h3> -->
<!-- <ul> -->
<!-- <li><a href="#">User ABX</a></li> -->
<!-- <li><a href="#">User CDY</a></li> -->
<!-- <li><a href="#">User EFG</a></li> -->
<!-- </ul> -->
<!-- </div> -->
</div>
</div>
<!-- Footer -->
<footer class="footer">
<p>© 2024 My Blog. All rights reserved.</p>
</footer>
</body>
</html>