diff --git a/README.md b/templates/student-dashboard/README.md similarity index 100% rename from README.md rename to templates/student-dashboard/README.md diff --git a/templates/student-dashboard/assets/avatars/1.png b/templates/student-dashboard/assets/avatars/1.png new file mode 100644 index 0000000..e738f32 Binary files /dev/null and b/templates/student-dashboard/assets/avatars/1.png differ diff --git a/templates/student-dashboard/assets/avatars/21.png b/templates/student-dashboard/assets/avatars/21.png new file mode 100644 index 0000000..db1a118 Binary files /dev/null and b/templates/student-dashboard/assets/avatars/21.png differ diff --git a/templates/student-dashboard/assets/avatars/57.png b/templates/student-dashboard/assets/avatars/57.png new file mode 100644 index 0000000..1d9940b Binary files /dev/null and b/templates/student-dashboard/assets/avatars/57.png differ diff --git a/templates/student-dashboard/assets/avatars/74.png b/templates/student-dashboard/assets/avatars/74.png new file mode 100644 index 0000000..4478661 Binary files /dev/null and b/templates/student-dashboard/assets/avatars/74.png differ diff --git a/templates/student-dashboard/assets/icons/account-group.svg b/templates/student-dashboard/assets/icons/account-group.svg new file mode 100644 index 0000000..01159f5 --- /dev/null +++ b/templates/student-dashboard/assets/icons/account-group.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/account-school-outline.svg b/templates/student-dashboard/assets/icons/account-school-outline.svg new file mode 100644 index 0000000..607ef73 --- /dev/null +++ b/templates/student-dashboard/assets/icons/account-school-outline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/account.svg b/templates/student-dashboard/assets/icons/account.svg new file mode 100644 index 0000000..2aa865d --- /dev/null +++ b/templates/student-dashboard/assets/icons/account.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/bell-ring.svg b/templates/student-dashboard/assets/icons/bell-ring.svg new file mode 100644 index 0000000..e021af7 --- /dev/null +++ b/templates/student-dashboard/assets/icons/bell-ring.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/cog.svg b/templates/student-dashboard/assets/icons/cog.svg new file mode 100644 index 0000000..3db1464 --- /dev/null +++ b/templates/student-dashboard/assets/icons/cog.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/eye-plus-outline.svg b/templates/student-dashboard/assets/icons/eye-plus-outline.svg new file mode 100644 index 0000000..b3b8673 --- /dev/null +++ b/templates/student-dashboard/assets/icons/eye-plus-outline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/face-agent.svg b/templates/student-dashboard/assets/icons/face-agent.svg new file mode 100644 index 0000000..86500b0 --- /dev/null +++ b/templates/student-dashboard/assets/icons/face-agent.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/file-multiple.svg b/templates/student-dashboard/assets/icons/file-multiple.svg new file mode 100644 index 0000000..e4a8144 --- /dev/null +++ b/templates/student-dashboard/assets/icons/file-multiple.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/history.svg b/templates/student-dashboard/assets/icons/history.svg new file mode 100644 index 0000000..20c490c --- /dev/null +++ b/templates/student-dashboard/assets/icons/history.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/home.svg b/templates/student-dashboard/assets/icons/home.svg new file mode 100644 index 0000000..ccee5c3 --- /dev/null +++ b/templates/student-dashboard/assets/icons/home.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/lock.svg b/templates/student-dashboard/assets/icons/lock.svg new file mode 100644 index 0000000..5c0eb3f --- /dev/null +++ b/templates/student-dashboard/assets/icons/lock.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/logout.svg b/templates/student-dashboard/assets/icons/logout.svg new file mode 100644 index 0000000..fa1572d --- /dev/null +++ b/templates/student-dashboard/assets/icons/logout.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/magnify.svg b/templates/student-dashboard/assets/icons/magnify.svg new file mode 100644 index 0000000..a37f3ad --- /dev/null +++ b/templates/student-dashboard/assets/icons/magnify.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/message-processing.svg b/templates/student-dashboard/assets/icons/message-processing.svg new file mode 100644 index 0000000..bcfbd50 --- /dev/null +++ b/templates/student-dashboard/assets/icons/message-processing.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/message-reply-text-outline.svg b/templates/student-dashboard/assets/icons/message-reply-text-outline.svg new file mode 100644 index 0000000..e23e23e --- /dev/null +++ b/templates/student-dashboard/assets/icons/message-reply-text-outline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/share-variant.svg b/templates/student-dashboard/assets/icons/share-variant.svg new file mode 100644 index 0000000..99166ee --- /dev/null +++ b/templates/student-dashboard/assets/icons/share-variant.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/star-plus-outline.svg b/templates/student-dashboard/assets/icons/star-plus-outline.svg new file mode 100644 index 0000000..af51033 --- /dev/null +++ b/templates/student-dashboard/assets/icons/star-plus-outline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/view-dashboard-variant.svg b/templates/student-dashboard/assets/icons/view-dashboard-variant.svg new file mode 100644 index 0000000..296e2c0 --- /dev/null +++ b/templates/student-dashboard/assets/icons/view-dashboard-variant.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/icons/view-dashboard.svg b/templates/student-dashboard/assets/icons/view-dashboard.svg new file mode 100644 index 0000000..08241f6 --- /dev/null +++ b/templates/student-dashboard/assets/icons/view-dashboard.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/student-dashboard/assets/images/Download premium png of PNG Footwear standing portrait reading transparent background by Ketsarin about student cartoon, black student, student png, 3d student, and reading book cartoon 12103184.jpeg b/templates/student-dashboard/assets/images/Download premium png of PNG Footwear standing portrait reading transparent background by Ketsarin about student cartoon, black student, student png, 3d student, and reading book cartoon 12103184.jpeg new file mode 100644 index 0000000..d0ac7f9 Binary files /dev/null and b/templates/student-dashboard/assets/images/Download premium png of PNG Footwear standing portrait reading transparent background by Ketsarin about student cartoon, black student, student png, 3d student, and reading book cartoon 12103184.jpeg differ diff --git a/templates/student-dashboard/assets/images/Screenshot from 2024-12-07 11-47-43.png b/templates/student-dashboard/assets/images/Screenshot from 2024-12-07 11-47-43.png new file mode 100644 index 0000000..8694cd8 Binary files /dev/null and b/templates/student-dashboard/assets/images/Screenshot from 2024-12-07 11-47-43.png differ diff --git a/templates/student-dashboard/assets/images/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTA4L3Jhd3BpeGVsb2ZmaWNlM18zZF9yZW5kZXJfY2hhcmFjdGVyX29mX2FfYmxhY2tfc3R1ZGVudF9jYXJ0b29uX180ZDY5MmRiZi0xOGEwLTQ1MjUtODMyZC05MmFhOWMwYzhjNmMucG5n.webp b/templates/student-dashboard/assets/images/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTA4L3Jhd3BpeGVsb2ZmaWNlM18zZF9yZW5kZXJfY2hhcmFjdGVyX29mX2FfYmxhY2tfc3R1ZGVudF9jYXJ0b29uX180ZDY5MmRiZi0xOGEwLTQ1MjUtODMyZC05MmFhOWMwYzhjNmMucG5n.webp new file mode 100644 index 0000000..45c1658 Binary files /dev/null and b/templates/student-dashboard/assets/images/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTA4L3Jhd3BpeGVsb2ZmaWNlM18zZF9yZW5kZXJfY2hhcmFjdGVyX29mX2FfYmxhY2tfc3R1ZGVudF9jYXJ0b29uX180ZDY5MmRiZi0xOGEwLTQ1MjUtODMyZC05MmFhOWMwYzhjNmMucG5n.webp differ diff --git a/templates/student-dashboard/assets/images/pngwing.com.png b/templates/student-dashboard/assets/images/pngwing.com.png new file mode 100644 index 0000000..a98803c Binary files /dev/null and b/templates/student-dashboard/assets/images/pngwing.com.png differ diff --git a/templates/student-dashboard/script.js b/templates/student-dashboard/script.js new file mode 100644 index 0000000..e69de29 diff --git a/templates/student-dashboard/student-dasboard.html b/templates/student-dashboard/student-dasboard.html new file mode 100644 index 0000000..1097b7a --- /dev/null +++ b/templates/student-dashboard/student-dasboard.html @@ -0,0 +1,129 @@ + + + + + + + Document + + +
+
+
+
+
+ +
+
+ +
+
+
+

December 6, 2024

+
+

Welcome back, John

+

how are you feeling today?

+
+
+
+ student +
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+

review a peer

+
+

FORM REVIEW AREA

+
+
+
+
+

Peers

+
+ + +
Johanan +
+ + + +
Kusi +
+ + + +
Fred +
+ +
+
+
+

Review History

+
+
    +
  • +

    You reviewed Thomas.

    +
    + June 4 +
    +
    • +
  • +

    Jankson reviewed You.

    +
    + June 2 +
    +
    • +
  • +

    You reviewed Eric.

    +
    + June 1 +
    +
    • +
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/templates/student-dashboard/styles.css b/templates/student-dashboard/styles.css new file mode 100644 index 0000000..6ca73b0 --- /dev/null +++ b/templates/student-dashboard/styles.css @@ -0,0 +1,241 @@ +* { + box-sizing: border-box; + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; +} + +body { + height: 100vh; + width: 80%; + background-color: #F5F5F5; + margin: 0 auto; +} + +.container { + display: grid; + grid-template-columns: 1fr 4fr; + grid-template-rows: 1.5fr 4fr; + height: inherit; + padding: 20px 20px; + gap: 10px; +} + +.header { + display: grid; + grid-template-rows: auto 5fr; + grid-column: 2 / 4; + grid-row: 1 / 2; + gap: 20px; +} + +.sidebar { + grid-column: 1 / 2; + grid-row: 1 / -1; + display: grid; + grid-template-rows: 1fr 5fr; + background-image: linear-gradient(rgb(139, 109, 222), rgb(110, 71, 218)); + border-radius: 30px; + justify-content: center; + padding: 30px; + width: 80%; + color: white; + +} + +.content { + +} + +/* upper-panel styling */ +.header-upper-panel { + display: grid; + grid-template-columns: 3fr 2fr; + height: fit-content; +} + +.search-bar form { + width: 50%; + height: 80%; + display: flex; + flex-direction: row; + border-radius: 8px; + align-items: center; + border-radius: 30px; + background-color: #FFFFFF; + padding: 10px; + box-shadow: 0 4px 8px 0 #F5F5F5; +} + +.search-bar form input { + all: unset; + height: 100%; + width: 100%; + padding: 6px 10px; +} + +.user-profile-content ul { + display: grid; + grid-template-columns: 2fr 1fr; + justify-content: center; + align-items: center; + gap: 20px; +} + +.user-profile-content ul { + list-style-type: none; + margin: 0; +} + +li a { + display: grid; + grid-template-columns: auto 1fr; + align-items: center; + text-decoration: none; + color: currentColor; + gap: 1rem; + +} + +.user { + display: grid; + grid-template-columns: 1fr; + justify-content: center; + align-items: center; +} + +.avatar-s { + height: 50px; + width: 50px; +} + +.header-greeting-panel { + display: grid; + grid-template-columns: 1fr 1fr; + background-image: linear-gradient(to right, rgb(110, 71, 218), rgb(139, 109, 222)); + height: 100%; + width: 100%; + border-radius: 30px; +} +/* content styles */ +.content { + display: grid; + grid-template-columns: 3fr 1fr; + gap: 30px; +} + +.review-section { + display: grid; + grid-template-rows: auto 1fr; +} + +.peer-info { + display: grid; + grid-template-rows: auto 1fr; +} + +/* sidebar styling */ +.student-logo { + background-color: rgb(110, 71, 218); + display: flex; + width: 60%; + justify-content: center; + align-items: center; + border-radius: 30px; +} +.filter-white { + filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(359deg) brightness(102%) contrast(101%); +} + +.b-icon { + height: 80%; + width: 80%; +} + +.sidebar-head { + display: flex; + justify-content: center; + align-items: center; + align-self: self-start; +} + +.nav-icon { + float: left; + height: 30px; + width: 30px; +} + +.sidebar a { + display: flex; + align-items: center; + justify-content: start; + gap: 1em; +} + +.sidebar ul { + display: flex; + flex-direction: column; + justify-content: space-evenly; + list-style: none; + padding: 0; + margin: 30px 0; +} + +.sidebar li { + margin: 10px; +} + +/* header greeting panel styles */ +.header-greeting-panel .text-section { + display: flex; + flex-direction: column; + padding: 20px 40px; + justify-content: space-between; + color: white; +} + +.header-greeting-panel > .image-section { + display: grid; + grid-template-columns: auto; + justify-content: center; + padding-right: 40px; +} +img[src$="pngwing.com.png"] { + height: 250px; +} + +/* styling for main content */ +.peers-profiles { + display: flex; + align-items: center; + gap: 10px; + align-self: flex-start; +} +.peers-profiles a { + display: flex; + flex-direction: column; + gap: 10px; + text-decoration: none; + color: currentColor; + justify-content: center; + align-items: center; +} + +img[src*="avatar"] { + border: 2px solid rgb(110, 71, 218); + border-radius: 50px; +} + +.past-reviews { + border: 4px solid rgb(110, 71, 218); + border-radius: 20px; + +} + +.past-reviews li { + list-style: "~ "; +} + +.review-form { + border: 4px solid rgb(110, 71, 218); + height: 100%; + width: 100%; +} \ No newline at end of file