Skip to content

Commit 182b09a

Browse files
ankushduttankushdutt
committed
change hero title for every blog
1 parent cbf7e2f commit 182b09a

File tree

8 files changed

+113
-71
lines changed

8 files changed

+113
-71
lines changed

‎app.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,6 @@ app.use(indexRoutes)
4848
app.use(blogRoutes)
4949

5050
//-------------LISTEN ON PORT 5000--------------
51-
app.listen(process.env.PORT || 3000, function() {
52-
console.log("server is running at http://localhost:3000")
51+
app.listen(process.env.PORT || 5000, function() {
52+
console.log("server is running at http://localhost:5000")
5353
})

‎views/blogs/edit.ejs‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
<%- include('../partials/header') %>
22
<center><h3 class="title is-3" style="padding: 50px;">EDIT <%=blog.title%></h3></center>
3-
<form action="/blog/<%=blog._id%>?_method=PUT" method="POST" style="margin: auto; width: 40%;">
3+
<form action="/blog/<%=blog._id%>?_method=PUT" method="POST" style="margin: auto; width: 40%; padding-bottom: 120px;">
44
<div class="field">
55
<input class="input is-info" type="text" name="blog[title]" value="<%=blog.title%>" required>
66
</div>
77
<div class="field">
88
<input class="input is-info" type="text" name="blog[image]" value="<%=blog.image%>">
99
</div>
1010
<div class="field">
11-
<textarea class="textarea is-info" name="blog[body]"><%=blog.body%></textarea>
11+
<textarea rows="20" class="textarea is-info" name="blog[body]"><%=blog.body%></textarea>
1212
</div>
13-
<button class="button is-primary is-outlined">Edit</button>
13+
<button class="button is-info is-outlined">Edit</button>
1414
</form>
1515
<%- include('../partials/footer') %>

‎views/blogs/info.ejs‎

Lines changed: 49 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,57 @@
11
<%- include('../partials/header') %>
2+
<div class="header-wrapper">
3+
<section class="hero-top">
4+
<div class="header">
5+
<!-- navigation links -->
6+
<div class="header-nav">
7+
<nav class="nav">
8+
<div class="nav-center">
9+
<a class="nav-item" href="/">
10+
<b>Home</b>
11+
</a>
12+
<%if(!currentUser){%>
13+
<a class="nav-item" id="regbutton">
14+
<b>Sign-Up/Login</b>
15+
</a>
16+
<%} else{%>
17+
<a class="nav-item" href="/blogs/new">
18+
<b>New Blog</b>
19+
</a>
20+
<a class="nav-item" href="/logout">
21+
<b>Sign Out</b>
22+
</a>
23+
<a class="nav-item -end">
24+
<b>Welcome <%=currentUser.username%></b>
25+
</a>
26+
<%}%>
27+
</div>
28+
</nav>
29+
</div>
30+
<!-- end of navigation links -->
31+
<!-- header titles -->
32+
<div class="header-title">
33+
<section class="hero is-medium has-text-centered">
34+
<div class="hero-body">
35+
<div class="container">
36+
<h1 class="title is-1"><%=blog.title%></h1>
37+
<h3 class="subtitle is-3">The Daily Awesome</h3>
38+
<h6 class="subtitle is-6">Posted by <b><%=blog.author.username%></b> on April 7th 2017 at 9:33pm</h6>
39+
</div>
40+
</div>
41+
</section>
42+
</div>
43+
<!-- end of header titles -->
44+
</div>
45+
</section>
46+
</div>
47+
48+
249
<div class="main-content">
350
<div class="container">
451
<div class="columns is-centered is-multiline has-text-centered">
552
<div class="column is-6">
6-
<h3 class="title is-3"><b><%=blog.title%></b></h3>
7-
<h6 class="subtitle is-6" style="padding-top: 10px;">Posted by <b><%=blog.author.username%></b> on April 7th 2017 at 9:33pm</h6>
8-
<hr>
9-
<!-- <img src="<%=blog.image%>" alt=""> -->
10-
<p style="text-align:justify"><%=blog.body%></p>
53+
<img src="<%=blog.image%>" alt="">
54+
<p style="text-align:justify; padding-top: 20px;"><%=blog.body%></p>
1155
</div>
1256
</div>
1357
</div>

‎views/blogs/new.ejs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,6 @@
1010
<div class="field">
1111
<textarea class="textarea is-info" name="body" placeholder="Body"></textarea>
1212
</div>
13-
<button class="button is-primary is-outlined">Create</button>
13+
<button class="button is-info is-outlined">Create</button>
1414
</form>
1515
<%- include('../partials/footer') %>

‎views/home.ejs‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,49 @@
11
<%- include('partials/header') %>
2+
<div class="header-wrapper">
3+
<section class="hero-top">
4+
<div class="header">
5+
<!-- navigation links -->
6+
<div class="header-nav">
7+
<nav class="nav">
8+
<div class="nav-center">
9+
<a class="nav-item" href="/">
10+
<b>Home</b>
11+
</a>
12+
<%if(!currentUser){%>
13+
<a class="nav-item" id="regbutton">
14+
<b>Sign-Up/Login</b>
15+
</a>
16+
<%} else{%>
17+
<a class="nav-item" href="/blogs/new">
18+
<b>New Blog</b>
19+
</a>
20+
<a class="nav-item" href="/logout">
21+
<b>Sign Out</b>
22+
</a>
23+
<a class="nav-item -end">
24+
<b>Welcome <%=currentUser.username%></b>
25+
</a>
26+
<%}%>
27+
</div>
28+
</nav>
29+
</div>
30+
<!-- end of navigation links -->
31+
<!-- header titles -->
32+
<div class="header-title">
33+
<section class="hero is-medium has-text-centered">
34+
<div class="hero-body">
35+
<div class="container">
36+
<h1 class="title is-1">Ankush Dutt</h1>
37+
<h3 class="subtitle is-3">The Daily Awesome</h3>
38+
</div>
39+
</div>
40+
</section>
41+
</div>
42+
<!-- end of header titles -->
43+
</div>
44+
</section>
45+
</div>
46+
247
<div class="main-content">
348
<div class="container">
449
<div class="columns is-centered is-multiline has-text-centered">

‎views/login.ejs‎

Whitespace-only changes.

‎views/partials/footer.ejs‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,19 @@
2424
</div>
2525
</div>
2626
</div>
27+
<!-- -----------------------------------
28+
JAVASCRIPT------------------------------
29+
----------------------------------- --->
30+
<script>
31+
var closebtn = document.getElementsByClassName("modal-close")[0]
2732
33+
regbutton.onclick = function() {
34+
regmodal.classList.toggle("is-active")
35+
}
36+
37+
closebtn.onclick = function(){
38+
regmodal.classList.toggle("is-active")
39+
}
40+
</script>
2841
</body>
2942
</html>

‎views/partials/header.ejs‎

Lines changed: 0 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -11,50 +11,6 @@
1111
<!-- end of styles and fonts -->
1212
</head>
1313
<body>
14-
<div class="header-wrapper">
15-
<section class="hero-top">
16-
<div class="header">
17-
<!-- navigation links -->
18-
<div class="header-nav">
19-
<nav class="nav">
20-
<div class="nav-center">
21-
<a class="nav-item" href="/">
22-
<b>Home</b>
23-
</a>
24-
<%if(!currentUser){%>
25-
<a class="nav-item" id="regbutton">
26-
<b>Sign-Up/Login</b>
27-
</a>
28-
<%} else{%>
29-
<a class="nav-item" href="/blogs/new">
30-
<b>New Blog</b>
31-
</a>
32-
<a class="nav-item" href="/logout">
33-
<b>Sign Out</b>
34-
</a>
35-
<a class="nav-item -end">
36-
<b>Welcome <%=currentUser.username%></b>
37-
</a>
38-
<%}%>
39-
</div>
40-
</nav>
41-
</div>
42-
<!-- end of navigation links -->
43-
<!-- header titles -->
44-
<div class="header-title">
45-
<section class="hero is-medium has-text-centered">
46-
<div class="hero-body">
47-
<div class="container">
48-
<h1 class="title is-1">Ankush Dutt</h1>
49-
<h3 class="subtitle is-3">The Daily Awesome</h3>
50-
</div>
51-
</div>
52-
</section>
53-
</div>
54-
<!-- end of header titles -->
55-
</div>
56-
</section>
57-
</div>
5814
<!-- ------------------------------------MODAL---- -->
5915
<div class="modal animated fadeInDown" id="regmodal">
6016
<div class="modal-background"></div>
@@ -94,19 +50,3 @@
9450
<button class="modal-close is-large" aria-label="close"></button>
9551
</div>
9652

97-
<!-- -----------------------------------
98-
JAVASCRIPT------------------------------
99-
----------------------------------- --->
100-
<script>
101-
var button = document.getElementById("regbutton")
102-
var modal = document.getElementById("regmodal")
103-
var closebtn = document.getElementsByClassName("modal-close")[0]
104-
105-
button.onclick = function() {
106-
regmodal.classList.toggle("is-active")
107-
}
108-
109-
closebtn.onclick = function(){
110-
regmodal.classList.toggle("is-active")
111-
}
112-
</script>

0 commit comments

Comments
 (0)