Skip to content

Commit

Permalink
add stuff for members
Browse files Browse the repository at this point in the history 
need to rewrite javascript function but it's created
  • Loading branch information
@sachiniyer
sachiniyer committed Jul 28, 2021
1 parent 413ac84 commit a90d4f3
Show file tree
Hide file tree
Showing 6 changed files with 312 additions and 17 deletions.
12 changes: 1 addition & 11 deletions content/members.md
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,7 @@
---
title : "Our member"
layout: "career"
layout: "members"
description: "Here are our members"


########### Gallery ##########
gallery:
enable : true
images:
- "images/gallery/gallery-01.png"
- "images/gallery/gallery-02.png"
- "images/gallery/gallery-03.png"
- "images/gallery/gallery-04.png"


---
30 changes: 30 additions & 0 deletions data/members.yml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
product:
enable : true
section : "Members"
title : "Here our our members"
content : "We Pretty"
product_item:
- title : "Comeon"
image : "images/product/product-03.jpg"
content : "Our members apply their knowledge to design and build advanced robots, getting hands on experience outside the lecture hall."
project_url : "create"

- title : "Community"
image : "images/product/product-02.jpg"
content : "We inspire students of all ages to pursue a STEM career through community mentorship. In 2018 - 2019, our team contributed a total of 1,500 hours of community service."
project_url : "community"

- title : "Competition"
image : "images/product/product-03.jpg"
content : "We participate in intercollegiate robotics competitions, competing against like minded engineering students from all over the country. Currently, we are competitors in the NASA Robotic Mining Competition"
project_url : "https://www.nasa.gov/offices/education/centers/kennedy/technology/nasarmc.html"

- title : "Competition"
image : "images/product/product-03.jpg"
content : "We participate in intercollegiate robotics competitions, competing against like minded engineering students from all over the country. Currently, we are competitors in the NASA Robotic Mining Competition"
project_url : "https://www.nasa.gov/offices/education/centers/kennedy/technology/nasarmc.html"

- title : "Competition"
image : "images/product/product-03.jpg"
content : "We participate in intercollegiate robotics competitions, competing against like minded engineering students from all over the country. Currently, we are competitors in the NASA Robotic Mining Competition"
project_url : "https://www.nasa.gov/offices/education/centers/kennedy/technology/nasarmc.html"
87 changes: 87 additions & 0 deletions resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10092,6 +10092,93 @@ body {
right: 6.5%;
bottom: 1.5%; }

.product-noslider-wrapper {
padding-top: 175px;
padding-bottom: 135px;
position: relative;
z-index: 3;
overflow: hidden; }
@media (max-width: 991px) {
.product-noslider-wrapper {
padding-top: 60px;
padding-bottom: 60px; } }
@media (max-width: 767px) {
.product-noslider-wrapper {
padding-top: 40px;
padding-bottom: 40px; } }
.product-noslider-wrapper .product-item {
position: relative;
max-width: 380px;
margin: 0 15px;
transition: all .3s ease-in-out;
overflow: hidden;
cursor: pointer; }
.product-noslider-wrapper .product-item img {
transition: all .3s ease-in-out;
width: 100%; }
.product-noslider-wrapper .product-item .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
margin: 30px;
transform: scale(0);
transition: all .3s ease-in-out;
transform-origin: center center; }
.product-noslider-wrapper .product-item .overlay .content {
display: flex;
flex-direction: column;
background: #fff;
padding: 0 30px;
height: calc(100% - 60px);
justify-content: center; }
.product-noslider-wrapper .product-item .overlay .content h5 {
color: #05091D;
margin-bottom: 20px;
font-size: 30px; }
@media (max-width: 991px) {
.product-noslider-wrapper .product-item .overlay .content h5 {
font-size: 25px; } }
.product-noslider-wrapper .product-item .overlay .content p {
color: #383838;
font-size: 16px;
line-height: 24px;
letter-spacing: 1px; }
.product-noslider-wrapper .product-item .overlay .content a {
font-size: 14px;
letter-spacing: 3px;
text-decoration: none;
font-weight: bold;
transition: all .3s ease;
color: #FF1D5D; }
.product-noslider-wrapper .product-item:hover img {
transform: scale(1.2); }
.product-noslider-wrapper .product-item:hover .overlay {
transform: scale(1); }
.product-noslider-wrapper .slick-list {
overflow: visible; }
.product-noslider-wrapper .slick-slide {
outline: 0; }
.product-noslider-wrapper .slick-prev, .product-noslider-wrapper .slick-next {
position: absolute;
cursor: pointer;
z-index: 5;
background: transparent;
border: none;
outline: none; }
.product-noslider-wrapper .slick-prev i, .product-noslider-wrapper .slick-next i {
color: #fff;
opacity: .33;
font-size: 20px; }
.product-noslider-wrapper .slick-prev:hover i, .product-noslider-wrapper .slick-next:hover i {
opacity: 1; }
.product-noslider-wrapper .slick-next {
right: 4%;
bottom: 1.5%; }
.product-noslider-wrapper .slick-prev {
right: 6.5%;
bottom: 1.5%; }

.contact {
position: relative;
padding-top: 180px;
Expand Down
35 changes: 31 additions & 4 deletions themes/omega/assets/js/script.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

112 changes: 110 additions & 2 deletions themes/omega/assets/scss/templates/_products.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@
right: 0;
transform: rotate(0);
margin-bottom: 30px;
}
}
span{
font-size: 17px;
color: $white;
Expand Down Expand Up @@ -212,4 +212,112 @@
.slick-prev{
right: 6.5%; bottom: 1.5%;
}
}
}

.product-noslider-wrapper{
padding-top: 175px;
padding-bottom: 135px;
position: relative;
// margin-left: 20%;
@include desktop{
padding-top: 60px;
padding-bottom: 60px;
}
@include tablet{
padding-top: 40px;
padding-bottom: 40px;
}
z-index: 3;
overflow: hidden;
.product-item{
position: relative;
max-width: 380px;
margin: 0 15px;
transition: all .3s ease-in-out;
overflow: hidden;
cursor: pointer;
img{
transition: all .3s ease-in-out;
width: 100%;
}
.overlay{
position: absolute;
top: 0;
left: 0;
height: 100%;
margin: 30px;
.content{
display: flex;
flex-direction: column;
background: $white;
padding: 0 30px;
height: calc(100% - 60px);
justify-content: center;
h5{
color: $text-color-dark;
margin-bottom: 20px;
font-size: 30px;
@include desktop{
font-size: 25px;
}
}
p{
color: darken($color: $gray, $amount: 30);
font-size: 16px;
line-height: 24px;
letter-spacing: 1px;
}
a{
font-size: 14px;
letter-spacing: 3px;
text-decoration: none;
font-weight: bold;
transition: all .3s ease;
color: #FF1D5D;
}

}
transform: scale(0);
transition: all .3s ease-in-out;
transform-origin: center center;
}
&:hover{
img{
transform: scale(1.2);
}
.overlay{
transform: scale(1);
}
}
}
.slick-list{
overflow: visible;
}
.slick-slide{
outline: 0;
}
.slick-prev, .slick-next{
position: absolute;
cursor: pointer;
z-index: 5;
background: transparent;
border: none;
outline: none;
i{
color: $white;
opacity: .33;
font-size: 20px;
}
&:hover{
i{
opacity: 1;
}
}
}
.slick-next{
right: 4%; bottom: 1.5%;
}
.slick-prev{
right: 6.5%; bottom: 1.5%;
}
}
53 changes: 53 additions & 0 deletions themes/omega/layouts/_default/members.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
{{ define "main" }}

{{ if site.Data.members.product.enable }}
{{ with site.Data.members.product }}
<section class="products" id="products">
<div class="bg">
<img src="{{`images/section-bg-2.jpg` | absURL}}" class="img-fluid" alt="section-bg">
</div>
<div class="left-shape">
<img src="{{`images/left-shape.png` | absURL}}" class="img-fluid" alt="left-shape">
</div>
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title">
<span>{{.section | markdownify }}</span>
</div>
</div>
<div class="col-md-8">
<div class="text-block">
<h2><span class="rev">{{ .title | markdownify }}</span>
</h2>
<p>{{ .content | markdownify }}</p>
</div>
</div>
</div>
</div>
<div class="container-fluid p-0">
<div class="row m-0">
<div class="col-lg-10 ml-auto p-0">
<div class="product-noslider-wrapper">
{{ range .product_item }}
<div class="product-item">
<img src="{{ .image | absURL }}" alt="product-image">
<div class="overlay">
<div class="content">
<h5>{{ .title | markdownify }}</h5>
<p>{{ .content | markdownify }}</p>
<a href="{{ .project_url | absURL }}">Learn More</a>
</div>
</div>
</div>
{{ end }}
</div>
</div>
</div>
</div>
</section>
{{ end }}
{{ end }}


{{ end }}

0 comments on commit a90d4f3

Please sign in to comment.