deadvey/blogger-nodejs
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: deadvey:ddf9fcae13142895ddae71132b8da1475d512703
Branches Tags
deadvey:master
..
compare: deadvey:master
Branches Tags
deadvey:master

4 Commits
ddf9fcae13 ... master

Author SHA1 Message Date
deadvey
ef8711b0e1 Added a pipe | between the edit and RSS/ATOM buttons to make them more 
seperated
 2025-11-05 10:47:11 +00:00
deadvey
c3de930b50 Split the page-header and site-header into seperate sections 2025-11-05 10:34:41 +00:00
deadvey
1d1e4d863e Untracked robots.txt 2025-10-25 11:32:28 +01:00
deadvey
3b47701c18 Made some divs consistent, the header was a div type with id='header' 
and the footer was a footer type with no id, so now they are both both.
Also added some margins at the top and bottom of the page in CSS
 2025-10-25 11:31:08 +01:00
8 changed files with 32 additions and 19 deletions
Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -10,3 +10,4 @@ hitcount.txt
data data
images/* images/*
webroot/custom.css webroot/custom.css
webroot/robots.txt

1
views/headers/user.ejs
View File

@@ -7,6 +7,7 @@
<a if='edit-account-link' href="<%= config.edit_account_base_url %>/<%= userID %>"> <a if='edit-account-link' href="<%= config.edit_account_base_url %>/<%= userID %>">
<img class='icon' src='/icons/edit.png' alt='<%= locale.edit_account %>' title='<%= locale.edit_account %>'> <img class='icon' src='/icons/edit.png' alt='<%= locale.edit_account %>' title='<%= locale.edit_account %>'>
</a> </a>
|
<a id='rss-link' href="/user/<%= user.username %>/rss"> <a id='rss-link' href="/user/<%= user.username %>/rss">
<img class='icon' src='/icons/rss.png' alt="<%= locale.rss_feed %>" title='<%= locale.rss_feed %>'> <img class='icon' src='/icons/rss.png' alt="<%= locale.rss_feed %>" title='<%= locale.rss_feed %>'>
</a> </a>

4
views/pages/comment.ejs
View File

@@ -4,9 +4,9 @@
<%- include('../partials/head'); %> <%- include('../partials/head'); %>
</head> </head>
<body> <body>
<div id="header"> <header id="site-header">
<%- include("../headers/site_wide") %> <%- include("../headers/site_wide") %>
</div> </header>
<div id="comment"> <div id="comment">
<%- include("../partials/comment"); %> <%- include("../partials/comment"); %>
</div> </div>

6
views/pages/post.ejs
View File

@@ -4,13 +4,13 @@
<%- include('../partials/head'); %> <%- include('../partials/head'); %>
</head> </head>
<body> <body>
<div id="header"> <header id="site-header">
<%- include("../headers/site_wide") %> <%- include("../headers/site_wide") %>
</div> </header>
<div id="posts"> <div id="posts">
<%- include('../posts/post'); %> <%- include('../posts/post'); %>
</div> </div>
<footer> <footer id='footer'>
<%- include('../partials/footer'); %> <%- include('../partials/footer'); %>
</footer> </footer>
</body> </body>

8
views/pages/tag.ejs
View File

@@ -4,10 +4,12 @@
<%- include('../partials/head'); %> <%- include('../partials/head'); %>
</head> </head>
<body> <body>
<div id="header"> <header id="site-header">
<%- include('../headers/site_wide'); %> <%- include('../headers/site_wide'); %>
</header>
<header id='page-header'>
<%- include('../headers/tag'); %> <%- include('../headers/tag'); %>
</div> </header>
<div id="posts"> <div id="posts">
<% for (let index = posts.length - 1; index >= 0; index--) { %> <% for (let index = posts.length - 1; index >= 0; index--) { %>
<% if ( posts[index].deleted != true) { %> <% if ( posts[index].deleted != true) { %>
@@ -19,7 +21,7 @@
<% } %> <% } %>
<% } %> <% } %>
</div> </div>
<footer> <footer id='footer'>
<%- include('../partials/footer'); %> <%- include('../partials/footer'); %>
</footer> </footer>
</body> </body>

8
views/pages/timeline.ejs
View File

@@ -4,10 +4,12 @@
<%- include('../partials/head'); %> <%- include('../partials/head'); %>
</head> </head>
<body> <body>
<div id="header"> <header id="site-header">
<%- include("../headers/site_wide") %> <%- include("../headers/site_wide") %>
</header>
<header id='page-header'>
<%- include('../headers/timeline'); %> <%- include('../headers/timeline'); %>
</div> </header>
<form method="POST" action="/submit_nothing" style="display:none"> <form method="POST" action="/submit_nothing" style="display:none">
<!-- Form is used to help mitigate spam as it is the first form on the front page --> <!-- Form is used to help mitigate spam as it is the first form on the front page -->
<input type="hidden" name="post_index" value="0"> <input type="hidden" name="post_index" value="0">
@@ -29,7 +31,7 @@
<textarea placeholder="comment" name="content"></textarea><br/> <textarea placeholder="comment" name="content"></textarea><br/>
<button type="submit">Submit</button> <button type="submit">Submit</button>
</form> </form>
<footer> <footer id='footer'>
<%- include('../partials/footer'); %> <%- include('../partials/footer'); %>
</footer> </footer>
</body> </body>

8
views/pages/user.ejs
View File

@@ -4,10 +4,12 @@
<%- include('../partials/head'); %> <%- include('../partials/head'); %>
</head> </head>
<body> <body>
<div id="header"> <header id="site-header">
<%- include("../headers/site_wide") %> <%- include("../headers/site_wide") %>
</header>
<header id='page-header'>
<%- include('../headers/user'); %> <%- include('../headers/user'); %>
</div> </header>
<div id="posts"> <div id="posts">
<% for (let index = posts.length - 1; index >= 0; index--) { %> <% for (let index = posts.length - 1; index >= 0; index--) { %>
<% if (posts[index].userID == userID) { %> <% if (posts[index].userID == userID) { %>
@@ -15,7 +17,7 @@
<% } %> <% } %>
<% } %> <% } %>
</div> </div>
<footer> <footer id='footer'>
<%- include('../partials/footer'); %> <%- include('../partials/footer'); %>
</footer> </footer>
</body> </body>

15
webroot/default.css
View File

@@ -1,16 +1,21 @@
body { body {
max-width: 900px; max-width: 900px;
margin: auto; margin: auto;
} }
#header { #site-header {
text-align: center; margin-top: 10px;
text-align: center;
}
#footer {
margin-bottom: 10px;
} }
.icon { .icon {
width: 20px; width: 15px;
} }
input, textarea, button { input, textarea, button {
border: none; border: none;
border-radius: 5px; border-radius: 5px;
field-sizing: content; /* Only supported by Chromium */
} }
a { a {
text-decoration: none; text-decoration: none;