Skip to content

Finish cover page except content #18

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

Finish cover page except content #18

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f5f1293
Finish cover page except content
aattsai May 11, 2016
6965c75
Change name
aattsai May 12, 2016
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 added pipeline/app/assets/images/forestpath.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 added pipeline/app/assets/images/moonsky.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 removed pipeline/app/assets/images/neurons.jpg
View file
Open in desktop
Binary file not shown.
103 changes: 75 additions & 28 deletions pipeline/app/assets/stylesheets/main.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,28 +2,90 @@
font-family: 'Poiret One', cursive;
}

.icon-margin {
margin: 1rem !important;
}

.ui.inverted.menu {
margin: 0;
background: #838996 !important;
}

.masthead.segment {
min-height: 700px;
padding: 1em 0em;
.text-box {
background: rgba(255, 255, 255, .6);
margin-top: 10rem;
text-align: left;
padding: 1rem;
}

.masthead h1.ui.header {
margin-top: 25%;
margin-bottom: 0em;
font-size: 4rem;
font-weight: normal;
.first {
background-image: url("moonsky.jpg") !important;
background-size: cover !important;
min-height: 60rem;
}

.masthead h2 {
font-size: 1.7em;
.first h2 {
margin-top: 40% !important;
color: white !important;
font-size: 2.0 rem !important;
font-weight: normal;
}

.second {
background-color: #F2F4F7 !important;
min-height: 40rem;
}

.second h2 {
margin-top: 5rem;
color: #374044 !important;
font-size: 2.5 rem !important;
font-weight: normal !important;
}

.third h3 {
color: #D9E6EC;
}

.third p {
color: #D9E6EC;
}

.pathway {
color: #48687A;
font-family: 'Poiret One', cursive;
}

.century {
font-family: "Century Gothic" !important;
}

.avenir {
font-family: "Avenir" !important;
}

.third {
background-color: #1E4468 !important;
min-height: 30rem;
}

.impact {
margin-top: 5rem !important;
}

.fifth {
background-image: url("forestpath.jpg") !important;
background-size: cover !important;
min-height: 50rem;
}

.fifth.h2 {
margin-top: 5rem;
color: #374044 !important;
font-size: 2.5 rem !important;
font-weight: normal !important;
}

.hidden.menu {
display: none;
}
Expand All @@ -32,6 +94,8 @@
display: none;
}



@media only screen and (max-width: 700px) {
.ui.fixed.menu {
display: none !important;
Expand All @@ -57,23 +121,6 @@
}
}

.second {
position: relative;
z-index: 1;
}

.second:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url("http://static1.squarespace.com/static/5330c47be4b03ea35b2645a8/t/5361a560e4b032825e58c48d/1398908272046/dreamstime_m_6548803.jpg?format=1500w") center center;
opacity: .5;
}

body > .grid {
height: 100%;
}
Expand All @@ -89,7 +136,7 @@ body > .grid {

.footer.segment {
padding: 5em 0em;
background: #847b6a !important;
background: #4C4436 !important;
}

.footer .seven.wide.column {
Expand Down
73 changes: 50 additions & 23 deletions pipeline/app/assets/templates/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,29 +1,56 @@
<div class="pusher"></div>
<div class="ui vertical masthead center aligned segment first">
<div class="ui text container">
<h1 class="ui header">
Forget about Silver Bullets
</h1>
<h2>Together, we will build Pathways to cure</h2>
<div ng-controller="UserController">
<div ng-if="signedIn()">
<!-- Welcome, <a ui-sref="userShow">{{ firstName }}</a> -->
<a ui-sref="createProject">Create Project</a>
<a ui-sref="createPathway">Create Pathway</a>
<!-- <button ng-click="logout()" class="ui basic red button" >Logout</button> -->
</div>
<!-- <div ng-if="!signedIn()">
<a ui-sref="login"><button class="ui basic blue button">Return User Login</button></a>
<a ui-sref="register"><button class="ui basic orange button">New User Register</button></a>
</div> -->
<div class="ui vertical masthead center aligned segment first">
<div class="ui text container">
<h2 class="century">I want to contribute to ____________________________</h2>
<div ng-controller="UserController">
<div ng-if="signedIn()">
</div>
</div>
</div>
</div>

<div class="ui vertical masthead center aligned segment second">
<div class="ui text container">
<h1 class="ui header">
Diseases are indiscriminatory, efforts to find cure should be, too!
</h1>
<div class="ui vertical masthead center aligned segment second">
<div class="ui container">
<h2 class="century">what is a <span class="pathway">Pathway</span></h2>
<p>In science, pathways are catalyzed sequences of reactions that lead to biochemical changes. Here at Pathways Fund, we believe that it sequences of research projects with enough support to solve a major problem. Therefore we created Pathway, which is a curated portfolio of promising research projects for a common cause. </p>
</div>
</div>

<div class="ui vertical masthead center aligned segment third">
<div class="ui container">
<div class="ui stackable grid impact">
<div class="four wide column">
<h3 class="ui inverted header century">basic research</h3>
<div class="icon-margin"><i class="inverted orange big lab icon"></i></div>
<p>basic research aims to improve scientific theories for improved understanding or prediction of natural or other phenomena.</p>
</div>
<div class="ui vertical divider"></div>
<div class="four wide column">
<h3 class="ui inverted header century">high impact</h3>
<div class="icon-margin"><i class="inverted orange big trophy icon"></i></div>
<p>In science, pathways are catalyzed sequences of reactions that lead to biochemical changes. Here at Pathways Fund, we believe that it sequences of research projects with enough support to solve a major problem. Therefore we created Pathway, which is a curated portfolio of promising research projects for a common cause.</p>
</div>
<div class="ui vertical divider"></div>
<div class="four wide column">
<h3 class="ui inverted header century">overlooked</h3>
<div class="icon-margin"><i class="inverted orange big unhide icon"></i></div>
<p>In science, pathways are catalyzed sequences of reactions that lead to biochemical changes. Here at Pathways Fund, we believe that it sequences of research projects with enough support to solve a major problem. Therefore we created Pathway, which is a curated portfolio of promising research projects for a common cause.</p>
</div>
</div>
</div>
</div>

<div class="ui vertical masthead center aligned segment second">
<div class="ui container">
<h2 class="century">who we are</span></h2>
<p>We are a group of scientists, technologists, and entrepreneurs who are passionate about making a difference. </p>
</div>
</div>

<div class="ui vertical masthead center aligned segment fifth">
<div class="ui text container">
<div class="text-box">
<h2 class="century">"Look deep into nature, and then you will understand everything better."</h2>
<h3 class="century albert">-Albert Einstein</h3>
</div>
</div>
</div>
8 changes: 4 additions & 4 deletions pipeline/app/views/layouts/application.html.erb
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>Pathway</title>
<title>Pathway Fund</title>
<link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
<%= stylesheet_link_tag 'application', media: 'all' %>
<%= javascript_include_tag 'application' %>
Expand All @@ -13,7 +13,7 @@

<div class="ui top fixed hidden menu">
<a ui-sref="home">
<h1 class="ui item logo">Pathway</h1>
<h1 class="ui item logo">Pathway Fund</h1>
</a>
<a ui-sref="discover" class="item">
Discover
Expand Down Expand Up @@ -42,7 +42,7 @@

<nav class="ui secondary pointing menu dis">
<a ui-sref="home">
<h1 class="ui item logo active">Pathway</h1>
<h1 class="ui item logo active">Pathway Fund</h1>
</a>
<a class="toc item">
<i class="sidebar icon"></i>
Expand Down Expand Up @@ -96,7 +96,7 @@
</div>
</div>
<div class="seven wide column">
<p>Copyright <i class="copyright icon"></i> 2016 Pathway, Inc. | All rights reserved.</p>
<p>Copyright <i class="copyright icon"></i> 2016 Pathway Fund, Inc. | All rights reserved.</p>
</div>
</div>
</div>
Expand Down