diff --git a/class_registration_app/src/assets/bookimage.png b/class_registration_app/src/assets/bookimage.png new file mode 100644 index 0000000..2a5fb74 Binary files /dev/null and b/class_registration_app/src/assets/bookimage.png differ diff --git a/class_registration_app/src/assets/calenderimage.png b/class_registration_app/src/assets/calenderimage.png new file mode 100644 index 0000000..5488f9f Binary files /dev/null and b/class_registration_app/src/assets/calenderimage.png differ diff --git a/class_registration_app/src/assets/magimage.png b/class_registration_app/src/assets/magimage.png new file mode 100644 index 0000000..37ee2d9 Binary files /dev/null and b/class_registration_app/src/assets/magimage.png differ diff --git a/class_registration_app/src/assets/main.css b/class_registration_app/src/assets/main.css index 9471125..cc51580 100644 --- a/class_registration_app/src/assets/main.css +++ b/class_registration_app/src/assets/main.css @@ -26,17 +26,17 @@ a, @media (min-width: 100vw) { - + /* body { display: flex; - place-items: center; + place-items: center; } #app { display: grid; - grid-template-columns: 1fr 1fr; - padding: 0 auto; - } + grid-template-columns: 1fr 1fr; + padding: 0 auto + } */ } @@ -100,6 +100,16 @@ a, transform: translateY(-5px); } +.homehead{ + background-color: #000e2f; + color: white; + font-size: 30px; + width: 100vw; + text-align: center; + padding: 12px; +} + + .course-list-item { padding: 20px; display: inline-block; @@ -143,4 +153,5 @@ a, .course-prerequisites{ margin-left: 2vh; -} \ No newline at end of file +} + diff --git a/class_registration_app/src/assets/personimage.png b/class_registration_app/src/assets/personimage.png new file mode 100644 index 0000000..62e3930 Binary files /dev/null and b/class_registration_app/src/assets/personimage.png differ diff --git a/class_registration_app/src/components/DashBoard.vue b/class_registration_app/src/components/DashBoard.vue index b4d7210..d7c01c3 100644 --- a/class_registration_app/src/components/DashBoard.vue +++ b/class_registration_app/src/components/DashBoard.vue @@ -2,21 +2,49 @@ @@ -24,11 +52,9 @@ \ No newline at end of file diff --git a/class_registration_app/src/components/LoginPage.vue b/class_registration_app/src/components/LoginPage.vue index c5c689f..ec1e2dd 100644 --- a/class_registration_app/src/components/LoginPage.vue +++ b/class_registration_app/src/components/LoginPage.vue @@ -1,4 +1,5 @@ \ No newline at end of file + + + \ No newline at end of file diff --git a/class_registration_app/src/components/ScheduleView.vue b/class_registration_app/src/components/ScheduleView.vue index 4711f2b..8adcf74 100644 --- a/class_registration_app/src/components/ScheduleView.vue +++ b/class_registration_app/src/components/ScheduleView.vue @@ -44,7 +44,8 @@ background-color: #888; text-align: center; vertical-align: middle; - border: 1px solid; + border: 2px solid; + color: black; } .time{ @@ -53,6 +54,7 @@ text-align: center; vertical-align: middle; border: 1px solid; + color: black; } #time-column{ @@ -119,21 +121,29 @@ const class_slots = [ const colors = ['rgb(120,255,150)', 'rgb(120,150,255)','rgb(255,120,150)','rgb(255,255,120)'] +if(grid.childElementCount==6){ for (var i = 0; i <18;i++){ let time = document.createElement('div'); - time.classList.add('time'); + + time.style.backgroundColor = "#888"; + time.style.fontSize = "15px"; + time.style.textAlign = "center"; + time.style.verticalAlign = "middle"; + time.style.border = "1px solid"; + time.style.color = "black"; + time.innerHTML = time_times[i]; grid.appendChild(time); for (var j=0; j<5; j++){ - let child = document.createElement('div'); - child.classList.add('class') + let child = document.createElement('div') + child.style.backgroundColor = "#dfd" child.id = 'slot' + (5*i+j) grid.appendChild(child); } } - +} const classes1 = [ { "period": "2", diff --git a/class_registration_app/src/components/StartUp.vue b/class_registration_app/src/components/StartUp.vue index 0b50e38..3d647e5 100644 --- a/class_registration_app/src/components/StartUp.vue +++ b/class_registration_app/src/components/StartUp.vue @@ -6,6 +6,7 @@ import AppVue from '@/App.vue';