gitea/devops
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Improved Application/DB
Some checks failed
Build and Deploy Demo App / test (push) Failing after 1m14s
Details
Build and Deploy Demo App / build (push) Has been skipped
Details
Build and Deploy Demo App / scan (push) Has been skipped
Details
Build and Deploy Demo App / deploy (push) Has been skipped
Details

Browse Source
This commit is contained in:
gitea
2025-11-26 11:03:01 +03:30
parent c442b16a45
commit fcd328ca2b
9 changed files with 194 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
templates/index.html
View File

@@ -1,18 +1,11 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Professional Demo Site</title>
<!-- Bootstrap CSS -->
{{ bootstrap.load_css() }}
<style>
body { padding-top: 60px; } /* Space for fixed navbar */
</style>
<style> body { padding-top: 60px; } </style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
@@ -23,67 +16,39 @@
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#features">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<!-- Hero Section -->
<div class="bg-primary text-white py-5 mt-4 rounded text-center">
<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 with DB integration for demonstration.</p>
<a class="btn btn-light btn-lg" href="#features" role="button">Learn More</a>
</div>
<!-- Features Section -->
<section id="features" class="py-5">
<h2 class="text-center mb-4">Key Features</h2>
<h2 class="text-center mb-4">Key Features (from DB)</h2>
<div class="row">
{% for feature in features %}
<div class="col-md-4">
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">Responsive Design</h5>
<p class="card-text">Adapts seamlessly to mobile, tablet, and desktop devices.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">Modern UI</h5>
<p class="card-text">Uses Bootstrap 5 for clean, professional styling.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">Easy Deployment</h5>
<p class="card-text">Containerized with Docker for quick setup on any server.</p>
<h5 class="card-title">{{ feature.title }}</h5>
<p class="card-text">{{ feature.description }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</section>
<!-- About Section -->
<section id="about" class="py-5 bg-light">
<h2 class="text-center mb-4">About This Demo</h2>
<p class="text-center">This site serves as a starting point for building more complex web applications. Extend it with databases, APIs, or user authentication as needed.</p>
<p class="text-center">Now with PostgreSQL for data persistence. Extend with more models/queries.</p>
</section>
</div>
<!-- Bootstrap JS -->
{{ bootstrap.load_js() }}
</body>
</html>