Skip to content
This repository has been archived by the owner on Nov 23, 2023. It is now read-only.

Add of partner page #53

Merged
merged 7 commits into from
Oct 30, 2017
Merged
Show file tree
Hide file tree
Changes from 5 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
2 changes: 2 additions & 0 deletions _includes/footer.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,8 @@
<a href="/events" class="footer-link" target="_blank">Hack Events</a> &bull;
<a href="/blog" class="footer-link">Blog</a> &bull;
<a href="/contribute" class="footer-link">Contribute</a> &bull;
<a href="/blog/2016/06/why-hospitalrun" class="footer-link">Why HospitalRun?</a>&bull;
<a href="/partners" class="footer-link">Our Partners</a>
<a href="/stats" class="footer-link">Stats</a> &bull;
<a href="/tryit" class="footer-link">Try it</a>
</nav>
Expand Down
2 changes: 2 additions & 0 deletions _includes/nav-links.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,5 +3,7 @@
<a href="/events" class="nav-link">Hack Events</a>
<a href="/blog" class="nav-link">Blog</a>
<a href="/contribute" class="nav-link">Contribute</a>
<a href="/blog/2016/06/why-hospitalrun" class="nav-link">Why HospitalRun?</a>
<a href="/partners" class="nav-link">Our Partners</a>
<a href="/stats" class="nav-link">Stats</a>
<a href="/tryit" class="nav-link cta">Try it</a>
30 changes: 30 additions & 0 deletions _includes/partners-list.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<div style="text-align:center" class='each-partner'>
<div class="partner-post">
<img src="../img/cure-logo.png" alt="Cure International logo" class="partner-logo">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These image tags are still missing an inline width attribute.

</div>
<h3 class="partner-name">Cure International</h3>
</div>
<div style="text-align:center" class='each-partner'>
<div class="partner-post">
<img src="../img/eHealth.png" alt="eHealthAfrica logo" class="partner-logo" >
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

...same here. Needs width attribute.

</div>
<h3 class="partner-name">eHealthAfrica</h3>
</div>
<div style="text-align:center" class='each-partner'>
<div class="partner-post">
<img src="../img/msbp.png" alt="Microsoft's Bizspark logo" class="partner-logo" >
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

...same here. Needs width attribute.

</div>
<h3 class="partner-name">Microsoft's Bizspark</h3>
</div>
<div style="text-align:center" class='each-partner center'>
<div class="partner-post">
<img src="../img/newrelic.png" alt="New Relic logo" class="partner-logo" >
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

...same here. Needs width attribute.

</div>
<h3 class="partner-name">New Relic</h3>
</div>
<div style="text-align:center" class='each-partner center'>
<div class="partner-post">
<img src="../img/ember.svg" alt="Ember Sherpa logo" class="partner-logo" >
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

...same here. Needs width attribute.

</div>
<h3 class="partner-name">Ember Sherpa</h3>
</div>
10 changes: 10 additions & 0 deletions _layouts/partners.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
---
layout: default
---
<div style="text-align:center" class="partner-heading">
<h1>Our Partners</h1>
</div>

<section class='partners'>
{% include partners-list.html %}
</section>
98 changes: 98 additions & 0 deletions _sass/_partners.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
@media screen and (min-width: 280px) {
.each-partner {
width: 100%;
background-color: #ffffff;
}
.partner-logo{
width: 200px;
height: 100px;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please remove the height attribute from this line, and set the width in the line above to max-width: 100%; instead. That will make it responsive within the container.

padding: 1%;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'd prefer to stick with consistent units in our CSS, so for padding and margin let's keep these all as px units, rather than percentage values or vw.

}
.partner-post{
padding-top: 5px;
padding-bottom: 5px;
}
.each-partner {
display: inline-block;
margin-right: 40px;
margin-bottom: 40px;
border-radius: 10px;
}
}
@media screen and (min-width: 480px) {
section.partners {
margin-right: -10%;
}
.each-partner {
width: 39%;
background-color: #ffffff;
border-radius: 10px;
}
.partner-logo{
width:155px;
}
}
@media screen and (min-width: 730px) {
section.partners {
margin-right: -10%;
}
.each-partner {
width: 39%;
background-color: #ffffff;
border-radius: 10px;
}
.partner-logo{
width:275px;
}
}
@media screen and (min-width: 980px) {
.each-partner {
width: 28%;
background-color: #ffffff;
border-radius: 10px;
}
.partner-logo{
width:250px;
}
}
@media screen and (min-width: 1310px) {
.partners{
margin: 0 -15% 0 -5%;
}
.each-partner {
width: 28%;
background-color: #ffffff;
border-radius: 10px;
}
.partner-logo{
width:250px;
}
}
@media screen and (min-width: 1610px) {

section.partners {
margin-left: -20%;
margin-right: -30%;
}

.each-partner {
width: 28%;
background-color: #ffffff;
border-radius: 10px;
}
.partner-logo{
width:400px;
}
}

.partner-name {
text-align: center;
margin: 10px 0;
font-size: 18px;
color: #000000;
font-weight: bold;
}
.partner-heading{
text-align: center;
margin-bottom: 50px;
}
3 changes: 3 additions & 0 deletions css/main.scss
Original file line number Diff line number Diff line change
Expand Up @@ -17,3 +17,6 @@

// Blog
@import "blog";

//partners
@import "partners";
Binary file added img/Ember-logo.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/cure-logo.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/eHealth.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 18 additions & 0 deletions img/ember.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/github.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/msbp.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/newrelic.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/stammed.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions partners/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
---
title: HospitalRun Partners
layout: partners
---