Skip to content
This repository has been archived by the owner on Oct 10, 2024. It is now read-only.

Hover Effect on Student's Name and on Social Icons inside Modal. #2

Open
wants to merge 1 commit into
base: development
Choose a base branch
from
Open

Hover Effect on Student's Name and on Social Icons inside Modal. #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
1 change: 1 addition & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,7 @@
```
npm install
bower install
gulp build
gulp
```

Expand Down
2 changes: 1 addition & 1 deletion app/_variables.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -76,4 +76,4 @@ $form-border-color-focus: $base-accent-color;
$form-border-radius: $base-border-radius;
$form-box-shadow: inset 0 1px 3px rgba(black,0.06);
$form-box-shadow-focus: $form-box-shadow, 0 0 5px rgba(darken($form-border-color-focus, 5), 0.7);
$form-font-size: $base-font-size;
$form-font-size: $base-font-size;
Binary file modified app/images/2015_05_27_NSS8_Group_012_T_S.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.
Binary file modified app/images/2015_05_27_NSS8_Group_024_T_BW_S.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.
104 changes: 75 additions & 29 deletions app/index.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,63 +25,68 @@
text-align: center;

#end {
background-image: url('images/snapshots/centrecoders.jpg');
background: linear-gradient(
rgba(0, 0, 0, 0.3),
rgba(0, 0, 0, 0.3)
), center fixed no-repeat url('images/snapshots/centrecoders.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin: 1% 0;
}


#school {
background-image: url('images/snapshots/omniauth.jpg');
background: linear-gradient(
rgba(0, 0, 0, 0.3),
rgba(0, 0, 0, 0.3)
), center fixed no-repeat url('images/snapshots/omniauth.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin: 1% 0;
}

#program {
background-image: url('images/snapshots/mollyandy.jpg');
background: linear-gradient(
rgba(0, 0, 0, 0.3),
rgba(0, 0, 0, 0.3)
), center fixed no-repeat url('images/snapshots/mollyandy.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin: 1% 0;
}

#curriculum {
background-image: url('images/snapshots/jurnell.jpg');
background: linear-gradient(
rgba(0, 0, 0, 0.3),
rgba(0, 0, 0, 0.3)
), center fixed no-repeat url('images/snapshots/jurnell.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin: 1% 0;
}

#intense {
background-image: url('images/snapshots/tylerjacob.jpg');
background: linear-gradient(
rgba(0, 0, 0, 0.3),
rgba(0, 0, 0, 0.3)
), center fixed no-repeat url('images/snapshots/tylerjacob.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin: 1% 0;
}

#hack {
background-image: url('images/snapshots/snacktnteam.jpg');
background: linear-gradient(
rgba(0, 0, 0, 0.3),
rgba(0, 0, 0, 0.3)
), center fixed no-repeat url('images/snapshots/snacktnteam.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin: 1% 0;
}



.img-div {
background-color: $white;
margin: 1%;

img {
width: 20%;
margin: 1%;
width: 100%;
padding: 20px 0;
}
}

Expand All @@ -104,7 +109,6 @@
color: $white;
padding: 20%;
font-size: 4rem;
background-color: rgba(0, 0, 0, .3);
}

h2 {
Expand Down Expand Up @@ -155,13 +159,19 @@
font-size: 3rem;
}



}

h2 {
color: $dark-grey;
padding: 4% 0;
}

h2.stdName:hover{
color: $orange;
}

.modal .modal-content h2 {
padding: 0;
}
Expand Down Expand Up @@ -198,22 +208,42 @@
}
}

.student-headshot {
padding: 10px 0;
}

.student-links {
list-style: none;
margin: 1em 0;
li {
font-size: 18px;
}
}

.social{
color: #000;
}

.social:hover{
color: $orange;
font-size: 20px;
}

///////////////////////// CONTACT VIEW /////////////////////////////
#contact {
//styling for contact div here
.contact-us {
background-image: url('images/snapshots/biddyclouds.jpg');
margin-top: -20px;
background: linear-gradient(
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)
), center fixed no-repeat url('images/snapshots/biddyclouds.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin: 1% 0;
}

.text {
text-align: center;
color: $white;
background-color: rgba(0, 0, 0, .4);
}

h2 {
Expand All @@ -226,7 +256,6 @@
color: $white;

input, textarea {
background-color: rgba(0, 0, 0, .4);
color: $white;
}
}
Expand All @@ -243,7 +272,17 @@
a {
color: $dark-grey;
text-decoration: none;
transition: all 300ms ease;
&:hover {
color: white;
transition: all 300ms ease;
}
}
.navbar-nav > li.active{
background-color: $orange;
color: white;
}

ul li {
list-style-type: none;
margin: 0 15px;
Expand All @@ -256,7 +295,14 @@
font-family: $header-font-family;
font-size: 2em;
}
.nss_logo{
.nss_logo {
@media screen and (max-width: 768px) {
width: 36px;
height: 36px;
position: absolute;
top: 7px;
left: 7px;
}
width: 100px;
height: 100px;
}
Expand Down
16 changes: 4 additions & 12 deletions app/models/students.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,10 +24,8 @@ angular
},
{
name: 'Austin Erlandson',
portfolio: 'youtube.com',
linkedin: 'in/erlandsona',
github: 'erlandsona',
twitter: 'biddy',
summary: 'Austin is a full-stack developer located in Nashville, TN',
pic1: '../images/students/austin1.jpg',
pic2: '../images/students/austin2.jpg'
Expand All @@ -48,7 +46,7 @@ angular
linkedin: "profile/view?id=395753849&trk=hp-identity-photo",
github: 'brayhoward',
twitter: 'brandonrhoward1',
summary: 'Brandon is a full-stack developer located in Nashville, TN',
summary: 'Brandon did all his growing up in Ohio before he decided the midwest just wasn’t his cup of tea. He discovered Nashville two years ago, fell in love with the artist friendly east side, pulled up his roots in the North and headed to the South. Shortly after the move he was made aware of NSS and decided to apply. He made the cut and hasn’t looked back since. Brandon also enjoys climbing big rocks, urban commuting on his bike, kayaking on whitewater laden rivers and creeks, and just has a lot of love for the great outdoors in general.',
pic1: '../images/students/brandonh1.jpg',
pic2: '../images/students/brandonh2.jpg'
},
Expand All @@ -63,20 +61,16 @@ angular
},
{
name: 'Brennan Willingham',
portfolio: 'youtube.com',
linkedin: 'in/brennanwillingham',
github: 'brenntron',
twitter: 'wiggles',
summary: 'Brennan is a full-stack developer located in Nashville, TN',
pic1: '../images/students/brennan1.jpg',
pic2: '../images/students/brennan2.jpg'
},
{
name: 'Bryan Finlayson',
portfolio: 'youtube.com',
linkedin: 'in/bryandfinlayson',
github: 'bdfinlayson',
twitter: 'wiggles',
summary: 'Bryan is a full-stack developer located in Nashville, TN',
pic1: '../images/students/bryan1.jpg',
pic2: '../images/students/bryan2.jpg'
Expand Down Expand Up @@ -190,21 +184,19 @@ angular
},
{
name: 'Matthew Reuther',
portfolio: 'youtube.com',
linkedin: 'pub/matthew-reuther/68/aa1/870',
github: 'matthewreuther',
twitter: 'biddy',
summary: 'Matthew is a full-stack developer located in Nashville, TN',
pic1: '../images/students/matt1.jpg',
pic2: '../images/students/matt2.jpg'
},
{
name: 'Molly Black',
portfolio: 'youtube.com',
portfolio: 'mollymorganblack.com',
linkedin: 'pub/molly-morgan-black/2a/183/56b',
github: 'mollytaryn',
twitter: 'wiggles',
summary: 'Molly is a full-stack developer located in Nashville, TN',
twitter: 'mollymoblack',
summary: "Molly is a former Product Manager and long-time start-up addict. She graduated from Columbia University in the city of New York with a degree in Neuropsychology and Fiction. (As one does.) Since then, she pretty much has been having a series of adventures from living in Lyon, France teaching English (in French) at an elementary school, to buying a farm on the outskirts of Leiper's Fork, Tennessee and trying to figure out what one does with 8 acres and two big fluffy dogs. AND – to add another thing to the list of fun and exciting – at the end of June, she will be joining the team at Philly-based start-up LifeVest as a full-stack developer learning to code the Sandi Metz way. Can't wait.",
pic1: '../images/students/molly1.jpg',
pic2: '../images/students/molly2.jpg'
},
Expand Down
8 changes: 4 additions & 4 deletions app/views/home.jade
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
#home
.container-fluid.pic-container
img(src='images/2015_05_27_NSS8_Group_024_T_BW_S.jpg' onmouseover="this.src='images/2015_05_27_NSS8_Group_012_T_S.jpg';" onmouseout="this.src='images/2015_05_27_NSS8_Group_024_T_BW_S.jpg';")
a(href='/#/nss'): img(src='images/2015_05_27_NSS8_Group_024_T_BW_S.jpg' onmouseover='this.src="images/2015_05_27_NSS8_Group_012_T_S.jpg";' onmouseout='this.src="images/2015_05_27_NSS8_Group_024_T_BW_S.jpg";')
.container-fluid
h5 Thanks to our amazing teachers: Eliza Brock, Scott Humphries, and Jurnell Cockhren. And of course John Wark for making this possible!
h5 Made with love by Erin Page, Bryan Finlayson, Ayumi Bennett, Katye Russell, Brennan Willingham, Kyle McCormick
h5 Professional photos by Inge Kathleen Photography | Snapshots by Ayumi Bennett, Erin Page | Logo by Brandon Espinoza
p Thanks to our amazing teachers: Eliza Brock, Scott Humphries, and Jurnell Cockhren. And of course John Wark for making this possible!
p Made with love by Erin Page, Bryan Finlayson, Ayumi Bennett, Katye Russell, Brennan Willingham, Kyle McCormick
p Professional photos by Inge Kathleen Photography | Snapshots by Ayumi Bennett, Erin Page | Logo by Brandon Espinoza
63 changes: 44 additions & 19 deletions app/views/nss.jade
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,49 +10,74 @@
a(href='{{skill.link}}'): img(src='{{skill.logo}}', alt='{{skill.name}} logo')

.img-div.container-fluid
img(src='images/snapshots/luke.jpg')
img(src='images/snapshots/photoday.jpg')
img(src='images/snapshots/photodaydotun.jpg')
img(src='images/snapshots/pongaustin.jpg')
.row
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/luke.jpg')
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/photoday.jpg')
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/photodaydotun.jpg')
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/pongaustin.jpg')

#curriculum.container-fluid
.text
p The NSS curriculum has taught us the skills and technologies required to become a full-stack software developer.


.img-div.container-fluid
img(src='images/snapshots/autin.jpg')
img(src='images/snapshots/teachers.jpg')
img(src='images/snapshots/dog-friends-1.jpg')
img(src='images/snapshots/hacktndudes.jpg')
.row
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/autin.jpg')
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/teachers.jpg')
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/dog-friends-1.jpg')
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/hacktndudes.jpg')

#intense.container-fluid
.text
p Our experience at NSS? Intense and Intensive.

.img-div.container-fluid
img(src='images/snapshots/mentormeet.jpg')
img(src='images/snapshots/dog-friends-2.jpg')
img(src='images/snapshots/dotunbiddy.jpg')
img(src='images/snapshots/hacktnwork.jpg')
.row
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/mentormeet.jpg')
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/dog-friends-2.jpg')
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/dotunbiddy.jpg')
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/hacktnwork.jpg')

#school.container-fluid
.text
p For the past six months, we spent the day at school learning new and challenging material, writing lots of code and working with other students on projects.

.img-div.container-fluid
img(src='images/snapshots/erinbrandon.jpg')
img(src='images/snapshots/hacktn.jpg')
img(src='images/snapshots/andylearns.jpg')
.row
.col-xs-12.col-sm-4.col-md-4.col-lg-4
img(src='images/snapshots/erinbrandon.jpg')
.col-xs-12.col-sm-4.col-md-4.col-lg-4
img(src='images/snapshots/hacktn.jpg')
.col-xs-12.col-sm-4.col-md-4.col-lg-4
img(src='images/snapshots/andylearns.jpg')

#hack.container-fluid
.text
p And on nights and weekends, we went to meetups, mixers, hackathons, and worked with other members of the community on more projects. And wrote more code.

.img-div.container-fluid
img(src='images/snapshots/nashrb.jpg')
img(src='images/snapshots/eliza.jpg')
img(src='images/snapshots/dog-friends-4.jpg')
img(src='images/snapshots/brennan.jpg')
.row
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/nashrb.jpg')
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/eliza.jpg')
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/dog-friends-4.jpg')
.col-xs-12.col-sm-6.col-md-3.col-lg-3
img(src='images/snapshots/brennan.jpg')

#end.container-fluid
.text
Expand Down
Loading