Skip to content

Commit

Permalink
added a few more features to some pages
Browse files Browse the repository at this point in the history
  • Loading branch information
Eunice Dickson committed Nov 28, 2023
1 parent fba07d1 commit e716bac
Show file tree
Hide file tree
Showing 14 changed files with 450 additions and 73 deletions.
13 changes: 13 additions & 0 deletions .hintrc
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
{
"extends": [
"development"
],
"hints": {
"axe/structure": [
"default",
{
"list": "off"
}
]
}
}
30 changes: 30 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
# DCIT_205_IA

## Introduction

This project is my DCIT205 IA which is to create a simple 10-page website that is user-friendly and navigable. My project was mainly based on HTML and CSS with a little JavaScript. The website is a very basic one which I intend on improving overtime as I improve my skills. The website allows users to view details about the Computer Science department of the University of Ghana, reach out to the department as well as receive updates from the department.

### Cloning and Setting Up the Project

You begin by forking the repository created for the project; <https://github.com/Daquiver1/DCIT_205_IA>

To clone this project, you can use the following command:
First to the desired directory where they'll be working
cd studentid_DCIT205
git clone <https://github.com/Daquiver1/DCIT_205_IA>

Constantly commit the changes made to the project to allow the TA to track your progress over time. This can be done with the following commands;
git commit -m "Brief description of the changes made to the files"

### Student Details

NAME: Eunice Dickson
STUDENT ID: 11015648

### Screenshots of the Webpages



### What I Have Learned From The Project

Working on this project has allowed me to properly understand Git and GitHub to begin with and also apply my understanding of it in the project. Also, this project has allowed me learn how to debug and fix problems. I have learned to structure my code well and also do research to be able to perform certain tasks. I have been able to revise and improve my knowledge of HTML and CSS during the entire process of working on this project. I have also learnt to reach out to other people for help when I face certain peculiar challenges.
Empty file removed Undergraduate Courses.html
View file
Empty file.
152 changes: 112 additions & 40 deletions src/STYLE.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,38 +74,6 @@ nav {
background: rgb(0,);
}

.background_vid{
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
z-index: 0;
}

.background_vid video{
position: absolute;
top: 0;
left: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
height: 70%;
object-fit: cover;
}

.over-video-text h3{
position: relative;
display: flex;
font-weight: 700;
top: 20%; /* Adjust these values to position your text */
left: 80%; /* Adjust these values to position your text */
transform: translate(-20%, -30%);
color: #fff; /* Adjust text color to ensure visibility */
font-size: 55px; /* Adjust text size as needed */
text-align: right; /* Center align text */
z-index: 1; /* Ensure text is above the video */

}

.home-body{
background-color:aliceblue;
}
Expand Down Expand Up @@ -181,6 +149,17 @@ nav {
transition: 0.5s;
}

.course-box a{
text-decoration: none;
text-align: center;
color: #213374;
}

.course-box p a{
padding-left: 20px;
color: #333;
}

.course-box:hover{
box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
}
Expand All @@ -199,6 +178,10 @@ nav {
padding: 0 30px;
}

.underline a{
text-decoration: none;
}

footer{
background-color: rgb(8, 54, 122);
color: #f2f2f2;
Expand Down Expand Up @@ -482,12 +465,11 @@ hr{

/*FOR THE ACADEMICS PAGE*/
.academic-section{
padding-left: 30px;
padding-right: 30px;
display: flex;
}

.academic-title{
font-size: 45px;
font-size: 52px;
}

.options{
Expand Down Expand Up @@ -601,6 +583,7 @@ hr{
}

#advice1{

color: black;
font-size: 45px;
text-align: center;
Expand All @@ -610,18 +593,19 @@ hr{
}

.advice{
border: 5px #333 solid;
box-sizing: border-box;
margin: 30px;
box-shadow: #A9A9A9;
margin: 10px;
display: flex;
box-sizing: border-box;

}

.advice p{
padding-bottom: 20px;
}

.career p a{
color:bisque;
.career a{
color:#213374;
text-decoration: none;
}

Expand Down Expand Up @@ -834,4 +818,92 @@ hr{
#none{
font-size: 25px;
font-weight:bolder;
}

.career{
margin-left: 10%;
margin-right: 10%;
}

.accordion{
margin-left: 15%;
margin-right: 15%;
box-sizing: border-box;
border-radius: 5px;
border: #213374 2px solid;
height: 120px;
font-size: 25px;
display:flow-root;
font-weight: bold;
}

.accordions ul{
list-style: none;
}

.accordions ul li{
padding-top: 20px;
}

.accordions{
margin-top: 5%;
margin-bottom: 5%;
}

.accordions ul li aside summary{
color: #333;
}

.questions{
display: flex;
margin-left: 10%;
margin-right: 10%;
margin-top: 5%;
}

.questions p{
font-size: 40px;
text-align: justify;
text-transform: uppercase;
text-align: center;
color: #213374;
}

.research{
margin-left: 10%;
margin-right: 10%;
}

.research1{
box-sizing: border-box;
background-color: #84828F;
color: #fff;
text-align: right;
padding-top: 30px;
border-radius: 20px;
height: 200px;
font-size: 18px;
}

.research1 h3{
font-size: 30px;
padding-right: 70px;
padding-bottom: 15px;
}

.research2{
box-sizing: border-box;
background-color: #84828F;
color: #fff;
text-align: left;
height: 200px;
padding-top: 30px;
border-radius: 20px;
font-size: 18px;
}

.research2 h3{
font-size: 30px;
padding-left: 70px;
padding-bottom: 15px;
}
101 changes: 97 additions & 4 deletions src/academic.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,8 @@
</div>
</nav>
</header>
<h1 class="academic-title">PROGRAMS WE OFFER</h1>
<section class="academic-section">
<h1 class="academic-title">PROGRAMS OFFERED BY THE DEPARTMENT</h1>
<div class="dropdown">
<h2>COMPUTER SCIENCE</h2>

Expand Down Expand Up @@ -100,8 +100,8 @@ <h2>COMPUTER SCIENCE</h2>
<li>DCIT308 Software Engineering</li>
<li>DCIT307 Computer Organization and Architecture 2</li>
</ul>
</div>
<br>
</div>
<br>

<div class="options">
<div class="dropdown-btn">
Expand All @@ -122,8 +122,101 @@ <h2>COMPUTER SCIENCE</h2>
</ul>
</div>
</div>
<div>

<div class="dropdown">
<h2>INFORMATION TECHNOLOGY</h2>
<div class="options">
<div class="dropdown-btn">
<span class="selected" >LEVEL 100</span>
<div class="caret"></div>
</div>
<ul class="menu">
<li><h4>First Semester</h4></li>
<li>DCIT101 Introduction to Computer Science</li>
<li>DCIT103 Office Productivity Tools</li>
<li>MATH121 Algebra and Trigonometry</li>
<li>MATH123 Vectors and Geometry</li>
<li>STAT111 Introduction to Statistics and Probability 1</li>
</ul>
<br>
<ul class="menu">
<li><h4>Second Semester</h4></li>
<li>DCIT104 Programming Fundamentals</li>
<li>DCIT102 Hardware Design</li>
<li>MATH122 Calculus 1</li>
<li>MATH126 Algebra and Geometry</li>
<li>STAT112 Introduction to Statistics and Probability 2</li>
</ul>
</div>
<br>

<div class="options">
<div class="dropdown-btn">
<span class="selected">LEVEL 200</span>
<div class="caret"></div>
</div>
<ul class="menu">
<li><h4>First Semester</h4></li>
<li>DCIT201 Programming 1</li>
<li>DCIT203 Digital and Logical Circuit Design</li>
<li>DCIT205 Multimedia and Web Design</li>
<li>DCIT207 Computer Organization and Architecture</li>
<li>MATH223 Calculus 2</li>
</ul>
<br>
<ul class="menu">
<li><h4>Second Semester</h4></li>
<li>DCIT202 Data Structures and Algorithms</li>
<li>DCIT206 Digital and Logical Circuit Design 2</li>
<li>DCIT208 Software Engineering</li>
<li>DCIT207 Computer Organization and Architecture 2</li>
<li>MATH224 Differential Equations</li>
</ul>
</div>
<br>

<div class="options">
<div class="dropdown-btn">
<span class="selected">LEVEL 300</span>
<div class="caret"></div>
</div>
<ul class="menu">
<li><h4>First Semester</h4></li>
<li>DCIT301 Programming 1</li>
<li>DCIT303 Digital and Logical Circuit Design</li>
<li>DCIT305 Multimedia and Web Design</li>
<li>DCIT307 Computer Organization and Architecture</li>
<li>MATH323 Calculus 2</li>
</ul>
<br>
<ul class="menu">
<li><h4>Second Semester</h4></li>
<li>DCIT302 Data Structures and Algorithms</li>
<li>DCIT306 Digital and Logical Circuit Design 2</li>
<li>DCIT308 Software Engineering</li>
<li>DCIT307 Computer Organization and Architecture 2</li>
</ul>
</div>
<br>

<div class="options">
<div class="dropdown-btn">
<span class="selected">LEVEL 400</span>
<div class="caret"></div>
</div>
<ul class="menu">
<li><h4>First Semester</h4></li>
<li>DCIT401 Programming 1</li>
<li>DCIT403 Digital and Logical Circuit Design</li>
<li>DCIT405 Multimedia and Web Design</li>
</ul>
<br>
<ul class="menu">
<li><h4>Second Semester</h4></li>
<li>DCIT402 Data Structures and Algorithms</li>
<li>DCIT406 Digital and Logical Circuit Design 2</li>
</ul>
</div>
</div>
</section>
<p class="jobs">
Expand Down
Loading

0 comments on commit e716bac

Please sign in to comment.