Skip to content

Commit

Permalink
as
Browse files Browse the repository at this point in the history
  • Loading branch information
@imswarnil
imswarnil authored Feb 20, 2025
1 parent 4024686 commit e7933ee
Show file tree
Hide file tree
Showing 2 changed files with 110 additions and 77 deletions.
139 changes: 73 additions & 66 deletions _layouts/resource.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,83 +2,90 @@
layout: default
---

{% if page.resource_type %}
<!-- SINGLE RESOURCE PAGE -->
<section class="section">
<div class="container">
<div class="columns is-vcentered mb-6">
<div class="column is-2">
<figure class="image is-128x128">
<img src="{{ page.image }}" alt="{{ page.title }}">
</figure>
<section class="section">
<div class="container">
<!-- Resource Header -->
<div class="columns is-vcentered mb-6">
<div class="column is-2">
<figure class="image is-128x128">
<img src="{{ page.image }}" alt="{{ page.title }}">
</figure>
</div>
<div class="column">
<h1 class="title is-2">{{ page.title }}</h1>
<div class="tags">
<span class="tag is-primary">{{ page.difficulty | capitalize }}</span>
<span class="tag is-info">{{ page.type | capitalize }}</span>
<span class="tag is-success">{{ page.price | capitalize }}</span>
</div>
<div class="column">
<h1 class="title is-2">{{ page.title }}</h1>
<div class="tags">
<span class="tag is-primary">{{ page.difficulty }}</span>
<span class="tag is-info">{{ page.resource_type | capitalize }}</span>
<span class="tag {% if page.price == 'Free' %}is-success{% else %}is-danger{% endif %}">{{ page.price }}</span>
<p class="subtitle is-5">Created by {{ page.author }}</p>
</div>
</div>

<!-- Resource Content -->
<div class="columns">
<div class="column is-8">
<div class="box">
<h2 class="title is-4">Introduction</h2>
<div class="content">
<p>{{ page.description }}</p>
</div>
<p class="subtitle is-5">By {{ page.author }}</p>
</div>
</div>

<div class="content">
<p>{{ page.description }}</p>
<a href="{{ page.source_url }}" class="button is-primary">View Resource</a>
</div>
</div>
</section>
{% else %}
<!-- RESOURCE LISTING PAGE -->
<section class="section">
<div class="container">
<div class="columns">
<!-- Sidebar Filters -->
<div class="column is-3">
{% include resources/filters.html %}
<div class="box">
<h2 class="title is-4">How to Use</h2>
<div class="content">
<ol>
<li>Start with the introduction module</li>
<li>Complete each lesson sequentially</li>
<li>Practice with provided exercises</li>
<li>Complete the projects at the end of each section</li>
</ol>
</div>
</div>

<!-- Main Resource Listing -->
<div class="column">
<div class="columns is-multiline" id="resource-list">
{% for resource in site.resources %}
<div class="column is-6 resource-card" data-type="{{ resource.resource_type }}" data-topic="{{ resource.topic }}" data-price="{{ resource.price }}">
{% include resources/card.html resource=resource %}
</div>
<div class="box">
<h2 class="title is-4">Course Content</h2>
<div class="content">
{% for module in page.course_content %}
<h3 class="title is-5">{{ module.module }}</h3>
<ul>
{% for topic in module.topics %}
<li>{{ topic }}</li>
{% endfor %}
</ul>
{% endfor %}
</div>
</div>
</div>
</div>
</section>
{% endif %}

<script>
<div class="card">
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-48x48">
<img src="{{ include.resource.image }}" alt="{{ include.resource.title }}">
</figure>
</div>
<div class="media-content">
<p class="title is-4">
<a href="{{ include.resource.url }}">{{ include.resource.title }}</a>
</p>
<p class="subtitle is-6">{{ include.resource.topic }}</p>
</div>
</div>
<div class="content">
{{ include.resource.description | truncate: 100 }}
<div class="tags mt-2">
<span class="tag is-primary">{{ include.resource.difficulty }}</span>
<span class="tag is-info">{{ include.resource.resource_type }}</span>
<span class="tag {% if include.resource.price == 'Free' %}is-success{% else %}is-danger{% endif %}">{{ include.resource.price }}</span>
<!-- Sidebar -->
<div class="column is-4">
<div class="box">
<h3 class="title is-4">Navigation</h3>
<aside class="menu">
<ul class="menu-list">
{% for nav in page.navigation %}
<li><a href="{{ nav.link }}">{{ nav.label }}</a></li>
{% endfor %}
</ul>
</aside>
</div>

<div class="box">
<h3 class="title is-4">Resource Links</h3>
<div class="buttons">
{% for link in page.resource_links %}
<a href="{{ link.url }}" class="button is-fullwidth">
<span class="icon">
<i class="{{ link.icon }}"></i>
</span>
<span>{{ link.label }}</span>
</a>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>

</script>
</section>
48 changes: 37 additions & 11 deletions resources/python-guide.md
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,40 @@
---
title: "Python Guide for Beginners"
resource_type: "book"
topic: "Programming"
difficulty: "Beginner"
price: "Free"
author: "John Doe"
image: "https://cdn-icons-png.flaticon.com/512/5109/5109515.png"
description: "An essential guide to learning Python from scratch."
source_url: "https://example.com"
layout: resource
title: "Python Basics"
type: "course"
difficulty: "beginner"
price: "free"
author: "John Doe"
image: "https://bulma.io/images/placeholders/128x128.png"
description: "Learn Python programming from scratch with this comprehensive course designed for beginners. This course covers all the fundamental concepts you need to start programming in Python."
permalink: /resources/python-basics/
resource_links:
- label: "Visit Website"
url: "#"
icon: "fas fa-external-link-alt"
- label: "View Source"
url: "#"
icon: "fab fa-github"
course_content:
- module: "Module 1: Getting Started"
topics:
- "Setting up Python"
- "Basic syntax"
- "Variables and data types"
- module: "Module 2: Control Flow"
topics:
- "Conditional statements"
- "Loops"
- "Functions"
navigation:
- label: "Introduction"
link: "#introduction"
- label: "Getting Started"
link: "#getting-started"
- label: "Basic Concepts"
link: "#basic-concepts"
- label: "Advanced Topics"
link: "#advanced-topics"
- label: "Projects"
link: "#projects"
---

Some Data Here

0 comments on commit e7933ee

Please sign in to comment.