Skip to content

Commiting changes of partner here- Css changes #2

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
Njc27 wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Commiting changes of partner here- Css changes #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
e142254
Commiting changes of partner here
Njc27 Dec 20, 2023
d320db7
mobile css
Njc27 Dec 20, 2023
5fe17e9
netlify.toml changes
Njc27 Dec 20, 2023
ebca61b
netlify.toml changes
Njc27 Dec 20, 2023
ccac910
netlify changes
Njc27 Dec 20, 2023
768120e
Update netlify.toml
Njc27 Dec 20, 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 modified .DS_Store
View file
Open in desktop
Binary file not shown.
19 changes: 12 additions & 7 deletions netlify.toml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,18 @@
[build]
command = "vite build"
functions = "netlify/functions"
publish = "dist"

[[redirects]]
from = "/*"
to = "/index.html"
status = 200
from = "/*"
to = "/index.html"
status = 200

[[headers]]
for = "/*"
[headers.values]
Access-Control-Allow-Origin = "*"
for = "/*"
[headers.values]
Access-Control-Allow-Origin = "*"





126 changes: 96 additions & 30 deletions src/assets/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Figtree&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Figtree&display=swap'); */


:root {
Expand Down Expand Up @@ -1937,7 +1937,7 @@ p.skills-item-title{
.partner_hero{
padding: 0rem 20rem;
height: 100vh;
font-family: 'Figtree', sans-serif;
font-family: 'proxima-nova', sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 2rem;
Expand All @@ -1960,7 +1960,7 @@ text-align: center;
}

.partner_hero h2{
font-family: 'Figtree', sans-serif;
font-family: 'proxima-nova', sans-serif;
font-size: 36px;
font-style: italic;
font-weight: 400;
Expand All @@ -1971,8 +1971,8 @@ color: #67A7D3;
}

.partner_hero h4{
font-family: 'Figtree', sans-serif;
font-size: 24px;
font-family: 'proxima-nova', sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 30px;
letter-spacing: 0em;
Expand Down Expand Up @@ -2006,12 +2006,11 @@ color: #67A7D3;
transition: transform 0.3s ease-in-out;
box-sizing: border-box;
display: flex;
margin-top: 10%;
margin-bottom: -10% !important;
margin-top: 5%;
}

.image-wrapper img {
width: 60%;
width: 550px;
height: auto;
display: block;
/* border: 2px solid #fff;
Expand All @@ -2025,37 +2024,56 @@ color: #67A7D3;
}
.left-img{
position:static;
height: 30% !important;
margin-top: 10%;
height: 200px !important;
width: 400px !important;
object-fit: cover;
margin-top: 7%;
transform: scale(0.8);
transition: ease-in-out 3s;

}
.right-img{
margin-top: 10%;
height: 30% !important;
margin-top: 7%;
height: 200px !important;
width: 400px !important;
object-fit: cover;
transform: scale(0.8);
transition: ease-in-out 3s;

}
.active-img{
height: 60% !important;
height: 350px !important;
object-fit: cover;
transform: scale(1);
transition: ease-in-out 3s;

}

.btn-container{
display: flex;
justify-content: center;
margin-top: 2.5%;
margin-bottom: 2.5%;
}


.nav-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
position: relative;
padding-left: 12rem;
padding-right: 12rem;

background-color: #fff;
border: none;
cursor: pointer;
padding: 0.5rem 1rem;
font-size: 1.5rem;
color: #333;
z-index: 2;
}

@keyframes FadeInOut {
0% {opacity:0;}
25% {opacity:.50;}
50% {opacity:.75;}
100% {opacity:1;}
}

.left {
left: 10px;
}
Expand All @@ -2066,7 +2084,7 @@ color: #67A7D3;


.more_about_course h1{
font-family: 'Figtree', sans-serif;
font-family: 'proxima-nova', sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 3rem;
Expand All @@ -2077,7 +2095,7 @@ text-align:left;

.more_about_course{
padding: 0rem 20rem;
font-family: 'Figtree', sans-serif;
font-family: 'proxima-nova', sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 2rem;
Expand All @@ -2092,7 +2110,7 @@ text-align: left;

.course_curriculum{
padding: 0rem 20rem;
font-family: 'Figtree', sans-serif;
font-family: 'proxima-nova', sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 2rem;
Expand All @@ -2106,7 +2124,7 @@ text-align: left;
}

.course_curriculum h1{
font-family: 'Figtree', sans-serif;
font-family: 'proxima-nova', sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 3rem;
Expand All @@ -2115,16 +2133,20 @@ margin-left: 8rem;
text-align:left;
}

.instructor_details{
display:flex ;
margin-left: 14rem;
}

.instructors_container{

background-color:var(--book-white);
}

.instructors_container h1{
margin-left: 8rem;
padding-top: 4rem;
text-align:left;
font-family: 'Figtree', sans-serif;
text-align: center;
font-family: 'proxima-nova', sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 3rem;
Expand Down Expand Up @@ -2160,7 +2182,7 @@ text-align:left;
justify-content:center;
gap: 0.5rem;
/* margin-left: 5rem; */
font-family: 'Figtree', sans-serif;
font-family: 'proxima-nova', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 25px;
Expand All @@ -2171,7 +2193,7 @@ text-align:left;

.card-title{
/* margin-left: 2rem; */
font-family: 'Figtree', sans-serif;
font-family: 'proxima-nova', sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 35px;
Expand All @@ -2188,7 +2210,7 @@ text-align:left;
display: flex;
justify-content:center;
gap: 0.5rem;
font-family: 'Figtree', sans-serif;
font-family: 'proxima-nova', sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 35px;
Expand Down Expand Up @@ -2228,4 +2250,48 @@ text-align:left;
justify-content: center;
align-items: center;
}

.partner_hero {
padding: 0px !important;
}

.image-wrapper img{
width:350px;
}

.right {
right: 60px;
}

.left {
left: 60px;
}

.more_about_course {
padding: 0rem 1rem;
}

.more_about_course h1{
margin-left: 0rem !important;
text-align:none;
}

.course_curriculum {
padding: 0rem 1rem;
}

.course_curriculum h1{
margin-left: 0rem !important;
text-align:none;
}

.instructor_details {
margin-left: 0rem !important;
}

.instructors {
display: grid;
grid-template-columns: 1fr;
}

}
12 changes: 12 additions & 0 deletions src/netlify.toml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,15 @@
[build]
command = "vite build"
functions = "netlify/functions"
publish = "dist"



[[redirects]]
from = "/*"
to = "/index.html"
status = 200

[[headers]]
for = "/*"
[headers.values]
Expand Down
21 changes: 17 additions & 4 deletions src/pages/partner.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -101,16 +101,23 @@ export default{
},
checkForFirst(position,len){
if(position > 0){
return position--;
return --position;
}
else{
else if(position ==0){
return len-1;
}
else{
return --position;
}

},
moveLeft() {
this.activeIndex = this.checkForFirst(this.activeIndex , this.currentData?.gallery?.length);
this.prevIndex = this.checkForFirst(this.prevIndex , this.currentData?.gallery?.length);
this.nextIndex = this.checkForFirst(this.nextIndex , this.currentData?.gallery?.length);
console.log("active Index",this.activeIndex);
console.log("active Index",this.activeIndex);
console.log("active Index",this.activeIndex);
},
moveRight() {
this.activeIndex = this.checkForLast(this.activeIndex , this.currentData?.gallery?.length);
Expand Down Expand Up @@ -238,12 +245,16 @@ moveLeft() {
<img :src="directus._url + 'assets/' + this.currentData?.gallery[activeIndex].SPP_CoursePartner_gallery_id?.gallery_image" class="active-img"/>
<img :src="directus._url + 'assets/' + this.currentData?.gallery[nextIndex].SPP_CoursePartner_gallery_id?.gallery_image" class="right-img"/>
</div>
<button @click="moveLeft" class="nav-button left">&lt;</button>
<button @click="moveRight" class="nav-button right">&gt;</button>

</div>

</div>
<div class="btn-container">
<button @click="moveLeft" class="nav-button left">&lt;</button>
<button @click="moveRight" class="nav-button right">&gt;</button>
</div>



<div id="about_course" class="more_about_course">
<h1>MORE ABOUT THE COURSE</h1>
Expand All @@ -257,6 +268,7 @@ moveLeft() {

<div class="instructors_container">
<h1>INSTRUCTORS</h1>
<div class="instructor_details">
<div class="instructors">
<div v-for="item in currentData.instructors">
<card-component
Expand All @@ -267,6 +279,7 @@ moveLeft() {
:imgUrl = "this.directus._url + 'assets/' + item.SPP_CoursePartner_Instructors_id.headshot"
/>
</div>
</div>
</div>
</div>

Expand Down