├── .env
├── README.md
├── controllers
    ├── createPost.js
    ├── createUser.js
    ├── getPosts.js
    ├── homePage.js
    ├── login.js
    ├── loginStore.js
    ├── logout.js
    ├── postsNew.js
    └── userStore.js
├── index.js
├── middleware
    ├── auth.js
    ├── redirect.js
    └── storePost.js
├── models
    ├── Post.js
    └── User.js
├── package-lock.json
├── package.json
├── public
    ├── assets
    │   ├── favicon.ico
    │   └── img
    │   │   ├── about-bg.jpg
    │   │   ├── contact-bg.jpg
    │   │   ├── home-bg.jpg
    │   │   ├── post-bg.jpg
    │   │   └── post-sample-image.jpg
    ├── css
    │   └── styles.css
    ├── js
    │   └── scripts.js
    └── posts
    │   ├── + (3).png
    │   ├── photo_2021-11-18_22-28-27.jpg
    │   ├── photo_2021-11-20_16-01-01.jpg
    │   ├── photo_2021-11-20_16-01-05.jpg
    │   ├── photo_2021-11-20_16-01-07.jpg
    │   └── Дизайн без названия (2).png
└── views
    ├── create.edge
    ├── index.edge
    ├── layouts
        └── app.edge
    ├── login.edge
    ├── not_found.edge
    ├── post.edge
    └── register.edge


/.env:
--------------------------------------------------------------------------------
1 | MongoUrl='mongodb+srv://samar:zozmS9hwVNIpdsGr@cluster0.bbfkm.mongodb.net/node-blog'


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # NodeJS-Blog
2 | Demo https://blog-node-rest-api.herokuapp.com/
3 | 
4 | Description: A large static online store and a complex REST API application. The project includes a huge amount of functions in which users can buy goods, sell or only show description and compare price with others. For every user having a profile page with this can change any information or add an avatar. If you add some goods with wrong information, it is no problem to change it. You can see more in the demo website, link below.
5 | 


--------------------------------------------------------------------------------
/controllers/createPost.js:
--------------------------------------------------------------------------------
 1 | const Post = require("../models/Post");
 2 | const path = require("path");
 3 | 
 4 | module.exports = (req, res) => {
 5 |   const {image} = req.files;
 6 |   image.mv(path.resolve(__dirname, "..", "public/posts", image.name), (err) => {
 7 |     if(err) {
 8 |       console.log(err)
 9 |     }
10 |     Post.create({...req.body, image: `/posts/${image.name}`, author: req.session.userId}, (err, post) => {
11 |       res.redirect('/');
12 |     })
13 |   })
14 | }


--------------------------------------------------------------------------------
/controllers/createUser.js:
--------------------------------------------------------------------------------
1 | module.exports = (req, res) => {
2 |   res.render("register", {
3 |     errors: req.flash("registrationError"),
4 |     data: req.flash("data")[0]
5 |   });
6 | }


--------------------------------------------------------------------------------
/controllers/getPosts.js:
--------------------------------------------------------------------------------
1 | const Post = require("../models/Post");
2 | 
3 | module.exports = async (req, res) => {
4 |   const post = await Post.findById(req.params.id).populate("author", "username");
5 |   res.render("post", {post})
6 | }


--------------------------------------------------------------------------------
/controllers/homePage.js:
--------------------------------------------------------------------------------
1 | const Post = require("../models/Post");
2 | 
3 | module.exports = async (req, res) => {
4 |   console.log(req.session);
5 |   const posts = await Post.find().populate("author", "username");
6 |   console.log(posts);
7 |   res.render("index", {posts});
8 | }


--------------------------------------------------------------------------------
/controllers/login.js:
--------------------------------------------------------------------------------
1 | module.exports = (req, res) => {
2 |   res.render("login");
3 | }


--------------------------------------------------------------------------------
/controllers/loginStore.js:
--------------------------------------------------------------------------------
 1 | const bcrypt = require('bcrypt')
 2 | const User = require('../models/User')
 3 | 
 4 | module.exports = (req, res) => {
 5 |   const { email, password } = req.body;
 6 |   User.findOne({ email }, async (error, user) => {
 7 |     if (user) {
 8 |       const validPassword = await bcrypt.compare(password, user.password);
 9 |       if(validPassword) {
10 |         req.session.userId = user._id;
11 |         res.redirect("/");
12 |       }else{
13 |         res.redirect("/login");
14 |       }
15 |     } else { 
16 |       return res.redirect('/login')
17 |     }
18 |   })
19 | }


--------------------------------------------------------------------------------
/controllers/logout.js:
--------------------------------------------------------------------------------
1 | module.exports = (req, res) => {
2 |   req.session.destroy(() => {
3 |     res.redirect("/");
4 |   })
5 | }


--------------------------------------------------------------------------------
/controllers/postsNew.js:
--------------------------------------------------------------------------------
1 | module.exports = (req, res) => {
2 |   res.render("create");
3 | }


--------------------------------------------------------------------------------
/controllers/userStore.js:
--------------------------------------------------------------------------------
 1 | const User = require("../models/User");
 2 | const bcrypt = require("bcrypt");
 3 | 
 4 | module.exports = (req, res) => {
 5 |   User.create(req.body, async (err, user) => {
 6 |     if(err) {
 7 |       const registrationError = Object.keys(err.errors).map(key => err.errors[key].message);
 8 |       req.flash("registrationError", registrationError);
 9 |       req.flash("data", req.body);
10 | 
11 |       return res.redirect("/reg")
12 |     }
13 |     const salt = await bcrypt.genSalt(10);
14 |     user.password = await bcrypt.hash(user.password, salt);
15 |     user.save();
16 |     res.redirect("/login");
17 |   })
18 | }


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
 1 | const express = require("express");
 2 | const expressEdge = require("express-edge");
 3 | const mongoose = require("mongoose");
 4 | const fileUpload = require("express-fileupload");
 5 | const expressSession = require("express-session");
 6 | const mongoStore = require("connect-mongo");
 7 | const connectFlash = require("connect-flash");
 8 | 
 9 | const homePageController = require("./controllers/homePage");
10 | const getPostsController = require("./controllers/getPosts");
11 | const postsNewController = require("./controllers/postsNew");
12 | const createPostController = require("./controllers/createPost");
13 | const createUserController = require("./controllers/createUser");
14 | const storeUserController = require("./controllers/userStore");
15 | const loginController = require("./controllers/login");
16 | const loginStoreController = require("./controllers/loginStore");
17 | const logoutController = require("./controllers/logout");
18 | 
19 | const app = express();
20 | 
21 | const storePostMiddleware = require("./middleware/storePost");
22 | const authMiddleware = require("./middleware/auth");
23 | const redirectIfAuth = require("./middleware/redirect");
24 | 
25 | const MongoUrl = process.env.MongoUrl
26 | 
27 | mongoose.connect(MongoUrl);
28 | 
29 | app.use(expressSession({
30 |   secret: "samar",
31 |   store: mongoStore.create({mongoUrl: MongoUrl})
32 | }));
33 | app.use(fileUpload());
34 | app.use(express.static("public"));
35 | app.use(expressEdge.engine);
36 | app.use(express.json());
37 | app.use(express.urlencoded({extended: true}));
38 | app.use(connectFlash())
39 | 
40 | app.set("views", `${__dirname}/views`);
41 | 
42 | app.use((req, res, next) => {
43 |   app.locals.auth = req.session.userId;
44 |   next();
45 | })
46 | 
47 | app.get("/", homePageController);
48 | app.get("/post/:id", getPostsController);
49 | app.get("/logout", authMiddleware, logoutController);
50 | app.get("/posts/new", authMiddleware, postsNewController);
51 | app.post("/posts/create", authMiddleware, storePostMiddleware, createPostController);
52 | app.get("/reg", redirectIfAuth, createUserController);
53 | app.post("/auth/reg", storeUserController);
54 | app.get("/login", redirectIfAuth, loginController);
55 | app.post("/auth/log", loginStoreController);
56 | app.use((req, res) => res.render("not_found"));
57 | 
58 | app.listen(5000, () => {console.log("Server has been started on Port 5000...")});


--------------------------------------------------------------------------------
/middleware/auth.js:
--------------------------------------------------------------------------------
 1 | const User = require("../models/User");
 2 | 
 3 | module.exports = (req, res, next) => {
 4 |   User.findById(req.session.userId, (err, user) => {
 5 |     if(err || !user) {
 6 |       return res.redirect("/")
 7 |     }
 8 |     next();
 9 |   })
10 | }


--------------------------------------------------------------------------------
/middleware/redirect.js:
--------------------------------------------------------------------------------
1 | module.exports = (req, res, next) => {
2 |   if(req.session.userId) {
3 |     return res.redirect("/");
4 |   }
5 |   next();
6 | }


--------------------------------------------------------------------------------
/middleware/storePost.js:
--------------------------------------------------------------------------------
1 | module.exports = (req, res, next) => {
2 |   if(!(req.files && req.files.image) || !req.body.title || !req.body.description || !req.body.content) {
3 |     return res.redirect("/posts/new")
4 |   }
5 |   next();
6 | }
7 | 


--------------------------------------------------------------------------------
/models/Post.js:
--------------------------------------------------------------------------------
 1 | const mongoose = require("mongoose");
 2 | 
 3 | const PostSchema = new mongoose.Schema({
 4 |   title: String,
 5 |   description: String,
 6 |   content: String,
 7 |   author: {
 8 |     type: mongoose.Schema.ObjectId,
 9 |     ref: "User",
10 |     required: true
11 |   },
12 |   image: String,
13 |   createdAt: {
14 |     type: Date,
15 |     default: new Date()
16 |   }
17 | })
18 | 
19 | const Post = mongoose.model("Post", PostSchema);
20 | module.exports = Post;


--------------------------------------------------------------------------------
/models/User.js:
--------------------------------------------------------------------------------
 1 | const mongoose = require("mongoose");
 2 | const bcrypt = require("bcrypt");
 3 | 
 4 | const UserSchema = mongoose.Schema({
 5 |   username: {
 6 |     type: String,
 7 |     required: [true, "Please, provide your username"]
 8 |   },
 9 |   email: {
10 |     type: String,
11 |     required: [true, "Please, provide your email"],
12 |     unique: true
13 |   },
14 |   password: {
15 |     type: String,
16 |     required: [true, "Please, provide your password"]
17 |   }
18 | })
19 | 
20 | const User = mongoose.model("User", UserSchema);
21 | module.exports = User;


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "blog",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "start": "node index.js",
 8 |     "dev": "nodemon index.js"
 9 |   },
10 |   "keywords": [],
11 |   "author": "Samar Badriddinov",
12 |   "license": "ISC",
13 |   "dependencies": {
14 |     "bcrypt": "^5.0.1",
15 |     "connect-flash": "^0.1.1",
16 |     "connect-mongo": "^4.6.0",
17 |     "edge.js": "^5.3.2",
18 |     "express": "^4.17.1",
19 |     "express-edge": "^2.0.2",
20 |     "express-fileupload": "^1.2.1",
21 |     "express-session": "^1.17.2",
22 |     "mongoose": "^6.0.13"
23 |   },
24 |   "devDependencies": {
25 |     "nodemon": "^2.0.15"
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/public/assets/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SameerBadriddinov/NodeJS-Blog/26ae776a76c2283ad6e361ebfa5c2443e3124fa5/public/assets/favicon.ico


--------------------------------------------------------------------------------
/public/assets/img/about-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SameerBadriddinov/NodeJS-Blog/26ae776a76c2283ad6e361ebfa5c2443e3124fa5/public/assets/img/about-bg.jpg


--------------------------------------------------------------------------------
/public/assets/img/contact-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SameerBadriddinov/NodeJS-Blog/26ae776a76c2283ad6e361ebfa5c2443e3124fa5/public/assets/img/contact-bg.jpg


--------------------------------------------------------------------------------
/public/assets/img/home-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SameerBadriddinov/NodeJS-Blog/26ae776a76c2283ad6e361ebfa5c2443e3124fa5/public/assets/img/home-bg.jpg


--------------------------------------------------------------------------------
/public/assets/img/post-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SameerBadriddinov/NodeJS-Blog/26ae776a76c2283ad6e361ebfa5c2443e3124fa5/public/assets/img/post-bg.jpg


--------------------------------------------------------------------------------
/public/assets/img/post-sample-image.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SameerBadriddinov/NodeJS-Blog/26ae776a76c2283ad6e361ebfa5c2443e3124fa5/public/assets/img/post-sample-image.jpg


--------------------------------------------------------------------------------
/public/js/scripts.js:
--------------------------------------------------------------------------------
 1 | /*!
 2 | * Start Bootstrap - Clean Blog v6.0.7 (https://startbootstrap.com/theme/clean-blog)
 3 | * Copyright 2013-2021 Start Bootstrap
 4 | * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-clean-blog/blob/master/LICENSE)
 5 | */
 6 | window.addEventListener('DOMContentLoaded', () => {
 7 |     let scrollPos = 0;
 8 |     const mainNav = document.getElementById('mainNav');
 9 |     const headerHeight = mainNav.clientHeight;
10 |     window.addEventListener('scroll', function() {
11 |         const currentTop = document.body.getBoundingClientRect().top * -1;
12 |         if ( currentTop < scrollPos) {
13 |             // Scrolling Up
14 |             if (currentTop > 0 && mainNav.classList.contains('is-fixed')) {
15 |                 mainNav.classList.add('is-visible');
16 |             } else {
17 |                 console.log(123);
18 |                 mainNav.classList.remove('is-visible', 'is-fixed');
19 |             }
20 |         } else {
21 |             // Scrolling Down
22 |             mainNav.classList.remove(['is-visible']);
23 |             if (currentTop > headerHeight && !mainNav.classList.contains('is-fixed')) {
24 |                 mainNav.classList.add('is-fixed');
25 |             }
26 |         }
27 |         scrollPos = currentTop;
28 |     });
29 | })
30 | 


--------------------------------------------------------------------------------
/public/posts/+ (3).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SameerBadriddinov/NodeJS-Blog/26ae776a76c2283ad6e361ebfa5c2443e3124fa5/public/posts/+ (3).png


--------------------------------------------------------------------------------
/public/posts/photo_2021-11-18_22-28-27.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SameerBadriddinov/NodeJS-Blog/26ae776a76c2283ad6e361ebfa5c2443e3124fa5/public/posts/photo_2021-11-18_22-28-27.jpg


--------------------------------------------------------------------------------
/public/posts/photo_2021-11-20_16-01-01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SameerBadriddinov/NodeJS-Blog/26ae776a76c2283ad6e361ebfa5c2443e3124fa5/public/posts/photo_2021-11-20_16-01-01.jpg


--------------------------------------------------------------------------------
/public/posts/photo_2021-11-20_16-01-05.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SameerBadriddinov/NodeJS-Blog/26ae776a76c2283ad6e361ebfa5c2443e3124fa5/public/posts/photo_2021-11-20_16-01-05.jpg


--------------------------------------------------------------------------------
/public/posts/photo_2021-11-20_16-01-07.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SameerBadriddinov/NodeJS-Blog/26ae776a76c2283ad6e361ebfa5c2443e3124fa5/public/posts/photo_2021-11-20_16-01-07.jpg


--------------------------------------------------------------------------------
/public/posts/Дизайн без названия (2).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SameerBadriddinov/NodeJS-Blog/26ae776a76c2283ad6e361ebfa5c2443e3124fa5/public/posts/Дизайн без названия (2).png


--------------------------------------------------------------------------------
/views/create.edge:
--------------------------------------------------------------------------------
 1 | @layout('layouts.app')
 2 | 
 3 | @section("content")
 4 | <header class="masthead" style="background-image: url('/assets/img/contact-bg.jpg')">
 5 |   <div class="container position-relative px-4 px-lg-5">
 6 |       <div class="row gx-4 gx-lg-5 justify-content-center">
 7 |           <div class="col-md-10 col-lg-8 col-xl-7">
 8 |               <div class="page-heading">
 9 |                   <h1>Create Post</h1>
10 |                   <span class="subheading">You can say everythink what do you want...</span>
11 |               </div>
12 |           </div>
13 |       </div>
14 |   </div>
15 | </header>
16 | 
17 | <div class="container">
18 |   <div class="row">
19 |     <div class="col-md-8 offset-md-2">
20 |       <form action="/posts/create" method="POST" enctype="multipart/form-data">
21 |         <div class="form-floating">
22 |           <input type="text" class="form-control" name="title" placeholder="Enter Your Title...">
23 |           <label>Title</label>
24 |         </div>
25 |         <div class="form-floating">
26 |           <input type="text" class="form-control" name="description" placeholder="Enter Your DEscription...">
27 |           <label>Description</label>
28 |         </div>
29 |         <div class="form-floating my-3">
30 |           <textarea id="content" name="content" class="form-control" placeholder="Enter Your Content..." style="height: 20rem"></textarea>
31 |         </div>
32 |         <div class="form-floating mt-3">
33 |           <input class="form-control" name="image" type="file" id="formFile">
34 |         </div>
35 |         <div class="form-group text-center my-4">
36 |           <button class="btn btn-primary">Create Post</button>
37 |         </div>
38 |       </form>
39 |     </div>
40 |   </div>
41 | </div>
42 | @endsection
43 | 
44 | @section("styles")
45 | <!-- include libraries(jQuery, bootstrap) -->
46 | <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
47 | <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
48 | 
49 | <!-- include summernote css/js -->
50 | <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
51 | @endsection
52 | 
53 | @section("scripts")
54 | <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
55 | <script>
56 |   $('#content').summernote({
57 |     placeholder: "Content"
58 |   });
59 | </script>
60 | @endsection


--------------------------------------------------------------------------------
/views/index.edge:
--------------------------------------------------------------------------------
 1 | @layout("layouts.app")
 2 | 
 3 | @section("content")
 4 | <!-- Page Header-->
 5 | <header class="masthead" style="background-image: url('/assets/img/home-bg.jpg')">
 6 |     <div class="container position-relative px-4 px-lg-5">
 7 |         <div class="row gx-4 gx-lg-5 justify-content-center">
 8 |             <div class="col-md-10 col-lg-8 col-xl-7">
 9 |                 <div class="site-heading">
10 |                     <h1>Clean Blog</h1>
11 |                     <span class="subheading">A Blog Theme by Start Bootstrap</span>
12 |                 </div>
13 |             </div>
14 |         </div>
15 |     </div>
16 | </header>
17 | <!-- Main Content-->
18 | <div class="container px-4 px-lg-5">
19 |     <div class="row gx-4 gx-lg-5 justify-content-center">
20 |         <div class="col-md-10 col-lg-8 col-xl-7">
21 |             @each(post in posts)
22 |             <!-- Post preview-->
23 |             <div class="post-preview">
24 |                 <a href="/post/{{post._id}}">
25 |                     <h2 class="post-title">{{post.title}}</h2>
26 |                     <h3 class="post-subtitle">{{post.description}}</h3>
27 |                 </a>
28 |                 <p class="post-meta">
29 |                     Posted by
30 |                     <a href="#!">{{post.author.username}}</a>
31 |                     {{post.createdAt.toDateString()}}
32 |                 </p>
33 |             </div>
34 |             <!-- Divider-->
35 |             <hr class="my-4" />
36 |             @endeach
37 |             <!-- Pager-->
38 |             <div class="d-flex justify-content-end mb-4"><a class="btn btn-primary text-uppercase" href="#!">Older Posts →</a></div>
39 |         </div>
40 |     </div>
41 | </div>
42 | @endsection


--------------------------------------------------------------------------------
/views/layouts/app.edge:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <meta charset="utf-8" />
 5 |         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 6 |         <meta name="description" content="" />
 7 |         <meta name="author" content="" />
 8 |         <title>Clean Blog - Start Bootstrap Theme</title>
 9 |         <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
10 |         <!-- Font Awesome icons (free version)-->
11 |         <script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" crossorigin="anonymous"></script>
12 |         <!-- Google fonts-->
13 |         <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
14 |         <link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css" />
15 |         <!-- Core theme CSS (includes Bootstrap)-->
16 |         <link href="/css/styles.css" rel="stylesheet" />
17 |         @!section("styles")
18 |     </head>
19 |     <body>
20 |         <!-- Navigation-->
21 |         <nav class="navbar navbar-expand-lg navbar-light" id="mainNav">
22 |             <div class="container px-4 px-lg-5">
23 |                 <a class="navbar-brand" href="/">Node Blog</a>
24 |                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
25 |                     Menu
26 |                     <i class="fas fa-bars"></i>
27 |                 </button>
28 |                 <div class="collapse navbar-collapse" id="navbarResponsive">
29 |                     <ul class="navbar-nav ms-auto py-4 py-lg-0">
30 |                         <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="/posts/new">Create Post</a></li>
31 |                         @if(!auth)
32 |                             <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="/reg">Register</a></li>
33 |                             <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="/login">LogIN</a></li>
34 |                         @else
35 |                             <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="/logout">Logout</a></li>
36 |                         @endif
37 |                     </ul>
38 |                 </div>
39 |             </div>
40 |         </nav>
41 |         {{--  MAIN Content  --}}
42 |         @!section("content")
43 |         <!-- Footer-->
44 |         <footer class="border-top">
45 |             <div class="container px-4 px-lg-5">
46 |                 <div class="row gx-4 gx-lg-5 justify-content-center">
47 |                     <div class="col-md-10 col-lg-8 col-xl-7">
48 |                         <ul class="list-inline text-center">
49 |                             <li class="list-inline-item">
50 |                                 <a href="#!">
51 |                                     <span class="fa-stack fa-lg">
52 |                                         <i class="fas fa-circle fa-stack-2x"></i>
53 |                                         <i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
54 |                                     </span>
55 |                                 </a>
56 |                             </li>
57 |                             <li class="list-inline-item">
58 |                                 <a href="#!">
59 |                                     <span class="fa-stack fa-lg">
60 |                                         <i class="fas fa-circle fa-stack-2x"></i>
61 |                                         <i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
62 |                                     </span>
63 |                                 </a>
64 |                             </li>
65 |                             <li class="list-inline-item">
66 |                                 <a href="#!">
67 |                                     <span class="fa-stack fa-lg">
68 |                                         <i class="fas fa-circle fa-stack-2x"></i>
69 |                                         <i class="fab fa-github fa-stack-1x fa-inverse"></i>
70 |                                     </span>
71 |                                 </a>
72 |                             </li>
73 |                         </ul>
74 |                         <div class="small text-center text-muted fst-italic">Copyright &copy; Your Website 2021</div>
75 |                     </div>
76 |                 </div>
77 |             </div>
78 |         </footer>
79 |         <!-- Bootstrap core JS-->
80 |         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
81 |         <!-- Core theme JS-->
82 |         <script src="/js/scripts.js"></script>
83 |         @!section("scripts")
84 |     </body>
85 | </html>
86 | 


--------------------------------------------------------------------------------
/views/login.edge:
--------------------------------------------------------------------------------
 1 | @layout('layouts.app')
 2 | 
 3 | @section("content")
 4 | <header class="masthead" style="background-image: url('/assets/img/about-bg.jpg')">
 5 |   <div class="container position-relative px-4 px-lg-5">
 6 |       <div class="row gx-4 gx-lg-5 justify-content-center">
 7 |           <div class="col-md-10 col-lg-8 col-xl-7">
 8 |               <div class="page-heading">
 9 |                   <h1>Log In</h1>
10 |               </div>
11 |           </div>
12 |       </div>
13 |   </div>
14 | </header>
15 | 
16 | <div class="container">
17 |   <div class="row">
18 |     <div class="col-md-8 offset-md-2">
19 |       <form action="/auth/log" method="POST">
20 |         <div class="form-floating">
21 |           <input type="email" class="form-control" name="email" placeholder="Enter Your Email...">
22 |           <label>Email</label>
23 |         </div>
24 |         <div class="form-floating">
25 |           <input type="password" class="form-control" name="password" placeholder="Enter Your Password...">
26 |           <label>Password</label>
27 |         </div>
28 |         <div class="form-group text-center my-4">
29 |           <button class="btn btn-primary">LogIN</button>
30 |         </div>
31 |       </form>
32 |     </div>
33 |   </div>
34 | </div>
35 | @endsection


--------------------------------------------------------------------------------
/views/not_found.edge:
--------------------------------------------------------------------------------
 1 | @layout("layouts.app")
 2 | 
 3 | @section("content")
 4 | <!-- Page Header-->
 5 | <header class="masthead" style="background-image: url('')">
 6 |     <div class="container position-relative px-4 px-lg-5">
 7 |         <div class="row gx-4 gx-lg-5 justify-content-center">
 8 |             <div class="col-md-10 col-lg-8 col-xl-7">
 9 |                 <div class="site-heading">
10 |                     <h1>404 Page Not Found</h1>
11 |                     <span class="subheading"><a href="/">Return a home page</a></span>
12 |                 </div>
13 |             </div>
14 |         </div>
15 |     </div>
16 | </header>
17 | @endsection


--------------------------------------------------------------------------------
/views/post.edge:
--------------------------------------------------------------------------------
 1 | @layout("layouts.app")
 2 | 
 3 | @section("content")
 4 | <!-- Page Header-->
 5 | <header class="masthead" style="background-image: url('{{post.image}}')">
 6 |   <div class="container position-relative px-4 px-lg-5">
 7 |       <div class="row gx-4 gx-lg-5 justify-content-center">
 8 |           <div class="col-md-10 col-lg-8 col-xl-7">
 9 |               <div class="post-heading">
10 |                   <h1>{{post.title}}</h1>
11 |                   <h2 class="subheading">{{post.description}}</h2>
12 |                   <span class="meta">
13 |                       Posted by
14 |                       <a href="#!">{{post.author.username}}</a>
15 |                       {{post.createdAt.toDateString()}}
16 |                   </span>
17 |               </div>
18 |           </div>
19 |       </div>
20 |   </div>
21 | </header>
22 | <!-- Post Content-->
23 | <article class="mb-4">
24 |   <div class="container px-4 px-lg-5">
25 |       <div class="row gx-4 gx-lg-5 justify-content-center">
26 |           <div class="col-md-10 col-lg-8 col-xl-7">
27 |             <h2 class="section-heading">{{post.title}}</h2>
28 |             <p>{{{post.content}}}</p>
29 |           </div>
30 |       </div>
31 |   </div>
32 | </article>
33 | @endsection


--------------------------------------------------------------------------------
/views/register.edge:
--------------------------------------------------------------------------------
 1 | @layout('layouts.app')
 2 | 
 3 | @section("content")
 4 | <header class="masthead" style="background-image: url('/assets/img/post-bg.jpg')">
 5 |   <div class="container position-relative px-4 px-lg-5">
 6 |       <div class="row gx-4 gx-lg-5 justify-content-center">
 7 |           <div class="col-md-10 col-lg-8 col-xl-7">
 8 |               <div class="page-heading">
 9 |                   <h1>Register</h1>
10 |                   <span class="subheading">After register you can create any post...</span>
11 |               </div>
12 |           </div>
13 |       </div>
14 |   </div>
15 | </header>
16 | 
17 | <div class="container">
18 |   <div class="row">
19 |     <div class="col-md-8 offset-md-2">
20 |       @if(errors.length > 0)
21 |         <ul class="list-group my-3">
22 |           @each(err in errors)
23 |             <li class="list-group-item text-danger">{{err}}</li>
24 |           @endeach
25 |         </ul>
26 |       @endif
27 |       <form action="/auth/reg" method="POST">
28 |         <div class="form-floating">
29 |           <input type="text" class="form-control" value="{{data.username || ''}}" name="username" placeholder="Enter Your Name...">
30 |           <label>Username</label>
31 |         </div>
32 |         <div class="form-floating">
33 |           <input type="email" class="form-control" value="{{data.email || ''}}" name="email" placeholder="Enter Your Email...">
34 |           <label>Email</label>
35 |         </div>
36 |         <div class="form-floating">
37 |           <input type="password" class="form-control" value="{{data.password || ''}}" name="password" placeholder="Enter Your Password...">
38 |           <label>Password</label>
39 |         </div>
40 |         <div class="form-group text-center my-4">
41 |           <button class="btn btn-primary">Register</button>
42 |         </div>
43 |       </form>
44 |     </div>
45 |   </div>
46 | </div>
47 | @endsection


--------------------------------------------------------------------------------