Upload 28 files

.gitattributes

@@ -33,3 +33,13 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+static/assets/img/about-bg.jpg filter=lfs diff=lfs merge=lfs -text
+static/assets/img/contact-bg.jpg filter=lfs diff=lfs merge=lfs -text
+static/assets/img/home-bg.jpg filter=lfs diff=lfs merge=lfs -text
+static/assets/img/post-bg.jpg filter=lfs diff=lfs merge=lfs -text
+static/assets/img/post-sample-image.jpg filter=lfs diff=lfs merge=lfs -text
+static/img/about-bg.jpg filter=lfs diff=lfs merge=lfs -text
+static/img/contact-bg.jpg filter=lfs diff=lfs merge=lfs -text
+static/img/home-bg.jpg filter=lfs diff=lfs merge=lfs -text
+static/img/post-bg.jpg filter=lfs diff=lfs merge=lfs -text
+static/img/post-sample-image.jpg filter=lfs diff=lfs merge=lfs -text

codingthunder.sql

@@ -0,0 +1,122 @@
+-- phpMyAdmin SQL Dump
+-- version 5.2.1
+-- https://www.phpmyadmin.net/
+--
+-- Host: 127.0.0.1
+-- Generation Time: Jul 11, 2025 at 08:14 PM
+-- Server version: 10.4.32-MariaDB
+-- PHP Version: 8.0.30
+
+SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
+START TRANSACTION;
+SET time_zone = "+00:00";
+
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!40101 SET NAMES utf8mb4 */;
+
+--
+-- Database: `codingthunder`
+--
+
+-- --------------------------------------------------------
+
+--
+-- Table structure for table `contact`
+--
+
+CREATE TABLE `contact` (
+  `sno` int(50) NOT NULL,
+  `name` text NOT NULL,
+  `email` varchar(50) NOT NULL,
+  `phone_num` varchar(50) NOT NULL,
+  `mes` text NOT NULL,
+  `date` datetime DEFAULT current_timestamp()
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
+
+--
+-- Dumping data for table `contact`
+--
+
+INSERT INTO `contact` (`sno`, `name`, `email`, `phone_num`, `mes`, `date`) VALUES
+(1, 'first post', '[email protected]', '123456789', 'first post', '2025-07-07 16:25:34'),
+(2, 'this_name', '[email protected]', '6565656565', 'This is a test message', NULL),
+(3, 'this_name', '[email protected]', '6565656565', 'This is a test message', '2025-07-07 16:49:24'),
+(4, 'this_name', '[email protected]', '4545454545', 'NO', '2025-07-07 23:31:44'),
+(5, 'this_name', '[email protected]', '4545454545', 'NO', '2025-07-07 23:35:11'),
+(6, 'this_name', '[email protected]', '4545454545', 'NO', '2025-07-07 23:38:58'),
+(7, 'Trail', '[email protected]', '9512638475', 'This is a trial for sending email', '2025-07-08 00:17:15'),
+(8, 'Trail', '[email protected]', '9512638475', 'This is a trial for sending email', '2025-07-08 00:34:34'),
+(9, 'Trail', '[email protected]', '9512638475', 'This is a trial for sending email', '2025-07-08 00:34:58'),
+(10, 'Trail', '[email protected]', '9512638475', 'This is a trial for sending email', '2025-07-08 00:46:27'),
+(11, 'Trail', '[email protected]', '9512638475', 'This is a trial for sending email', '2025-07-08 00:52:18'),
+(12, 'Ashish', '[email protected]', '1234567890', 'I am sending this mail after successfully adding background image for post.html ', '2025-07-08 11:50:08'),
+(13, 'Ashish', '[email protected]', '1234567890', 'I am sending this mail after successfully adding background image for post.html ', '2025-07-08 12:02:17'),
+(14, 'Ashish', '[email protected]', '1234567890', 'this is trial after upload file #20', '2025-07-11 23:30:39');
+
+-- --------------------------------------------------------
+
+--
+-- Table structure for table `posts`
+--
+
+CREATE TABLE `posts` (
+  `sno` int(11) NOT NULL,
+  `title` text NOT NULL,
+  `tagline` text NOT NULL,
+  `slug` varchar(25) NOT NULL,
+  `content` text NOT NULL,
+  `img_file` varchar(12) NOT NULL,
+  `date` datetime NOT NULL DEFAULT current_timestamp()
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
+
+--
+-- Dumping data for table `posts`
+--
+
+INSERT INTO `posts` (`sno`, `title`, `tagline`, `slug`, `content`, `img_file`, `date`) VALUES
+(1, 'Let\'s learn about stock market', 'This is first post', 'first_post', 'A stock is a security that represents ownership of a fraction of the corporation that issued it. Units of stock are called shares and entitle the owner to a portion of the corporation’s profits equal to the number of shares owned.\r\n\r\nStocks are bought and sold predominantly on public exchanges. The exchanges and the stocks that are listed on them are required to conform to government regulations meant to protect investors from fraudulent practices.', 'home-bg.jpg', '2025-07-11 00:38:55'),
+(3, 'Why Side Projects Matter', 'Because building for yourself is the fastest way to grow.', 'third_post', 'In a world dominated by structured learning, side projects are your playground for creativity and experimentation. They’re where theory meets practice — and where true learning begins.\r\n\r\nUnlike classroom assignments or office tasks, side projects are entirely yours. You pick the stack, the goals, the features, and the timeline. That freedom lets you explore technologies you\'re curious about — whether it’s building a REST API with Flask, experimenting with AI, or designing a mobile app in Flutter.\r\n\r\nSide projects also act as a personal portfolio. They tell future employers (and yourself) that you\'re driven, self-motivated, and capable of building something from scratch. It\'s one thing to say you know Python — it\'s another to show a working app that uses Flask and SQLAlchemy.\r\n\r\nMore importantly, side projects keep the spark alive. They’re fun, challenging, and often the reason many developers fall in love with coding in the first place.\r\n\r\nSo if you’re waiting for the perfect idea or the perfect time — don’t. Start small, stay consistent, and keep building.', 'home-bg.jpg', '2025-07-11 14:58:41'),
+(4, 'Breaking Through the Tutorial Phase', 'When watching tutorials isn\'t enough — build, break, and repeat.', 'fourth_post', 'If you’ve ever felt stuck in the “tutorial loop” — constantly watching videos or reading articles without actually building something — you’re not alone. It’s one of the most common phases for beginners and even experienced devs when learning something new.\r\n\r\nTutorials are a great starting point. They teach you structure, syntax, and step-by-step logic. But they often give a false sense of mastery. That’s because following along doesn’t require problem-solving — you’re guided every step of the way.\r\n\r\nThe real growth happens when you try to build something without a walkthrough. That’s when the questions start flooding in: How do I structure this app? What database should I use? How do I fix this error? These struggles aren’t signs of failure — they’re signs that you’re learning.\r\n\r\nThe key is to treat tutorials like a launchpad, not a destination. Watch, take notes, then close the tab and try it on your own — even if you fail. Especially if you fail.\r\n\r\nBecause breaking through the tutorial phase is exactly where real developers are made.', '', '2025-07-08 12:41:55'),
+(5, 'Embracing Debugging: Your Best Teacher', ' Every bug has a lesson — if you\'re willing to find it.', 'embracing-debugging', 'Debugging might seem frustrating, but it\'s one of the most powerful ways to truly understand how your code works. When something breaks, it forces you to slow down, think critically, and trace logic step by step.\r\n\r\nNo tutorial can replicate the real-world chaos of a sneaky off-by-one error or a database connection issue. Yet it’s through these challenges that you grow. Over time, you start recognizing patterns: how Flask handles routes, where SQL queries go wrong, or why a CSS change won’t reflect.\r\n\r\nMore importantly, debugging teaches resilience. You stop fearing failure and start welcoming it as part of the process.\r\n\r\nSo the next time your code crashes — pause, breathe, and dig in. That bug might be annoying now, but solving it will sharpen your skills for life.', '', '2025-07-08 12:45:08'),
+(6, 'Learning One Stack at a Time', 'Tech is vast — go deep, not wide.', 'one-stack-at-a-time', 'With so many tools, frameworks, and languages out there, it’s tempting to learn everything at once — React, Flask, Docker, Tailwind, GraphQL… the list never ends.\r\n\r\nBut trying to master everything at the same time often leads to burnout and confusion. The best approach? Choose one stack and go deep. For example, learn Flask thoroughly before moving to Django. Understand HTML/CSS fundamentals before diving into JavaScript frameworks.\r\n\r\nA focused learning path builds strong foundations. Once you\'re confident with one tech stack, picking up the next one becomes much easier.\r\n\r\nRemember, the goal isn\'t to collect buzzwords — it’s to build real projects that work. And that only happens when you know your tools inside out.\r\n\r\nSo go deep. Master one thing. Then move to the next.', '', '2025-07-08 12:45:08'),
+(7, '7th. Embracing Minimalism: A Simpler Life in a Complex World', 'minimalist-living', 'Less is more: discovering', 'In today’s fast-paced and consumer-driven world, minimalism offers a refreshing shift in perspective. It’s not about living with nothing, but about living with intention — keeping only what adds value to your life and letting go of the rest.\r\n\r\nA minimalist lifestyle can reduce stress, increase focus, and give you the mental space to prioritize what truly matters: health, relationships, personal growth, and peace of mind. It’s about clearing the clutter — physically, digitally, and emotionally.\r\n\r\nMinimalism isn\'t a strict rulebook; it’s a mindset. Whether you\'re decluttering your home, simplifying your schedule, or spending less time on social media, every small step towards simplicity counts.\r\n\r\nStart small. One drawer. One hour of tech-free time. One day without buying anything unnecessary. You’ll be amazed at how much clearer your life feels.', 'img.jpg', '2025-07-11 00:27:20');
+
+--
+-- Indexes for dumped tables
+--
+
+--
+-- Indexes for table `contact`
+--
+ALTER TABLE `contact`
+  ADD PRIMARY KEY (`sno`);
+
+--
+-- Indexes for table `posts`
+--
+ALTER TABLE `posts`
+  ADD PRIMARY KEY (`sno`);
+
+--
+-- AUTO_INCREMENT for dumped tables
+--
+
+--
+-- AUTO_INCREMENT for table `contact`
+--
+ALTER TABLE `contact`
+  MODIFY `sno` int(50) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=15;
+
+--
+-- AUTO_INCREMENT for table `posts`
+--
+ALTER TABLE `posts`
+  MODIFY `sno` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=8;
+COMMIT;
+
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

config.json

@@ -0,0 +1,25 @@
+{
+    "params":
+    {
+        "local_server":"True",
+        "local_uri": "mysql://root:@localhost/codingthunder",
+        "prod_uri":"mysql://root:@localhost/codingthunder",
+        "fb_url":"https://facebook.com/codingthunder",
+        "tw_url":"https://twitter.com/codingthunder",
+        "gh_url":"https://github.com/codingthunder",
+        "blog_name": "Coding Thunder",
+        "tag_line" : "A Blog liked by Programmers",
+        "gmail-user":"[email protected]",
+        "gmail-password":"ooakrohssontnqak",
+
+        "about_text":"Hi, my name is Ashish and I am creating my website using Flask",
+        "no_of_posts":2,
+
+        "login_image":"login.svg",
+        "admin_user":"Ashish",
+        "admin_password": "admin",
+
+        "upload_location":"D:\\Python\\Flask\\Project\\static\\img"
+    }
+    
+}

main.py

@@ -0,0 +1,219 @@
+from flask import Flask, render_template, request, session, redirect, flash
+from flask_sqlalchemy import SQLAlchemy
+from datetime import datetime
+
+from flask_mail import Mail
+
+import pymysql
+pymysql.install_as_MySQLdb()
+
+import json
+
+import os
+from werkzeug.utils import secure_filename
+
+#19
+import math
+
+
+with open('config.json', 'r') as c:
+    params= json.load(c)["params"]
+    
+local_server = True
+app = Flask(__name__, template_folder="temp")
+
+app.secret_key= 'super-secret-key'
+app.config['UPLOAD_FOLDER'] = params['upload_location']
+#add email to this
+app.config.update(
+    MAIL_SERVER = 'smtp.gmail.com',
+    MAIL_PORT = '465',
+    MAIL_USE_SSL = True,
+    MAIL_USERNAME = params['gmail-user'],
+    MAIL_PASSWORD = params['gmail-password']
+)
+mail = Mail(app)
+
+#adding configurations
+if(local_server):
+    app.config['SQLALCHEMY_DATABASE_URI'] = params['local_uri']
+else:
+    app.config['SQLALCHEMY_DATABASE_URI'] = params['prod_uri']
+
+db = SQLAlchemy(app)
+
+class Contact(db.Model):
+    '''
+    sno,name, phone_num, msg,date,email'''
+    id = db.Column(db.Integer, primary_key=True)
+    name = db.Column(db.String(80), nullable=False)
+    phone_num = db.Column(db.String(12), nullable=False)
+    mes = db.Column(db.String(120), nullable=False)
+    date = db.Column(db.String(12), nullable=True)
+    email = db.Column(db.String(20), nullable=False)
+
+    # def __init__(self, username, email):
+    #     self.username = username
+    #     self.email = email
+
+    # def __repr__(self):
+    #     return '<User %r>' % self.username
+   
+   
+class Posts(db.Model):
+    sno = db.Column(db.Integer, primary_key=True)
+    title = db.Column(db.String(80), nullable=False)
+    slug = db.Column(db.String(21), nullable=False)
+    content = db.Column(db.String(120), nullable=False)
+    tagline = db.Column(db.String(120), nullable=False)
+    date = db.Column(db.String(12), nullable=True)
+    img_file = db.Column(db.String(12), nullable=True) 
+    
+    
+
+@app.route("/")
+
+def home():
+    # flash("Subscribe to CodeWithHarry!", "success")
+    # flash("Like this app","danger")
+    
+    posts = Posts.query.filter_by().all()
+    #[0: params['no_of_posts]]
+    last = math.ceil(len(posts)/int(params['no_of_posts']))
+    page = request.args.get('page')
+    if (not str(page).isnumeric()):
+        page = 1
+        
+    #pagination logic
+    #first page
+    page = int(page)
+    posts = posts[(page-1)*int(params['no_of_posts']):(page-1)*int(params['no_of_posts'])+ int(params['no_of_posts'])]
+    if page==1:
+        prev = "#"
+        next = "/?page="+ str(page+1)
+    #last page
+    elif page==last:
+        prev = "/?page="+ str(page-1)
+        next = "#"
+    #middle page
+    else:
+        prev = "/?page="+ str(page-1)
+        next = "/?page="+ str(page+1)
+    
+    return render_template('index.html', params=params, posts=posts, prev=prev, next=next)
+
+@app.route("/about")
+def about():
+    return render_template('about.html',params=params)
+
+
+#fetching posts from database
+@app.route("/post/<string:post_slug>", methods=['GET'])
+def post_route(post_slug):
+    post = Posts.query.filter_by(slug=post_slug).first()
+    return render_template('post.html', params=params, post=post)
+
+
+@app.route("/dashboard", methods=['GET','POST'])
+def dashboard():
+    
+    if ('user' in session and session['user'] == params['admin_user'] ):
+        posts = Posts.query.all()
+        return render_template('dashboard.html', params=params, posts=posts)
+    
+    if request.method=='POST':
+        #redirect to admin panel
+        username = request.form.get('uname')
+        userpass = request.form.get("pass")
+        if username==params['admin_user'] and userpass==params['admin_password']:
+            # set the session variable
+            session['user'] = username
+            posts = Posts.query.all()
+            return render_template('dashboard.html', params=params)
+        
+    else:
+        return render_template("login.html", params=params)
+
+
+#17
+@app.route("/uploader" , methods=['GET', 'POST'])
+def uploader():
+    if "user" in session and session['user']==params['admin_user']:
+        if request.method=='POST':
+            f = request.files['file1']
+            f.save(os.path.join(app.config['UPLOAD_FOLDER'], secure_filename(f.filename)))
+            return "Uploaded successfully!"
+
+#17
+@app.route('/logout')
+def logout():
+    session.pop('user')
+    return redirect('/dashboard')
+
+#18
+@app.route("/delete/<string:sno>" , methods=['GET', 'POST'])
+def delete(sno):
+    if "user" in session and session['user']==params['admin_user']:
+        post = Posts.query.filter_by(sno=sno).first()
+        db.session.delete(post)
+        db.session.commit()
+    return redirect("/dashboard")
+
+
+@app.route("/contact", methods =['GET','POST'])
+def contact():
+    if (request.method=='POST'):
+        #Add entry to the database
+        name = request.form.get('name')
+        email = request.form.get('email')
+        phone = request.form.get('phone')
+        message = request.form.get('message')
+        
+        entry = Contact(name=name, phone_num = phone, mes= message,date= datetime.now(), email=email)
+        db.session.add(entry)
+        db.session.commit()
+        
+        #send a email
+        mail.send_message('New message from ' + name,
+                          sender=email,
+                          recipients = [params['gmail-user']],
+                          body = message + "\n" + phone
+                          )
+        flash("Thanks for submitting your details. We will get back to you soon","success")
+        
+    return render_template('contact.html',params=params)
+
+
+
+@app.route("/edit/<string:sno>", methods =['GET','POST'])
+def edit(sno):
+    if ('user' in session and session['user'] == params['admin_user'] ):
+        if request.method=="POST":
+            box_title = request.form.get('title')
+            tline = request.form.get('tline')
+            slug = request.form.get('slug')
+            content = request.form.get('content')
+            img_file = request.form.get('img_file')
+            date = datetime.now()
+            
+            if sno=='0':
+                post = Posts(title=box_title, slug=slug, content=content, tagline=tline, img_file=img_file, date=date)
+                db.session.add(post)
+                db.session.commit()
+            else:
+                post = Posts.query.filter_by(sno=sno).first()
+                post.box_title = box_title
+                post.tline = tline
+                post.slug = slug
+                post.content = content
+                post.img_file = img_file
+                post.date = date
+                db.session.commit()
+                return redirect('/edit/'+sno)
+
+        post = Posts.query.filter_by(sno=sno).first()
+        return render_template('edit.html', params=params,post=post, sno=sno)
+            
+
+app.run(debug=True)
+

static/css/signin.css

@@ -0,0 +1,44 @@
+html,
+body {
+  height: 100%;
+}
+
+body {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  padding-top: 40px;
+  padding-bottom: 40px;
+  background-color: #f5f5f5;
+}
+
+.form-signin {
+  width: 100%;
+  max-width: 330px;
+  padding: 15px;
+  margin: auto;
+}
+.form-signin .checkbox {
+  font-weight: 400;
+}
+.form-signin .form-control {
+  position: relative;
+  box-sizing: border-box;
+  height: auto;
+  padding: 10px;
+  font-size: 16px;
+}
+.form-signin .form-control:focus {
+  z-index: 2;
+}
+.form-signin input[type="email"] {
+  margin-bottom: -1px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.form-signin input[type="password"] {
+  margin-bottom: 10px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}

static/js/scripts.js

@@ -0,0 +1,29 @@
+/*!
+* Start Bootstrap - Clean Blog v6.0.9 (https://startbootstrap.com/theme/clean-blog)
+* Copyright 2013-2023 Start Bootstrap
+* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-clean-blog/blob/master/LICENSE)
+*/
+window.addEventListener('DOMContentLoaded', () => {
+    let scrollPos = 0;
+    const mainNav = document.getElementById('mainNav');
+    const headerHeight = mainNav.clientHeight;
+    window.addEventListener('scroll', function() {
+        const currentTop = document.body.getBoundingClientRect().top * -1;
+        if ( currentTop < scrollPos) {
+            // Scrolling Up
+            if (currentTop > 0 && mainNav.classList.contains('is-fixed')) {
+                mainNav.classList.add('is-visible');
+            } else {
+                console.log(123);
+                mainNav.classList.remove('is-visible', 'is-fixed');
+            }
+        } else {
+            // Scrolling Down
+            mainNav.classList.remove(['is-visible']);
+            if (currentTop > headerHeight && !mainNav.classList.contains('is-fixed')) {
+                mainNav.classList.add('is-fixed');
+            }
+        }
+        scrollPos = currentTop;
+    });
+})

temp/about.html

@@ -0,0 +1,37 @@
+{% extends "layout.html" %}
+{% block body %}
+
+
+
+    <!-- Page Header -->
+    <header class="masthead" style="background-image: url('  static/img/about-bg.jpg')">
+      <div class="overlay"></div>
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-8 col-md-10 mx-auto">
+            <div class="page-heading">
+              <h1>About Me</h1>
+              <span class="subheading">This is what I do.</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <!-- Main Content -->
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-md-10 mx-auto">
+          <!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe nostrum ullam eveniet pariatur voluptates odit, fuga atque ea nobis sit soluta odio, adipisci quas excepturi maxime quae totam ducimus consectetur?</p>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius praesentium recusandae illo eaque architecto error, repellendus iusto reprehenderit, doloribus, minus sunt. Numquam at quae voluptatum in officia voluptas voluptatibus, minus!</p>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut consequuntur magnam, excepturi aliquid ex itaque esse est vero natus quae optio aperiam soluta voluptatibus corporis atque iste neque sit tempora!</p> -->
+          <p>{{params['about_text']}}</p>
+        </div>
+      </div>
+    </div>
+
+
+
+{% endblock %}
+
+

temp/contact.html

@@ -0,0 +1,88 @@
+{% extends "layout.html" %}
+{% block body %}
+
+
+
+    <!-- Page Header -->
+    <header class="masthead" style="background-image: url(' static/img/contact-bg.jpg')">
+      <div class="overlay"></div>
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-8 col-md-10 mx-auto">
+            <div class="page-heading">
+              <h1>Contact Me</h1>
+              <span class="subheading">Have questions? I have answers.</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+
+
+            <!-- Message Flashing -->
+    {% with messages = get_flashed_messages(with_categories=true)%}
+    {% if messages %}
+    {% for category, message in messages %}
+    <div class="alert alert-{{category}} alert-dismissible fade show" role="alert">
+      {{message}}
+      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+        <span aria-hidden="true">&times;</span>
+      </button>
+    </div>
+    {% endfor %}
+    {% endif %}
+    {% endwith %}
+
+    <!-- Main Content -->
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-md-10 mx-auto">
+          <p>Want to get in touch? Fill out the form below to send me a message and I will get back to you as soon as possible!</p>
+          <!-- Contact Form - Enter your email address on line 19 of the mail/contact_me.php file to make this form work. -->
+          <!-- WARNING: Some web hosts do not allow emails to be sent through forms to common mail hosts like Gmail or Yahoo. It's recommended that you use a private domain email address! -->
+          <!-- To use the contact form, your site must be on a live web host with PHP! The form will not work locally! -->
+          <form name="sentMessage" id="contactForm" action="/contact" method="POST" novalidate>
+            <div class="control-group">
+              <div class="form-group floating-label-form-group controls">
+                <label>Name</label>
+                <input type="text" class="form-control" placeholder="Name" id="name" name="name" required data-validation-required-message="Please enter your name.">
+                <p class="help-block text-danger"></p>
+              </div>
+            </div>
+            <div class="control-group">
+              <div class="form-group floating-label-form-group controls">
+                <label>Email Address</label>
+                <input type="email" class="form-control" placeholder="Email Address" id="email" name="email" required data-validation-required-message="Please enter your email address.">
+                <p class="help-block text-danger"></p>
+              </div>
+            </div>
+            <div class="control-group">
+              <div class="form-group col-xs-12 floating-label-form-group controls">
+                <label>Phone Number</label>
+                <input type="tel" class="form-control" placeholder="Phone Number" id="phone" name="phone" required data-validation-required-message="Please enter your phone number.">
+                <p class="help-block text-danger"></p>
+              </div>
+            </div>
+            <div class="control-group">
+              <div class="form-group floating-label-form-group controls">
+                <label>Message</label>
+                <textarea rows="5" class="form-control" placeholder="Message" id="message" name="message" required data-validation-required-message="Please enter a message."></textarea>
+                <p class="help-block text-danger"></p>
+              </div>
+            </div>
+            <br>
+            <div id="success"></div>
+            <div class="form-group">
+              <button type="submit" class="btn btn-primary" id="sendMessageButton">Send</button>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+
+    <hr>
+
+
+{% endblock %}
+
+

temp/dashboard.html

@@ -0,0 +1,68 @@
+{% extends "layout.html" %}
+{% block body %}
+
+        <!-- Page Header-->
+        <header class="masthead" style="background-image: url('  static/img/home-bg.jpg   ')">
+            <div class="container position-relative px-4 px-lg-5">
+                <div class="row gx-4 gx-lg-5 justify-content-center">
+                    <div class="col-md-10 col-lg-8 col-xl-7">
+                        <div class="site-heading">
+                            <h1>Admin Panel</h1>
+                            <span class="subheading">Manage your posts and change them</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </header>
+        <!-- Main Content-->
+        <div class="container px-4 px-lg-5">
+            <div class="row gx-4 gx-lg-5 justify-content-center">
+                <div class="col-md-10 col-lg-8 col-xl-7">
+                <h1>Basic Actions</h1>
+
+                    <a href="/edit/0"><button class="btn btn-primary">Add a new post</button></a>
+                    <a href="/logout"><button class="btn btn-primary">Logout</button></a>
+
+
+                    <hr>
+                <h1>Upload a File</h1>
+                    <form action="/uploader" method="post" enctype="multipart/form-data">
+                        <input type="file" name="file1">
+                        <button type="submit" class="btn btn-primary">Submit</button>
+                    </form>
+                
+                <hr>
+                <h1>Edit Posts</h1>
+                <table class="table">
+                    <thead>
+                    <tr>
+                        <th>Sr no.</th>
+                        <th>Title</th>
+                        <th>Date</th>
+                        <th>Edit</th>
+                        <th>Delete</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+
+                        {% for post in posts %}
+
+                    <tr>
+                        <td>{{post.sno}}</td>
+                        <td>{{post.title}}</td>
+                        <td>{{post.date}}</td>
+                        <td><a href="/edit/{{post.sno}}"><button class="btn btn-primary">Edit</button></a></td>
+                        <td><a href="/delete/{{post.sno}}"><button class="btn btn-primary">Delete</button></a></td>
+                    </tr>
+
+                    {% endfor %}
+
+                    </tbody>
+                </table>
+                
+                </div>
+            </div>
+        </div>
+
+        {% endblock %}
+  

temp/edit.html

@@ -0,0 +1,84 @@
+{% extends "layout.html" %}
+{% block body %}
+
+        <!-- Page Header-->
+        <header class="masthead" style="background-image: url('static/img/about-bg.jpg')">
+            <div class="container position-relative px-4 px-lg-5">
+                <div class="row gx-4 gx-lg-5 justify-content-center">
+                    <div class="col-md-10 col-lg-8 col-xl-7">
+                        <div class="site-heading">
+                            <h1>Admin Panel</h1>
+                            <span class="subheading">Manage your posts and change them</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </header>
+        <!-- Main Content-->
+        <div class="container px-4 px-lg-5">
+            <div class="row gx-4 gx-lg-5 justify-content-center">
+                <div class="col-md-10 col-lg-8 col-xl-7">
+                
+                <h1>Basic Actions</h1>
+
+                <a href="/dashboard"><button class="btn btn-primary">Dashboard Home</button></a>
+                <a href="/logout"><button class="btn btn-primary">Logout</button></a>
+                <hr>
+                
+                <h1>Add/Edit Posts</h1>
+                
+ 
+
+            <form name="sentMessage" id="contactForm" action="/edit/{{sno}}" method="POST" novalidate>
+                <div class="control-group">
+                <div class="form-group floating-label-form-group controls">
+                    <label>Title</label>
+                    <input type="text" class="form-control" placeholder="Title" id="title" name="title" required data-validation-required-message="Please enter your name." value="{{post.title}}">
+                    <p class="help-block text-danger"></p>
+                </div>
+                </div>
+                <div class="control-group">
+                <div class="form-group floating-label-form-group controls">
+                    <label>Tagline</label>
+                    <input type="text" class="form-control" placeholder="Tagline" id="tline" name="tline" required data-validation-required-message="Please enter tagline" value="{{post.tagline}}">
+                    <p class="help-block text-danger"></p>
+                </div>
+                </div>
+                <div class="control-group">
+                <div class="form-group col-xs-12 floating-label-form-group controls">
+                    <label>Slug</label>
+                    <input type="text" class="form-control" placeholder="Slug" id="slug" name="slug" required data-validation-required-message="Please enter slug." value="{{post.slug}}">
+                    <p class="help-block text-danger"></p>
+                </div>
+                </div>
+                <div class="control-group">
+                <div class="form-group floating-label-form-group controls">
+                    <label>Content</label>
+                    <textarea rows="5" class="form-control" placeholder="Content" id="content" name="content" required data-validation-required-message="Please enter a message.">{{post.content}}</textarea>
+                    <p class="help-block text-danger"></p>
+                </div>
+                </div>
+
+                <div class="control-group">
+                <div class="form-group floating-label-form-group controls">
+                    <label>Image File</label>
+                    <input class="form-control" placeholder="Image" id="img_file" name="img_file" value="{{post.img_file}}">
+                    <p class="help-block text-danger"></p>
+                </div>
+                </div>
+                <br>
+                <div id="success"></div>
+                <div class="form-group">
+                <button type="submit" class="btn btn-primary" id="sendMessageButton">Submit</button>
+                </div>
+          </form>
+
+
+
+                
+                </div>
+            </div>
+        </div>
+
+        {% endblock %}
+  

temp/index.html

@@ -0,0 +1,72 @@
+{% extends "layout.html" %}
+{% block body %}
+
+        <!-- Page Header-->
+        <header class="masthead mb-0" style="background-image: url('  static/img/home-bg.jpg   ')">
+            <div class="container position-relative px-4 px-lg-5">
+                <div class="row gx-4 gx-lg-5 justify-content-center">
+                    <div class="col-md-10 col-lg-8 col-xl-7">
+                        <div class="site-heading">
+                            <h1>{{ params['blog_name'] }}</h1>
+                            <span class="subheading">{{ params['tag_line'] }}</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </header>
+
+
+        <!-- Message Flashing -->
+{% with messages = get_flashed_messages(with_categories=true)%}
+{% if messages %}
+{% for category, message in messages %}
+<div class="alert alert-{{category}} alert-dismissible fade show" role="alert">
+  {{message}}
+  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+    <span aria-hidden="true">&times;</span>
+  </button>
+</div>
+{% endfor %}
+{% endif %}
+{% endwith %}
+
+    
+        <!-- Main Content-->
+        <div class="container px-4 px-lg-5">
+            <div class="row gx-4 gx-lg-5 justify-content-center">
+                <div class="col-md-10 col-lg-8 col-xl-7">
+
+
+                <!-- Todo: Fetch it using for loop from the database -->
+                    <!-- Post preview-->
+
+                {% for post in posts %}
+
+                    <div class="post-preview">
+                        <a href="/post/{{post.slug}}">
+                            <h2 class="post-title">{{ post.title }}</h2>
+                            <h3 class="post-subtitle">{{post.tagline}}</h3>
+                        </a>
+                        <p class="post-meta">
+                            Posted by
+                            <a href="#!">AP</a>
+                            on {{post.date}}
+                        </p>
+                    </div>
+                    {{post.content[0:143]}}...
+                    <!-- Divider-->
+                    <hr class="my-4" />
+                {% endfor %}
+                    <!-- Pager-->
+                    <!-- <div class="d-flex justify-content-end mb-4"> -->
+                    <div class="d-flex justify-content-between mb-4">
+                        <a class="btn btn-primary" href="{{prev}}">&larr; Previous Posts</a>
+                        <a class="btn btn-primary" href="{{next}}">Next Posts &rarr;</a>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+
+        {% endblock %}
+  

temp/layout.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+        <meta name="description" content="" />
+        <meta name="author" content="" />
+        <title>{{ params['blog_name'] }}</title>
+        <link rel="icon" type="image/x-icon" href=" {{ url_for('static', filename=  'assets/favicon.ico ') }}" />
+        <!-- Font Awesome icons (free version)-->
+        <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
+        <!-- Google fonts-->
+        <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
+        <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" />
+        <!-- Core theme CSS (includes Bootstrap)-->
+        <link href="{{ url_for('static', filename=  'css/styles.css') }} " rel="stylesheet" />
+
+
+        <!-- Adding JS scripts -->
+         <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+        <script src="https://code.jquery.com/jquery-3.6.0.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" crossorigin="anonymous"></script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" crossorigin="anonymous"></script>
+
+
+    </head>
+    <body>
+        <!-- Navigation-->
+        <nav class="navbar navbar-expand-lg navbar-light" id="mainNav">
+            <div class="container px-4 px-lg-5">
+                <a class="navbar-brand" href="/">{{ params['blog_name'] }}</a>
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+                    Menu
+                    <i class="fas fa-bars"></i>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarResponsive">
+                    <ul class="navbar-nav ms-auto py-4 py-lg-0">
+                        <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="/">Home</a></li>
+                        <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="/about">About</a></li>
+                        <!-- <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="/post">Sample Post</a></li> -->
+                        <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="/contact">Contact</a></li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+
+{% block body %} {% endblock %}
+
+      <!-- Footer-->
+        <footer class="border-top">
+            <div class="container px-4 px-lg-5">
+                <div class="row gx-4 gx-lg-5 justify-content-center">
+                    <div class="col-md-10 col-lg-8 col-xl-7">
+                        <ul class="list-inline text-center">
+                            <li class="list-inline-item">
+                                <a href="{{params['tw_url']}}" target="_blank">
+                                    <span class="fa-stack fa-lg">
+                                        <i class="fas fa-circle fa-stack-2x"></i>
+                                        <i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
+                                    </span>
+                                </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a href="{{params['fb_url']}}"  target="_blank">
+                                    <span class="fa-stack fa-lg">
+                                        <i class="fas fa-circle fa-stack-2x"></i>
+                                        <i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
+                                    </span>
+                                </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a href="{{params['gh_url']}}" target="_blank">
+                                    <span class="fa-stack fa-lg">
+                                        <i class="fas fa-circle fa-stack-2x"></i>
+                                        <i class="fab fa-github fa-stack-1x fa-inverse"></i>
+                                    </span>
+                                </a>
+                            </li>
+                        </ul>
+                        <div class="small text-center text-muted fst-italic">Copyright &copy; AP 2025</div>
+                    </div>
+                </div>
+            </div>
+        </footer>
+        <!-- Bootstrap core JS-->
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+        <!-- Core theme JS-->
+        <script src="{{ url_for('static', filename='js/scripts.js') }}"></script>
+    </body>
+</html>

temp/login.html

@@ -0,0 +1,42 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="">
+    <meta name="author" content="">
+    <link rel="icon" href="../../../../favicon.ico">
+
+    <title>Admin </title>
+
+    <!-- Bootstrap core CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+
+    <!-- Custom styles for this template -->
+    <!-- <link href="signin.css" rel="stylesheet"> -->
+  </head>
+
+  <body class="text-center">
+
+ <link href="{{url_for('static', filename='css/signin.css')}}" rel="stylesheet">
+ 
+    <form class="form-signin" action="/dashboard" method="post">
+      {% set fname = 'img/'+  params['login_image']  %}
+      <img class="mb-4" src="{{url_for('static', filename=fname)}}" alt="" width="72" height="72">
+      <h1 class="h3 mb-3 font-weight-normal">Admin Login</h1>
+      <label for="uname" class="sr-only">Username</label>
+      <input type="text" id="uname" name="uname" class="form-control" placeholder="Username" required autofocus>
+      <label for="pass" class="sr-only">Password</label>
+      <input type="password" id="pass" name="pass" class="form-control" placeholder="Password" required>
+      <div class="checkbox mb-3">
+        <label>
+          <input type="checkbox" value="remember-me"> Remember me
+        </label>
+      </div>
+      <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
+      <p class="mt-5 mb-3 text-muted">© {{params['blog_name'] }} 2025</p>
+    </form>
+
+
+ </body>
+</html>

temp/post.html

@@ -0,0 +1,60 @@
+{% extends "layout.html" %}
+{% block body %}
+
+
+
+    <!-- Page Header -->
+     {% set fname= 'img/' + post.img_file %}
+    <header class="masthead" data-bg="{{ url_for('static', filename='img/' ~ post.img_file) }}">
+
+      <div class="overlay"></div>
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-8 col-md-10 mx-auto">
+            <div class="post-heading">
+              {% if post %}
+                <h1>{{ post.title }}</h1>
+              {% else %}
+                  <p>Post not found.</p>
+              {% endif %}
+
+              <h2 class="subheading">{{post.tagline}}</h2>
+              <span class="meta">Posted by
+                <a href="#">Admin</a>
+                on {{post.date}}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <!-- Post Content -->
+    <article>
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-8 col-md-10 mx-auto">
+            {{post.content}}
+            <!-- <p>Placeholder text by -->
+              <!-- <a href="http://spaceipsum.com/">Space Ipsum</a>. Photographs by
+              <a href="https://www.flickr.com/photos/nasacommons/">NASA on The Commons</a>.</p> -->
+          </div>
+        </div>
+      </div>
+    </article>
+
+
+    <!-- This is to add the background image for the post.html -->
+<script>
+  document.addEventListener("DOMContentLoaded", function () {
+    const masthead = document.querySelector(".masthead");
+    const bgUrl = masthead.getAttribute("data-bg");
+    if (bgUrl) {
+      masthead.style.backgroundImage = `url('${bgUrl}')`;
+    }
+  });
+</script>
+
+
+ 
+{% endblock %}
+