Skip to content

11083926_DCIT_205_Assignment_1 #332

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Ekow-Davis wants to merge 18 commits into
base: main
Choose a base branch
from
Open

11083926_DCIT_205_Assignment_1 #332

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
db0b156
First Commit
Ekow-Davis Dec 15, 2023
d605756
Editted
Ekow-Davis Dec 15, 2023
9006e7f
Edit
Ekow-Davis Dec 15, 2023
db5229b
Second Commit
Ekow-Davis Dec 15, 2023
7c01246
CommitCheck
Ekow-Davis Dec 15, 2023
fcb82e8
BesidesBackground
Ekow-Davis Dec 15, 2023
351d463
set one
Ekow-Davis Dec 15, 2023
47361dd
renamed
Ekow-Davis Dec 15, 2023
e613aa6
redone
Ekow-Davis Dec 15, 2023
8cb7ad4
proper
Ekow-Davis Dec 15, 2023
8058981
Change
Ekow-Davis Dec 15, 2023
7a8f1ab
Instroctor
Ekow-Davis Dec 15, 2023
9724431
Dashboard
Ekow-Davis Dec 15, 2023
3798908
Additions
Ekow-Davis Dec 15, 2023
66732e8
Change2
Ekow-Davis Dec 15, 2023
d1590df
Final
Ekow-Davis Dec 15, 2023
e24b2ed
Missing
Ekow-Davis Dec 15, 2023
4df7efd
background
Ekow-Davis Dec 15, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added BlankProfile.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
496 changes: 496 additions & 0 deletions Dashboard.css
View file
Open in desktop

Large diffs are not rendered by default.

250 changes: 250 additions & 0 deletions Dashboard.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,250 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"
content="IE=edge">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>GeeksForGeeks</title>
<link rel="stylesheet"
href="Dashboard.css">
</head>

<body>

<header>

<div class="logosec">
<div class="logo">Logo</div>
<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210182541/Untitled-design-(30).png"
class="icn menuicn"
id="menuicn"
alt="menu-icon">
</div>

<div class="searchbar">
<input type="text"
placeholder="Search">
<div class="searchbtn">
<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210180758/Untitled-design-(28).png"
class="icn srchicn"
alt="search-icon">
</div>
</div>

<div class="message">
<div class="circle"></div>
<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210183322/8.png"
class="icn"
alt="">
<div class="dp">
<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210180014/profile-removebg-preview.png"
class="dpicn"
alt="dp">
</div>
</div>

</header>

<div class="main-container">
<div class="navcontainer">
<nav class="nav">
<div class="nav-upper-options">
<div class="nav-option option1">
<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210182148/Untitled-design-(29).png"
class="nav-img"
alt="dashboard">
<h3> Dashboard</h3>
</div>

<div class="option2 nav-option">
<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210183322/9.png"
class="nav-img"
alt="articles">
<h3> Articles</h3>
</div>

<div class="nav-option option3">
<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210183320/5.png"
class="nav-img"
alt="report">
<h3> Report</h3>
</div>

<div class="nav-option option4">
<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210183321/6.png"
class="nav-img"
alt="institution">
<h3> Institution</h3>
</div>

<div class="nav-option option5">
<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210183323/10.png"
class="nav-img"
alt="blog">
<h3> Profile</h3>
</div>

<div class="nav-option option6">
<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210183320/4.png"
class="nav-img"
alt="settings">
<h3> Settings</h3>
</div>

<div class="nav-option logout">
<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210183321/7.png"
class="nav-img"
alt="logout">
<h3>Logout</h3>
</div>

</div>
</nav>
</div>
<div class="main">

<div class="searchbar2">
<input type="text"
name=""
id=""
placeholder="Search">
<div class="searchbtn">
<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210180758/Untitled-design-(28).png"
class="icn srchicn"
alt="search-button">
</div>
</div>

<div class="box-container">

<div class="box box1">
<div class="text">
<h2 class="topic-heading">60.5k</h2>
<h2 class="topic">Article Views</h2>
</div>

<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210184645/Untitled-design-(31).png"
alt="Views">
</div>

<div class="box box2">
<div class="text">
<h2 class="topic-heading">150</h2>
<h2 class="topic">Likes</h2>
</div>

<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210185030/14.png"
alt="likes">
</div>

<div class="box box3">
<div class="text">
<h2 class="topic-heading">320</h2>
<h2 class="topic">Comments</h2>
</div>

<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210184645/Untitled-design-(32).png"
alt="comments">
</div>

<div class="box box4">
<div class="text">
<h2 class="topic-heading">70</h2>
<h2 class="topic">Published</h2>
</div>

<img src= "https://media.geeksforgeeks.org/wp-content/uploads/20221210185029/13.png" alt="published">
</div>
</div>

<div class="report-container">
<div class="report-header">
<h1 class="recent-Articles">Recent Articles</h1>
<button class="view">View All</button>
</div>

<div class="report-body">
<div class="report-topic-heading">
<h3 class="t-op">Article</h3>
<h3 class="t-op">Views</h3>
<h3 class="t-op">Comments</h3>
<h3 class="t-op">Status</h3>
</div>

<div class="items">
<div class="item1">
<h3 class="t-op-nextlvl">Article 73</h3>
<h3 class="t-op-nextlvl">2.9k</h3>
<h3 class="t-op-nextlvl">210</h3>
<h3 class="t-op-nextlvl label-tag">Published</h3>
</div>

<div class="item1">
<h3 class="t-op-nextlvl">Article 72</h3>
<h3 class="t-op-nextlvl">1.5k</h3>
<h3 class="t-op-nextlvl">360</h3>
<h3 class="t-op-nextlvl label-tag">Published</h3>
</div>

<div class="item1">
<h3 class="t-op-nextlvl">Article 71</h3>
<h3 class="t-op-nextlvl">1.1k</h3>
<h3 class="t-op-nextlvl">150</h3>
<h3 class="t-op-nextlvl label-tag">Published</h3>
</div>

<div class="item1">
<h3 class="t-op-nextlvl">Article 70</h3>
<h3 class="t-op-nextlvl">1.2k</h3>
<h3 class="t-op-nextlvl">420</h3>
<h3 class="t-op-nextlvl label-tag">Published</h3>
</div>

<div class="item1">
<h3 class="t-op-nextlvl">Article 69</h3>
<h3 class="t-op-nextlvl">2.6k</h3>
<h3 class="t-op-nextlvl">190</h3>
<h3 class="t-op-nextlvl label-tag">Published</h3>
</div>

<div class="item1">
<h3 class="t-op-nextlvl">Article 68</h3>
<h3 class="t-op-nextlvl">1.9k</h3>
<h3 class="t-op-nextlvl">390</h3>
<h3 class="t-op-nextlvl label-tag">Published</h3>
</div>

<div class="item1">
<h3 class="t-op-nextlvl">Article 67</h3>
<h3 class="t-op-nextlvl">1.2k</h3>
<h3 class="t-op-nextlvl">580</h3>
<h3 class="t-op-nextlvl label-tag">Published</h3>
</div>

<div class="item1">
<h3 class="t-op-nextlvl">Article 66</h3>
<h3 class="t-op-nextlvl">3.6k</h3>
<h3 class="t-op-nextlvl">160</h3>
<h3 class="t-op-nextlvl label-tag">Published</h3>
</div>

<div class="item1">
<h3 class="t-op-nextlvl">Article 65</h3>
<h3 class="t-op-nextlvl">1.3k</h3>
<h3 class="t-op-nextlvl">220</h3>
<h3 class="t-op-nextlvl label-tag">Published</h3>
</div>

</div>
</div>
</div>
</div>
</div>

<script src="C:\Users\ekowd\OneDrive\Desktop\output\11083926_DCIT205_Assignment1\11083926_DCIT205_Assignment1\Dashboard.js"></script>
</body>
</html>
6 changes: 6 additions & 0 deletions Dashboard.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
let menuicn = document.querySelector(".menuicn");
let nav = document.querySelector(".navcontainer");

menuicn.addEventListener("click", () => {
nav.classList.toggle("navclose");
})
10 changes: 10 additions & 0 deletions GradePage.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<title>Grades Page</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>
</html>
Loading