feat: add admin CLI, SEO meta tags, security headers, and production Makefile targets

devplacepy/templates/projects.html

@@ -1,10 +1,6 @@
 {% extends "base.html" %}
 {% block extra_head %}
 <link rel="stylesheet" href="/static/css/projects.css">
-<style>
-    .modal-overlay { display: none; }
-    .modal-overlay.visible { display: flex; }
-</style>
 {% endblock %}
 {% block content %}
 <div class="projects-layout">
@@ -38,7 +34,7 @@
     <div class="projects-main">
         <div class="projects-header">
             <div>
-                <h2>Projects</h2>
+                <h1>Projects</h1>
                 <span class="subtitle">Discover amazing projects from the DevPlace community</span>
             </div>
             <div class="projects-count">Showing {{ total_count }} of {{ total_count }} projects</div>
@@ -75,7 +71,7 @@
                     </span>
                 </div>
 
-                <div class="project-card-desc">{{ project.get('description', '')[:200] }}</div>
+                <div class="project-card-desc rendered-content" data-render>{{ project.get('description', '')[:200] }}</div>
 
                 <div style="display: flex; justify-content: space-between; align-items: center;">
                     <span class="badge" style="background: var(--border); color: var(--text-muted); text-transform: capitalize;">{{ project.get('project_type', 'software').replace('_', ' ') }}</span>
@@ -97,7 +93,7 @@
 
 <button class="feed-fab" id="create-project-btn" title="Add Project" style="position: fixed; bottom: 2rem; right: 2rem; width: 56px; height: 56px; border-radius: 50%; background: var(--accent); color: #fff; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-lg); border: none; cursor: pointer; z-index: 100;">+</button>
 
-<div class="modal-overlay" id="create-project-modal" style="position: fixed; inset: 0; background: rgba(0,0,0,0.7); z-index: 2000; align-items: center; justify-content: center;">
+<div class="modal-overlay" id="create-project-modal">
     <div class="card" style="width: 100%; max-width: 560px; margin: 1rem; max-height: 90vh; overflow-y: auto;">
         <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;">
             <h3 style="font-size: 1.125rem; font-weight: 700;">Create Project</h3>