Added the Dev, Support Pages

Implemented the `/dev/` and `/dev/support/` routes and placeholder pages

blog/urls.py

@@ -8,5 +8,6 @@ urlpatterns = [
     path('blog/create/', views.BlogCreateView.as_view(), name='Blog Create'),
     path('post/<int:pk>', views.PostDetailView.as_view(), name='Post'),
     path('post/create/', views.PostCreateView.as_view(), name='Post Create'),
-    path('about/', views.about, name='About')
+    path('dev/', views.dev, name='Dev'),
+    path('dev/support/', views.support, name='Support'),
 ]

blog/views.py

@@ -68,8 +68,11 @@ class PostCreateView(LoginRequiredMixin, CreateView):
         return super().form_valid(form)
 
 
-def about(request):
+def dev(request):
-    return render(request, 'blog/about.html', {'title': 'About'})
+    return render(request, 'dev.html', {'title': 'Development'})
+
+def support(request):
+    return render(request, 'support.html', {'title': 'Support Us'})
 
 def home(request):
-    return render(request, 'index.html', {'title': 'About'})
+    return render(request, 'index.html', {'title': 'Home'})

templates/blog/about.html

@@ -1,17 +0,0 @@
-{% extends 'base.html' %}
-{% block content %}
-<h1 class="display-1">About TechBlog</h1>
-<hr>
-<br>
-<blockquote>
-    <h1 class="display-4">Why this community is built</h1>
-    <p class="h5" style="line-height: 1.5em;">The TechBlog™ community is buit for people who love to share and help other people whenever they get stuck. We have built this platform for people to help each other and make project making fun. We encourage people to get together and work in harmony for the wellbeing of all. People can make groups to work on a project or send blogs or videos that explain a topic or problem very significantly and make work much easier for other co-workers or users. Our main goal is to help everyone and enhance the art of <strong>Problem Solving</strong> through this platform.</p>
-</blockquote>
-<hr>
-<blockquote>
-    <h1 class="display-4">What do we offer</h1>
-    <p class="h5" style="line-height: 1.5em;">The TechBlog™ community offers a platform for group work and online chat to all and allow our members to share <em>text, images, videos, codes, projects and even more...</em> with any other member.</p>
-</blockquote>
-<hr>
-<br>
-{% endblock %}

templates/dev.html

@@ -0,0 +1,37 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <style type="text/css">
+        body {
+            background-image: url('/media/bg.jpg'); background-size: cover; background-repeat: no-repeat;
+        }
+    </style>
+    <div style="background-color: rgba(0, 0, 0, 0.6); color: #eeeeee; border-radius: 2px; margin-top: 10px;" class="container">
+        <div style="padding: 20px;">
+            <h2 style="text-align: justify;">Beyond Heroes</h2>
+            <p style="text-align: justify;">
+                The project that rose from the ashes of a game that was once. We aim to recreate the experience that we enjoyed throughout the years, while also adding new features that make it truly <i>Beyond</i> Heroes and Generals.<br>
+            </p>
+            <hr style="background-color: #999999;">
+            <div class="container">
+                <h3 style="text-align: justify;">Our Developers</h3>
+                <p style="text-align: justify;">
+                    Similique earum unde unde exercitationem totam voluptatibus. Cupiditate reiciendis aut ducimus sunt. Sunt laboriosam rerum qui maxime quod aut aspernatur. Ipsa reprehenderit quas nihil vel dignissimos at. Repellendus minima dolorem ipsa sit est ipsum accusamus.<br>
+                </p>
+            </div>
+            <div class="container">
+                <h3 style="text-align: justify;">Our Vision</h3>
+                <p style="text-align: justify;">
+                    Laborum nobis incidunt voluptate magnam voluptatibus. Itaque sequi eveniet vitae voluptas voluptatem ullam alias omnis. Officiis quia dolores architecto.Voluptate quia aspernatur excepturi voluptas molestias. Maxime magnam maiores sunt dolorum. Id possimus ullam rerum dignissimos.<br>
+                </p>
+            </div>
+            <div class="container">
+                <h3 style="text-align: justify;">Roadmap</h3>
+                <p style="text-align: justify;">
+                    A adipisci ad quia accusantium voluptates. Rem culpa et repellendus qui et tenetur quia. Nam rem provident non. Eum quod nostrum molestiae ut expedita vel. In voluptas ea quod. Modi incidunt qui tempora soluta minus odio sed et.Est aliquid id est quia praesentium rerum blanditiis. Voluptas a est omnis. Aut non quo non. Numquam quibusdam esse cum nostrum ab vel et. Fugit porro libero commodi dicta omnis libero.<br>
+                </p>
+            </div>
+        </div>
+    </div>
+
+{% endblock %}

templates/support.html

@@ -0,0 +1,34 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <style type="text/css">
+        body {
+            background-image: url('/media/bg.jpg'); background-size: cover; background-repeat: no-repeat;
+        }
+    </style>
+    <div style="background-color: rgba(0, 0, 0, 0.6); color: #eeeeee; border-radius: 2px; margin-top: 10px;" class="container">
+        <div style="padding: 20px;">
+            <h2 style="text-align: justify;">Beyond Heroes</h2>
+            <p style="text-align: justify;">
+                The project that rose from the ashes of a game that was once. We aim to recreate the experience that we enjoyed throughout the years, while also adding new features that make it truly <i>Beyond</i> Heroes and Generals.<br>
+            </p>
+            <hr style="background-color: #999999;">
+            <div class="container">
+                <h3 style="text-align: justify;">Why Help Us</h3>
+                <p style="text-align: justify;">
+                    Similique earum unde unde exercitationem totam voluptatibus. Cupiditate reiciendis aut ducimus sunt. Sunt laboriosam rerum qui maxime quod aut aspernatur. Ipsa reprehenderit quas nihil vel dignissimos at. Repellendus minima dolorem ipsa sit est ipsum accusamus.<br>
+                </p>
+            </div>
+            <div class="container">
+                <h3 style="text-align: justify;">How to Help Us</h3>
+                <p style="text-align: justify;">
+                    Laborum nobis incidunt voluptate magnam voluptatibus. Itaque sequi eveniet vitae voluptas voluptatem ullam alias omnis. Officiis quia dolores architecto.Voluptate quia aspernatur excepturi voluptas molestias. Maxime magnam maiores sunt dolorum. Id possimus ullam rerum dignissimos.<br>
+                </p>
+                <button class="btn" style="padding: 5px 30px; font-family:'Trebuchet MS', sans-serif; font-size: 20px; font-weight: bold; background-color: #139358; color: white; border-radius: 2px;" onmouseover="this.style.backgroundColor='#0f7a4c'" onmouseout="this.style.backgroundColor='#139358'">
+                Donate
+                </button>
+            </div>
+        </div>
+    </div>
+
+{% endblock %}