-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
169 lines (162 loc) · 8.26 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>¸
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:ital@0;1&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css" integrity="sha384-vSIIfh2YWi9wW0r9iZe7RJPrKwp6bG+s9QZMoITbCckVJqGCCRhc+ccxNcdpHuYu" crossorigin="anonymous">
<title>Document</title>
</head>
<body>
<div id="header" class="none">
<img src="img/logo.jpg" alt="logo">
<span class="blog">My Blog Panel</span>
<div class="right-header">
<i class="fas fa-user"></i>
<span id="user-info"></span>
<button id=logout-btn onclick="logout()">
<i class="fas fa-arrow-circle-up"></i>
Log Out</button>
</div>
</div>
<div id="page" class="none">
<header>
<span class="time"></span>
<img src="img/header.jfif" alt="me">
<div class="myblog">
<p>Dobro došli na moj blog</p>
<h1>My Blog</h1>
</div>
</header>
<main>
<section id="blog">
<button id="click-post" onclick="clickToPostBlog()">Kliknite da postavite blog</button>
<div id="form-blog" class="none">
<label for="header-form">NASLOV BLOGA...</label>
<input type="text" placeholder="Unesite naslov bloga..." name="header-form" id="header-form">
<label for="subtitle">Opis bloga...</label>
<input type="text" placeholder="Opis posta..." name="subtitle" id="subtitle"><br>
<input type="date" id="date-form" name="date-form">
<label for="img-form">Unesite sliku..</label>
<input type="text" placeholder="Unesite sliku..." name="img-form" id="img-form">
<label for="text-blog">Postavite blog...</label>
<textarea name="text-blog" id="text-blog" cols="80" rows="20"></textarea>
<button id="post-btn" onclick="savePostedBlog()">Postavite blog</button>
</div>
<div id="myblog-form-post">
</div>
</section>
</main>
<aside>
<section id="about">
<div class="posts">
<h4>Popularni postovi</h4>
</div>
<ul class="post-list">
<li>
<img src="img/knjige.jfif" alt="knjiga">
<span>Knjige</span>
</li>
<li>
<img src="img/sport.jfif" alt="sport">
<span>Sport</span>
</li>
<li>
<img src="img/history.jfif" alt="history">
<span>Historija</span>
</li>
<li>
<img src="img/moda.jfif" alt="moda">
<span>Moda</span>
</li>
</ul>
</section>
<section id="posts">
<div class="posts">
<h4>Zanimljivosti o knjigama</h4>
</div>
<ul class="post-list">
<li>
Bilo bi potrebno 60.000 godina da se pročitaju sve knjige koje postoje.
</li>
<li>
Vladimir Nabokov je Lolitu napisao na papirićima dok je putovao po Americi i skupljao leptire, a njegova žena ga je sprečila da spali rukopis.
</li>
<li>
Tri najčitanije knjige na svijetu su Biblija, Mala crvena knjižica (knjiga najpoznatijih citata Mao Ce Tunga) i serijal o Hariju Poteru.
</li>
<li>
Indijci su najveći čitači jer u prosjeku provedu deset sati nedjeljno čitajući knjige.
</li>
<li>
Žene kupe 68% knjiga koje se nađu u prodaji.
</li>
<li>
Franc Kafka je zamolio prijatelja da spali sva njegova djela. Proces, Zamak i Amerika su odštampani protiv njegove volje.
</li>
<li>
Čarls Dikins je Božićnu priču napisao za samo 6 nedelja.
</li>
<li>
Sherlock Holmes se pojavio na filmu i televiziji više nego bilo koji ljudski lik u književnosti.
</li>
</ul>
</section>
<section id="follow">
<h4>Pratite Me</h4>
<div class="follow">
<i class="fab fa-facebook"></i>
<i class="fab fa-twitter-square"></i>
<i class="fab fa-linkedin"></i>
<i class="fab fa-pinterest"></i>
<i class="fab fa-instagram-square"></i>
</div>
</section>
</aside>
</div>
<div id="form-login">
<h1>Login</h1>
<img src="img/image.jfif" alt="image">
<input onkeyup="loginOnEnter(event)" type="email" name="email" id="email" placeholder="Enter email or username: ">
<input onkeyup="loginOnEnter(event)" type="password" name="psw" id="psw" placeholder="Enter password: ">
<p id="error" class="none"></p>
<button class="login-btn" onclick="login()">
<i class="fas fa-arrow-circle-up"></i>
Login
</button>
<button onclick="singup()" class="singup-btn">
<i class="fas fa-arrow-circle-up"></i>
Sing Up
</button>
<p class="center">Create a New Account</p>
<p class="center">(or)</p>
<div class="media">
<a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://twitter.com/" target="_blank"><i class="fab fa-twitter-square"></i></a>
<a href="https://www.google.com/account/about/" target="_blank"><i class="fab fa-google-plus"></i></a>
</div>
</div>
<div id="form-singup" class="none">
<h1>Sign Up</h1>
<img src="img/image.jfif" alt="image">
<input type="text" name="firstname" id="firstname" placeholder="Enter First Name: ">
<input type="text" name="lastname" id="lastname" placeholder="Enter Last Name: ">
<input type="email" name="email" id="email-singup" placeholder="Enter email: ">
<input type="text" name="user-name-singup" id="user-name-singup" placeholder="Enter username: ">
<input type="password" name="psw" id="psw-singup" placeholder="Enter password: ">
<input type="password" name="conf-psw" id="conf-psw" placeholder="Confirm password: ">
<p id="error1" class="none"></p>
<div id="privacy" class="none"></div>
<input type="checkbox" name="check-box" id="check-box">
<label for="chack-box">I agree to <strong>Terms</strong> and <span onmouseover="privatyPolicy()" onmouseout="livePrivacy()" class="policy">Privacy Policy</span></label>
<button class="save-btn" onclick="saveSingup()">
<i class="fas fa-arrow-circle-up"></i>
Sing Up
</button>
</div>
<script src="script.js"></script>
</body>
</html>