improved project
All checks were successful
Build and Deploy Demo App / build-and-deploy (push) Successful in 50s

This commit is contained in:
2025-11-25 18:52:52 +03:30
parent d00626a62c
commit cf8df36d4f
3 changed files with 4 additions and 10 deletions

2
app.py
View File

@@ -1,5 +1,5 @@
from flask import Flask, render_template from flask import Flask, render_template
from flask_bootstrap import Bootstrap5 # Use Bootstrap5 for modern BS5 from flask_bootstrap import Bootstrap5 # Updated import for Bootstrap 5 support
app = Flask(__name__) app = Flask(__name__)
bootstrap = Bootstrap5(app) bootstrap = Bootstrap5(app)

View File

@@ -1,2 +1,2 @@
flask==3.0.3 flask==3.0.3
flask-bootstrap==0.14.0 # Latest version supporting BS5 bootstrap-flask==2.5.0

View File

@@ -1,13 +1,7 @@
{% extends "bootstrap/base.html" %} {% extends "bootstrap5/base.html" %}
{% import "bootstrap/fixes.html" as fixes %}
{% block title %}Professional Demo Site{% endblock %} {% block title %}Professional Demo Site{% endblock %}
{% block head %}
{{ super() }}
{{ fixes.ie8() }} <!-- Optional IE8 fix if needed -->
{% endblock %}
{% block styles %} {% block styles %}
{{ super() }} <!-- Includes Bootstrap CSS --> {{ super() }} <!-- Includes Bootstrap CSS -->
<style> <style>
@@ -42,7 +36,7 @@
{% block content %} {% block content %}
<div class="container"> <div class="container">
<!-- Hero Section --> <!-- Hero Section -->
<div class="jumbotron text-center bg-primary text-white py-5 mt-4 rounded"> <div class="bg-primary text-white py-5 mt-4 rounded text-center">
<h1 class="display-4">Welcome to the Professional Demo Site</h1> <h1 class="display-4">Welcome to the Professional Demo Site</h1>
<p class="lead">This is a realistic, Bootstrap-powered Flask application for demonstration purposes. It features responsive design and modern UI elements.</p> <p class="lead">This is a realistic, Bootstrap-powered Flask application for demonstration purposes. It features responsive design and modern UI elements.</p>
<a class="btn btn-light btn-lg" href="#features" role="button">Learn More</a> <a class="btn btn-light btn-lg" href="#features" role="button">Learn More</a>