- {% set avatar_class = "avatar-large" if not dimension_class else "avatar-xl"%}
+ {% set avatar_class = "avatar-large" if not dimension_class else "avatar-large"%}
{{ widgets.Avatar(member=member, avatar_class=avatar_class) }}
{{ member.full_name }}
diff --git a/community/overrides/user.py b/community/overrides/user.py
index 8588a350..91cd5abd 100644
--- a/community/overrides/user.py
+++ b/community/overrides/user.py
@@ -59,3 +59,12 @@ class CustomUser(User):
filters["member_type"] = member_type
return frappe.get_all("LMS Batch Membership", filters, ["name", "course"])
+
+ def get_mentored_courses(self):
+ """ Returns all courses mentored by this user """
+ return frappe.get_all("LMS Course Mentor Mapping",
+ {
+ "mentor": self.name
+ },
+ ["name", "course"]
+ )
diff --git a/community/public/css/style.css b/community/public/css/style.css
index 9e60ccd6..77664d71 100644
--- a/community/public/css/style.css
+++ b/community/public/css/style.css
@@ -304,6 +304,11 @@ input[type=checkbox] {
height: 45px;
}
+@media (max-width: 360px) {
+ .course-card-title {
+ font-size: 14px;
+ }
+}
.card-divider {
border: 1px solid #F4F5F6;
margin-bottom: 16px;
@@ -863,11 +868,30 @@ div.custom-checkbox>label>input:checked+img {
margin: 0;
}
-.avatar-xl {
+.avatar-large {
width: 88px;
height: 88px;
}
+.avatar-xl {
+ width: 112px;
+ height: 112px;
+}
+
+@media (max-width: 500px) {
+ .avatar-xl {
+ width: 88px;
+ height: 88px;
+ }
+}
+
+@media (max-width: 375px) {
+ .avatar-xl {
+ width: 50px;
+ height: 50px;
+ }
+}
+
.description-card {
padding: 24px;
flex-direction: column;
@@ -1067,25 +1091,148 @@ div.custom-checkbox>label>input:checked+img {
font-weight: bold;
}
-.lesson-progress-tick {
- width: 16px;
- height: 16px;
- background: #4C5A67;
- border-radius: 2px;
- padding: 2px;
- margin: 0px 4px 4px;
+.profile-page {
+ max-width: 1150px;
+ margin: 0 auto;
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+.profile-banner {
+ width: 100%;
+ height: 248px;
+ border-radius: 12px 12px 0px 0px;
+}
+
+@media (max-width: 500px) {
+ .profile-banner {
+ height: 150px;
+ }
+}
+
+.profile-info {
+ height: 68px;
+ background: #ffffff;
+ border-radius: 0px 0px 12px 12px;
+}
+
+.profile-avatar {
+ position: relative;
+ top: 188px;
+ left: 40px;
+ display: flex;
+}
+
+@media (max-width: 500px) {
+ .profile-avatar {
+ top: 95px;
+ left: 10px;
+ }
+}
+
+@media (max-width: 375px) {
+ .profile-avatar {
+ top: 120px;
+ left: 10px;
+ }
+}
+
+.profile-name {
+ color: #FFFFFF;
+ font-weight: 600;
+ font-size: 22px;
+ line-height: 156%;
+ letter-spacing: -0.0175em;
+ text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.64);
+ padding: 20px;
+}
+
+@media (max-width: 375px) {
+ .profile-name {
+ font-size: 16px;
+ padding: 5px;
+ }
+}
+
+.creator-badge {
+ background: #48BB74;
+ padding: 4px 6px;
+ color: #ffffff;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 10px;
+ line-height: 120%;
+ text-align: center;
+ letter-spacing: 0.011em;
+ text-transform: uppercase;
+ height: fit-content;
+ box-shadow: 0px 1px 1px rgb(0 0 0 / 16%);
+ border-radius: 4px;
+ margin-top: 25px;
+}
+
+@media (max-width: 375px) {
+ .creator-badge {
+ font-size: 8px;
+ margin: 8px 0px 0px;
+ }
+}
+
+.profile-profession {
+ position: relative;
+ top: 16px;
+ left: 174px;
+ font-size: 12px;
+ line-height: 165%;
+}
+
+@media (max-width: 500px) {
+ .profile-profession {
+ top: 10px;
+ left: 120px;
+ }
+}
+
+@media (max-width: 375px) {
+ .profile-profession {
+ top: 5px;
+ left: 70px;
+ }
+}
+
+.social-icons {
+ float: right;
+ margin: 16px;
+}
+
+@media (max-width: 500px) {
+ .social-icons {
+ margin: 10px;
+ }
+}
+
+@media (max-width: 375px) {
+ .social-icons {
+ margin: 5px;
+ }
}
.profile-courses {
margin-top: 3rem;
}
-@media (max-width: 375px) {
+@media (max-width: 500px) {
.profile-courses {
padding: 0px 24px 0px;
}
}
+@media (max-width: 360px) {
+ .profile-courses {
+ padding: 0px 10px 0px;
+ }
+}
+
.progress-text {
font-size: 12px;
line-height: 165%;
@@ -1117,9 +1264,9 @@ div.custom-checkbox>label>input:checked+img {
}
}
-@media (max-width: 375px) {
+@media (max-width: 600px) {
.progress-card {
- width: 312px;
+ width: 100%;
}
}
diff --git a/community/public/icons/github.svg b/community/public/icons/github.svg
new file mode 100644
index 00000000..f946cae0
--- /dev/null
+++ b/community/public/icons/github.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/community/public/icons/medium.svg b/community/public/icons/medium.svg
new file mode 100644
index 00000000..df87d2cc
--- /dev/null
+++ b/community/public/icons/medium.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/community/public/images/linkedin.png b/community/public/images/linkedin.png
new file mode 100644
index 00000000..89d8ab50
Binary files /dev/null and b/community/public/images/linkedin.png differ
diff --git a/community/public/images/profile-banner.png b/community/public/images/profile-banner.png
new file mode 100644
index 00000000..5d9443ba
Binary files /dev/null and b/community/public/images/profile-banner.png differ
diff --git a/community/www/courses/index.html b/community/www/courses/index.html
index a1f74536..a41343c3 100644
--- a/community/www/courses/index.html
+++ b/community/www/courses/index.html
@@ -22,16 +22,3 @@
{% endif %}
diff --git a/community/lms/widgets/CourseCard.html b/community/lms/widgets/CourseCard.html
index b45246bf..ba0250ee 100644
--- a/community/lms/widgets/CourseCard.html
+++ b/community/lms/widgets/CourseCard.html
@@ -29,12 +29,21 @@
{{ course.get_instructor().full_name }}
- {% if course.get_students() | length %}
- 
- {{ course.get_students() | length }}
+ {% if course.get_students() | length %}
+
+ 
+ {{ avg_rating }}
+
+ {% endif %}
- {% endif %}
{% set membership = course.get_membership(frappe.session.user) %}
@@ -61,3 +70,13 @@
{% endif %}
+
diff --git a/community/lms/widgets/MemberCard.html b/community/lms/widgets/MemberCard.html
index 0ecc2d72..d780eb34 100644
--- a/community/lms/widgets/MemberCard.html
+++ b/community/lms/widgets/MemberCard.html
@@ -1,5 +1,5 @@
+ 
+ 
+