added index page

2 years ago · f00d59aa2e
15 changed files with 227 additions and 28 deletions
--- a/blog/admin.py
+++ b/blog/admin.py
@ -1,7 +1,11 @@
 from django.contrib import admin
-from .models import Post
+from .models import Post, Index_Post

 class PostAdmin(admin.ModelAdmin):
    list_display = ('title', 'short_description', 'pub_date')

+class IndexPostAdmin(admin.ModelAdmin):
+    list_display = ('title', 'content', 'pub_date')
+
 admin.site.register(Post, PostAdmin)
+admin.site.register(Index_Post, IndexPostAdmin)
--- a/blog/migrations/0003_index_post.py
+++ b/blog/migrations/0003_index_post.py
@ -0,0 +1,22 @@
+# Generated by Django 4.2.7 on 2024-01-27 21:42
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('blog', '0002_post_short_description'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Index_Post',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('title', models.CharField(max_length=200)),
+                ('content', models.TextField()),
+                ('pub_date', models.DateTimeField(verbose_name='date published')),
+            ],
+        ),
+    ]
--- a/blog/migrations/0004_rename_content_index_post_indexcontent_and_more.py
+++ b/blog/migrations/0004_rename_content_index_post_indexcontent_and_more.py
@ -0,0 +1,28 @@
+# Generated by Django 4.2.7 on 2024-01-27 21:51
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('blog', '0003_index_post'),
+    ]
+
+    operations = [
+        migrations.RenameField(
+            model_name='index_post',
+            old_name='content',
+            new_name='IndexContent',
+        ),
+        migrations.RenameField(
+            model_name='index_post',
+            old_name='pub_date',
+            new_name='IndexPub_date',
+        ),
+        migrations.RenameField(
+            model_name='index_post',
+            old_name='title',
+            new_name='IndexTitle',
+        ),
+    ]
--- a/blog/migrations/0005_rename_indexcontent_index_post_content_and_more.py
+++ b/blog/migrations/0005_rename_indexcontent_index_post_content_and_more.py
@ -0,0 +1,28 @@
+# Generated by Django 4.2.7 on 2024-01-27 21:57
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('blog', '0004_rename_content_index_post_indexcontent_and_more'),
+    ]
+
+    operations = [
+        migrations.RenameField(
+            model_name='index_post',
+            old_name='IndexContent',
+            new_name='content',
+        ),
+        migrations.RenameField(
+            model_name='index_post',
+            old_name='IndexPub_date',
+            new_name='pub_date',
+        ),
+        migrations.RenameField(
+            model_name='index_post',
+            old_name='IndexTitle',
+            new_name='title',
+        ),
+    ]
--- a/blog/models.py
+++ b/blog/models.py
@ -8,3 +8,11 @@ class Post(models.Model):

    def __str__(self):
        return self.title
+
+class Index_Post(models.Model):
+    title = models.CharField(max_length=200)
+    content = models.TextField()
+    pub_date = models.DateTimeField('date published')
+
+    def __str__(self):
+        return self.title
--- a/blog/templates/blog/index.html
+++ b/blog/templates/blog/index.html
@ -0,0 +1,110 @@
+{% load static %}
+
+<!DOCTYPE html>
+<html>
+
+<head>
+  <!-- Basic -->
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <!-- Mobile Metas -->
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+  <!-- Site Metas -->
+  <meta name="keywords" content="" />
+  <meta name="description" content="" />
+  <meta name="author" content="" />
+
+  <title>Prudellic</title>
+
+  <!-- slider stylesheet -->
+  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
+
+  <!-- bootstrap core css -->
+  <link rel="stylesheet" type="text/css" href="{% static 'blog/css/bootstrap.css' %}" />
+
+  <!-- fonts style -->
+  <link href="https://fonts.googleapis.com/css?family=Baloo+Chettan|Dosis:400,600,700|Poppins:400,600,700&display=swap" rel="stylesheet" />
+  <!-- Custom styles for this template -->
+  <link href="{% static 'blog/css/style.css' %}" rel="stylesheet" />
+  <!-- responsive style -->
+  <link href="{% static 'blog/css/responsive.css' %}" rel="stylesheet" />
+</head>
+
+<body>
+
+    <!-- header section strats -->
+    <header class="header_section">
+      <div class="container">
+        <div class="header_nav">
+          <a class="navbar-brand brand_desktop" href="index.html">
+            <img src="{% static 'blog/images/logo.png' %}" alt="" />
+          </a>
+          <div class="main_nav">
+            <div class="top_nav">
+              <ul class=" ">
+                <li class="">
+                  <a class="" href="">
+                    <img src="{% static 'blog/images/mail.png' %}" alt="" />
+                    <span>info@prudellic.com</span>
+                  </a>
+                </li>
+              </ul>
+            </div>
+            <div class="bottom_nav">
+              <nav class="navbar navbar-expand-lg custom_nav-container">
+                <a class="navbar-brand brand_mobile" href="index.html">
+                  <img src="{% static 'blog/images/logo.png' %}" alt="" />
+                </a>
+                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                  <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                  <div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
+                    
+                    {% include 'blog/menu.html' %}
+
+                    <form class="form-inline">
+                      <button class="btn ml-3 ml-lg-5 nav_search-btn" type="submit"></button>
+                    </form>
+                  </div>
+                </div>
+              </nav>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- end header section -->
+  </div>
+
+{% for post in index_posts %}
+  <section class="about_section layout_padding">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-md-10 ml-auto pr-0">
+          <div class="about_container">
+            <div class="row">
+              <div class="col-lg-3 col-md-5">
+                <div class="detail-box">
+                  <div class="heading_container">
+                    <h2>
+                        {{ post.title }}
+                    </h2>
+                  </div>
+                  <p>
+                    {{ post.content|linebreaksbr }}
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+{% endfor %}
+  <!-- end about section -->
+
+</body>
+
+</html>
--- a/blog/templates/blog/menu.html
+++ b/blog/templates/blog/menu.html
@ -0,0 +1,11 @@
+<ul class="navbar-nav  ">
+    <li class="nav-item active">
+      <a class="nav-link" href=""> Home </a>
+    </li>
+    <li class="nav-item">
+      <a class="nav-link" href="blog"> Blog </a>
+    </li>
+    <li class="nav-item">
+      <a class="nav-link" href="sexy"> Sexy Stories </a>
+    </li>
+  </ul>
--- a/blog/templates/blog/post_detail.html
+++ b/blog/templates/blog/post_detail.html
@ -60,18 +60,9 @@
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                  <div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
-                    <ul class="navbar-nav  ">
-                      <li class="nav-item active">
-                        <a class="nav-link" href="index.html">Home </a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" href="about.html"> Blog </a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" href="class.html"> Sexy Stories </a>
-                      </li>

-                    </ul>
+                    {% include 'blog/menu.html' %}
+
                    <form class="form-inline">
                      <button class="btn ml-3 ml-lg-5 nav_search-btn" type="submit"></button>
                    </form>
@ -100,7 +91,7 @@
                    </h2>
                  </div>
                  <p>
-                    {{ post.content }}
+                    {{ post.content|linebreaksbr }}
                  </p>
                </div>
              </div>
--- a/blog/templates/blog/post_list.html
+++ b/blog/templates/blog/post_list.html
@ -60,18 +60,9 @@
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                  <div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
-                    <ul class="navbar-nav  ">
-                      <li class="nav-item active">
-                        <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" href="about.html"> Blog </a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" href="class.html"> Sexy Stories </a>
-                      </li>
                    
-                    </ul>
+                    {% include 'blog/menu.html' %}
+
                    <form class="form-inline">
                      <button class="btn ml-3 ml-lg-5 nav_search-btn" type="submit"></button>
                    </form>
@ -101,7 +92,7 @@
                    </h2>
                  </div>
                  <p>
-                    {{ post.short_description }}
+                    {{ post.short_description|linebreaksbr }}
                  </p>
                  <a href="{% url 'blog:post_detail' post.id %}">
                    Read More
--- a/blog/urls.py
+++ b/blog/urls.py
@ -3,6 +3,7 @@ from . import views

 app_name = 'blog'
 urlpatterns = [
-    path('', views.post_list, name='post_list'),
+    path('', views.index, name='index'),
+    path('blog/', views.post_list, name='post_list'),
    path('<int:post_id>/', views.post_detail, name='post_detail'),
 ]
--- a/blog/views.py
+++ b/blog/views.py
@ -1,5 +1,5 @@
 from django.shortcuts import render, get_object_or_404
-from .models import Post
+from .models import Post, Index_Post

 def post_list(request):
    posts = Post.objects.all()
@ -8,3 +8,7 @@ def post_list(request):
 def post_detail(request, post_id):
    post = get_object_or_404(Post, pk=post_id)
    return render(request, 'blog/post_detail.html', {'post': post})
+
+def index(request):
+    index_posts = Index_Post.objects.all()
+    return render(request, 'blog/index.html', {'index_posts': index_posts})
--- a/db.sqlite3
+++ b/db.sqlite3
--- a/myblog/pycache/urls.cpython-310.pyc
+++ b/myblog/pycache/urls.cpython-310.pyc
--- a/myblog/urls.py
+++ b/myblog/urls.py
@ -3,5 +3,5 @@ from django.urls import path, include

 urlpatterns = [
    path('admin/', admin.site.urls),
-    path('blog/', include('blog.urls')),
+    path('', include('blog.urls')),
 ]
--- a/urls.py
+++ b/urls.py
@ -4,4 +4,5 @@ from django.urls import path, include
 urlpatterns = [
    path('admin/', admin.site.urls),
    path('blog/', include('blog.urls')),
+    path('', include('blog.urls')),
 ]