Skip to content

Commit

Permalink
Misc changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@nilandev
nilandev committed Jan 11, 2024
1 parent 8c27f60 commit 0f1013f
Show file tree
Hide file tree
Showing 28 changed files with 191 additions and 216 deletions.
24 changes: 12 additions & 12 deletions bloggy/templates/pages/archive/categories.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,18 +6,18 @@
integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D"
crossorigin="anonymous" async></script>

<div class=" container pt-5 pb-3">
<div id="homeIntroSection" class="hero" style="max-width: 860px;margin: 0 auto;text-align: center;">
<h1 class="display-1">
Browse tutorial by <br/><span
class="text-gradient text-primary">Categories</span>
</h1>
<p class="lead text-gray-dark">
Collection of tutorials and courses organized by categories. Select a category and start your
journey towards being a better developer.
</p>
<header class="hero py-4 py-lg-5 text-center text-md-start" id="homeIntroSection">
<div class="container">
<div class="col-12 col-lg-7 col-xl-7">
<h1 class="font-sm text-uppercase text-primary">Topics</h1>
<h2 class="display-1">Browse tutorials by <span class="text-gradient text-primary">Category</span></h2>
<p class="fs-4 fw-400">Collection of tutorials and courses organized by categories. Select a
category and start your journey towards being a better developer.
</p>
</div>
</div>
</div>
</header>

<div class="container">
<div class="row row-eq-height archive-grid pb-4" data-masonry='{"percentPosition": true }'>
{% if categories|length <= 0 %}
Expand All @@ -31,7 +31,7 @@ <h1 class="display-1">
style="border-bottom: 3px solid {{ category.color }};">
<div class="d-flex justify-content-between flex-row mb-1">
<div class="d-flex flex-column ml-2">
<h3 class="display-5 fw-500">{{ category.title }}</h3>
<h3 class="display-5 fw-600">{{ category.title }}</h3>
<small class="d-inline-block text-muted text-uppercase fw-500 font-xs">
{{ category.article_count }} article{{ category.article_count | pluralize }}
</small>
Expand Down
17 changes: 11 additions & 6 deletions bloggy/templates/pages/archive/courses.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,17 +4,22 @@
{% load custom_widgets %}
{% load define_action %}
{% block content %}
<div class=" container pt-5 pb-3">
<div class="hero pt-lg-2 " style="max-width: 850px;margin: 0 auto">
<div class="text-center mb-5 px-lg-5">
<h1 class="display-1 px-lg-5">Courses</h1>
<p class="lead">
Want to learn a topic? StackTips offers free courses on Java, Python, HTML, JavaScript and CSS.

<header class="bg-whited py-4 py-lg-5 text-center text-md-start">
<div class="container">
<div class="col-12 col-lg-7 col-xl-7">
<h1 class="font-sm text-uppercase text-primary">Courses</h1>
<h2 class="display-1">Learn from our free courses</h2>
<p class="fs-4 fw-400">Want to learn a topic? StackTips offers free courses on Java, Python, HTML,
JavaScript and CSS.
Enroll in
these free courses and learn a new programming language.
</p>
</div>
</div>
</header>

<div class=" container mb-3">
<div class="row row-cols-1 row-cols-md-3 row-cols-lg-4 g-4 gy-3 mb-5">
{% if courses|length <= 0 %}
<p class="lead my-3 text-muted">No contents found!</p>
Expand Down
18 changes: 16 additions & 2 deletions bloggy/templates/pages/archive/posts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,24 @@
{% spaceless %}
{% load custom_widgets %}
{% block content %}
{% include "partials/category_archive_banner.html" with category=selected_category %}
{% if selected_category %}
{% include "partials/category_archive_banner.html" with category=selected_category %}
{% else %}
<header class="hero py-4 py-lg-5 text-center text-md-start" id="homeIntroSection">
<div class="container">
<div class="col-12 col-lg-7 col-xl-7">
<h1 class="font-sm text-uppercase text-primary">Tutorials</h1>
<h2 class="display-1">Browse from hundreds of development tutorials</h2>
<p class="fs-4 fw-400">Learn from beginner to advanced tutorials on Java, Spring, Python, Android and Git.</p>
</div>
</div>
</header>
{% endif %}


<div class="container">
<div class="row">
<main id="main-content" class="col-12 col-lg-9 py-3 py-lg-4">
<main id="main-content" class="col-12 col-lg-9 pb-3 pb-lg-4">

<div class="d-flex bd-highlight">
{% categories_widget count=99 content_type="post" widget_style="list" %}
Expand Down
24 changes: 13 additions & 11 deletions bloggy/templates/pages/archive/quizzes.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,18 +7,20 @@
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/masonry.pkgd.min.js"
integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D"
crossorigin="anonymous" async></script>
<div class="container">
<div id="homeIntroSection" class="hero py-5" style="max-width: 860px;margin: 0 auto;text-align: center;">
<h1 class="display-1">
Challenge yourself with our<br/><span class="text-gradient text-primary">Interactive Quizzes</span>
</h1>
<p class="lead text-gray-dark">
Test your knowledge and learning progress with our quizzes! Our user-friendly platform

<header class="hero py-4 py-lg-5 text-center text-md-start" id="homeIntroSection">
<div class="container">
<div class="col-12 col-lg-7 col-xl-7">
<h1 class="font-sm text-uppercase text-primary">Quizzes</h1>
<h2 class="display-1">Challenge yourself with our Interactive<span class="text-gradient text-primary"> Quizzes</span></h2>
<p class="fs-4 fw-400">Test your knowledge and learning progress with our quizzes! Our user-friendly platform
and extensive question bank make learning fun and easy. Pick a quiz and jump right in.
</p>
</p>
</div>
</div>
</div>
<div class="container pb-4 d-flexd">
</header>

<div class="container pb-4">
<div class="row row-eq-height archive-grid pb-4" data-masonry='{"percentPosition": true }'>
{% for quiz in quizzes %}
<div class="col-md-3">
Expand All @@ -32,7 +34,7 @@ <h3 class="article-title" style="font-size:1.1rem">
<p class="font-xs text-muted mb-1">{{ quiz.excerpt }}.</p>
</div>

<div class="card-footer ">
<div class="card-footer">
<div class="d-flex justify-content-between py-2">
<small class="card-text text-muted text-uppercase font-xs">
<i class="fa-solid fa-book"></i> {{ quiz.get_questions.count }}
Expand Down
59 changes: 32 additions & 27 deletions bloggy/templates/pages/authors.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,40 +2,45 @@
{% load static %}
{% load custom_widgets %}
{% block content %}
<div class="container pt-5 pb-3">
<div class="text-center mb-5 px-lg-5">
<h1 class="display-1 px-lg-5">Our Authors</h1>
</div>

<header class="hero py-4 py-lg-5 text-center text-md-start" id="homeIntroSection">
<div class="container">
<div class="row">
{% for author in authors %}
<div class="col-lg-3 col-sm-6 author-block">
<div class="px-4 py-4 author-card">
<div class="col-12 col-lg-7 col-xl-7">
<h1 class="font-sm text-uppercase text-primary">Contributors</h1>
<h2 class="display-1">Meet our <span class="text-gradient text-primary">Authors</span></h2>
<p class="fs-4 fw-400">The content on this platform has been enriched by the valuable contributions
from these distinguished contributors. If you are interested in joining our expert author
community, please see the <a class="" href="/contribute">writer's guidelines.</a></p>
</div>
</div>
</header>
<div class="container">
<div class="row row-eq-height archive-grid mb-4">
{% for author in authors %}
<div class="col-md-3">
<div class="card article-card mb-3 text-center">
<div class="card-body px-3 pt-3">
<a href="{% url 'user_profile' username=author.username %}"
class="text-decoration-none"> <img src="{{ author.get_avatar }}"
alt="{{ author.get_full_name }}"
loading="lazy"
class="img-fluid image-rounded-square"
style="box-shadow: 5px 15px 15px rgb(89 152 152 / 5%);border-radius: 50%"
height="auto"
width="100px"></a>
<a href="{% url 'user_profile' username=author.username %}"
class="text-decoration-none">
<img src="{{ author.get_avatar }}"
alt="{{ author.get_full_name }}"
class="img-fluid author-image"
style="box-shadow: 5px 15px 15px rgb(89 152 152 / 5%);">
<h3 class="h3 text-dark mt-3 mt-lg-3">{{ author.get_full_name }}</h3>
</a>

<div class="card-body">
<a href="{% url 'user_profile' username=author.username %}"
class="text-decoration-none">
<h3 class="h2 text-dark mt-3">{{ author.get_full_name }}</h3>
</a>
{% if author.bio %}
<small class=""
style="-webkit-line-clamp:3;line-clamp:3;">{{ author.bio |striptags }}</small>
{% endif %}
</div>

{% include 'partials/user_profile_social_media_links.html' with user=author %}
{% include 'partials/user_profile_social_media_links.html' with userProfile=author cssClass='justify-content-center' %}
{% if author.bio %}
<small class="mb-0"
style="-webkit-line-clamp:3;line-clamp:3;">{{ author.bio |striptags|slice:"0:120" |safe }}.</small>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
</div>
{% endblock %}
55 changes: 27 additions & 28 deletions bloggy/templates/pages/home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,27 +14,28 @@
</div>
{% endif %}

<section id="homeIntroSection" class="container homeIntro">
<div class="hero jumbotron py-lg-5 py-4 px-3 text-center">
<div class="container">
<h1 class="display-1 px-lg-5 fw-bold">
Developer Friendly Way to Learn <span class="text-gradient text-primary">Programming..</span>


<header class="hero py-4 py-lg-5 text-center text-md-start gradient-bg" id="homeIntroSection">
<div class="container">
<div class="col-12 col-lg-7 col-xl-7">
<h1 class="display-1">
Developer Friendly Way to Learn <span class="text-gradient text-primary">Programming!</span>
</h1>
<p class="lead px-lg-5 py-2 fw-600" style="max-width: 900px;margin: 0 auto">
StackTips brings developer-friendly ways to learn programming. With courses, articles, and
<p class="fs-4 fw-400">StackTips brings developer-friendly ways to learn programming. With courses,
articles, and
how-to guides, we aim to teach in the ways developers learn best.
</p>
<a class="btn btn-primary btn-lg mt-3" href="{% url 'login' %}?next={{ request.path }}">Create
free account!</a>
<a class="btn btn-primary btn-lg" href="{% url 'login' %}?next={{ request.path }}">Create free
account!</a>
</div>
</div>
</section>
</header>

<section class="recent-articles py-3">
<section class="recent-articles py-3 mt-3 mt-lg-4">
<div class="container">
<h2 class="mb-4 fw-600">
<span class="text-secondary">&blk14;</span> Recent <span class="text-gradient text-primary">tutorials</span>
</h2>
<div class="section-title mb-4"><h2 class="h1">Recent <span
class="text-gradient text-primary">tutorials</span></h2></div>
<div class="row row-cols-1 row-cols-md-1 row-cols-lg-2 g-3">
{% if posts|length <= 0 %}
<p class="lead my-3 text-muted">No contents found!</p>
Expand All @@ -45,31 +46,29 @@ <h2 class="mb-4 fw-600">
</div>
{% endfor %}
</div>
<div class="text-center mt-5">
<a href="{% url 'posts' %}" class="btn btn-lg btn-primary">View all articles&nbsp;&nbsp<span
class="tag__chevron">&#8594</span></a>
<div class="text-center mt-3 mt-lg-5">
<a href="{% url 'posts' %}" class="btn btn-lg border-2 btn-outline-primary">Browse all tutorials
<i class="fa-solid fa-arrow-right ms-2"></i>
</a>
</div>
</div>
</section>

<section class="hero mt-md-3 mt-lg-5">
<section class="hero my-3 my-lg-5">
{% load static %}
<div class="container py-5">
<h2 class="mb-4 fw-600">
<span class="text-secondary">&blk14;</span> Browse by <span class="text-gradient text-primary">Categories</span>
</h2>
<div class="container mb-3 mb-lg-4">
<div class="section-title mb-5"><h2 class="h1">Browse by <span class="text-gradient text-primary">category</span>
</h2></div>
{% categories_widget count=15 widget_style="home" %}
</div>
</section>

<section class="homeCourses__section my-md-3 my-lg-5">
<section class="homeCourses__section my-3 my-lg-4">
{% load static %}
<div class="container">

<h2 class="mb-4 fw-600">
<span class="text-secondary">&blk14;</span> Free <span
class="text-gradient text-primary">Courses</span>
</h2>
<div class="section-title mb-4"><h2 class="h1">Free <span
class="text-gradient text-primary">courses</span></h2>
</div>
<div class="row row-cols-1 row-cols-md-3 row-cols-lg-4 g-4 gy-3">
{% if courses|length <= 0 %}
<p class="lead my-3 text-muted">No contents found!</p>
Expand Down
10 changes: 5 additions & 5 deletions bloggy/templates/pages/single/course.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,21 +40,21 @@
<div class="relative pb-2">
<div class="d-flex align-items-center">
<div class="flex-grow-1">

<h1 class="post-title display-2 fw-700 mt-0 mb-2">{{ course.title }}</h1>
<p class="lead fw-500 pt-0 mb-2">{{ course.excerpt }}</p>
<p class="text-muted my-2">
<small class="text-muted text-uppercase fw-bold" style="font-size:0.7rem">
<small class="text-muted text-uppercase fw-500" style="font-size:0.7rem">
<i class="fa-solid fa-book"></i> {{ lessons_list.count }} Lessons
</small>
<span class="meta-seperator px-2"></span>

{% with course.category as category %}
<small class="text-muted text-uppercase pe-1" style="font-size:0.7rem;"><i class="fa-solid fa-tag"></i></small>
<a class="text-decoration-none text-reset link-primary fw-bold"
<small class="text-muted text-uppercase pe-1" style="font-size:0.7rem;"><i
class="fa-solid fa-tag"></i></small>
<a class="text-decoration-none text-reset link-primary fw-500"
style="z-index:999;position:relative"
href="{% url 'categories_single' slug=category.slug %}">
<small class="d-inline-block mb-1 text-primary text-uppercase fw-bold"
<small class="d-inline-block mb-1 text-primary text-uppercase fw-500"
style="font-size:0.7rem;">{{ category.title }}</small>
</a>
{% endwith %}
Expand Down
4 changes: 2 additions & 2 deletions bloggy/templates/pages/single/lesson.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,8 +27,8 @@
{% endif %}

<div class="relative">
<h1 class="display-2 fw-700"
style="line-height: 1.2;letter-spacing: -0.04rem">{{ post.title }}</h1>
<h1 class="display-2 fw-700" style="line-height: 1.2;letter-spacing: -0.04rem">{{ post.title }}</h1>
<div class="mb-2"><em><small class="text-muted font-xs text-uppercase fw-400">Last Updated: {{ course.updated_date|date:"M d, Y" }}</small></em></div>

{% if post.thumbnail and post.template_type == "cover" %}
<div class="article-single-thumbnails my-4">
Expand Down
2 changes: 1 addition & 1 deletion bloggy/templates/pages/user_profile.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ <h1 class="h2 my-3">{{ userProfile.username }}</h1>
{% endif %}

<div class="pt-1">
{% include 'partials/user_profile_social_media_links.html' with user=user %}
{% include 'partials/user_profile_social_media_links.html' with userProfile=user %}
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit 0f1013f

Please sign in to comment.