ACM/hack-wpi-python
3
0
Fork 0
Code Issues 12 Pull requests Projects Releases Packages Wiki Activity Actions

Fix padding on logos

Browse source
This commit is contained in:
Nick Krichevsky 2020-01-08 21:04:37 -05:00
parent a870ee931f
commit 7d6dc672ab
2 changed files with 29 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
static/css/style.css
View file

@ -38,15 +38,28 @@ h6 {
margin-left: 100px; margin-left: 100px;
} }
div.main-logo {
margin-top: 16px;
}
.sponsors { .sponsors {
text-align: center; text-align: center;
display: block; display: block;
padding: 20px; padding: 20px;
} }
.sponsors > div {
margin-bottom: 40px;
}
.sponsors > div:last-child {
margin-bottom: 0;
}
.sponsors img { .sponsors img {
display: inline-block; display: inline-block;
margin-right: 40px; margin-right: 40px;
margin-bottom: 40px;
} }
.title-sponsors img{ .title-sponsors img{
max-height: 90px; max-height: 90px;

30
templates/index.html
View file

@ -1,9 +1,9 @@
{% include 'header.html' %} {% include 'header.html' %}
<div> <div>
<!--Logo + Date+ Hosted By --> <!--Logo + Date+ Hosted By -->
<div class="container"> <div class="container">
<div class="row center"> <div class="row center main-logo">
<img src="../static/img/hackwpilogo.png" alt="logo" style='height: 100%; width: 100%; object-fit: contain'/> <img src="../static/img/hackwpilogo.png" alt="logo" style='height: 100%; width: 100%; object-fit: contain'/>
</div> </div>
</div> </div>
@ -18,8 +18,8 @@
<h4>100 Institute Road</h4> <h4>100 Institute Road</h4>
<h4> Worcester, MA 01609</h4> <h4> Worcester, MA 01609</h4>
<hr/> <hr/>
<!-- Sponsors for 2020 --> <!-- Sponsors for 2020 -->
<h2> OUR SPONSORS FOR 2020 </h2> <h2> OUR SPONSORS FOR 2020 </h2>
@ -29,24 +29,24 @@
<div class="title-sponsors"> <div class="title-sponsors">
<img class="logo" src="../static/img/logos/bose.png"></div> <img class="logo" src="../static/img/logos/bose.png"></div>
<div class="platinum-sponsors"> <div class="platinum-sponsors">
<h1>WPI Computer Science Department</h1> <h1>WPI Computer Science Department</h1>
</div> </div>
<div class="gold-sponsors"> <div class="gold-sponsors">
<img class="logo" src="../static/img/logos/iboss.png" style = "height: 140px"> <img class="logo" src="../static/img/logos/iboss.png" style = "height: 140px">
<img class="logo" src="../static/img/logos/kronos.png" style = "height: 65px"> <img class="logo" src="../static/img/logos/kronos.png" style = "height: 65px">
<img class="logo" src="../static/img/logos/paytronix.png" style = "height: 30px"> <img class="logo" src="../static/img/logos/paytronix.png" style = "height: 30px">
<img class="logo" src="../static/img/logos/abbvie.png" style = "height: 65px"> <img class="logo" src="../static/img/logos/abbvie.png" style = "height: 65px">
</div> </div>
<div class="silver-sponsors"> <div class="silver-sponsors">
<img class="logo" src="../static/img/logos/carbonblack.png" > <img class="logo" src="../static/img/logos/carbonblack.png" >
</div> </div>
<div class="bronze-sponsors"> <div class="bronze-sponsors">
<img class="logo" src="../static/img/logos/wakefly.png" style = "height: 70px"> <img class="logo" src="../static/img/logos/wakefly.png" style = "height: 70px">
<img class="logo" src="../static/img/logos/amazon.png" style = "height: 70px"> <img class="logo" src="../static/img/logos/amazon.png" style = "height: 70px">
<img class="logo" src="../static/img/logos/everquote.png" style = "height: 35px"> <img class="logo" src="../static/img/logos/everquote.png" style = "height: 35px">
<img class="logo" src="../static/img/logos/synopses.png" style = "height: 20px"> <img class="logo" src="../static/img/logos/synopses.png" style = "height: 20px">
<img class="logo" src="../static/img/logos/boozallenhamilton.png" style = "height: 35px"> <img class="logo" src="../static/img/logos/boozallenhamilton.png" style = "height: 35px">
</div> </div>
@ -71,7 +71,7 @@
<div class = "FAQ"> <div class = "FAQ">
<h4>What are the awards for?</h4> <h4>What are the awards for?</h4>
<h6>The categories this year are: </h6> <h6>The categories this year are: </h6>
<h6>Best Overall Project <h6>Best Overall Project
<h6>Best Game </h6> <h6>Best Game </h6>
<h6>Best Software </h6> <h6>Best Software </h6>
<h6>Best Hardware </h6> <h6>Best Hardware </h6>
@ -93,7 +93,7 @@
<div class = "FAQ"> <div class = "FAQ">
<h4>How should I prepare beforehand?</h4> <h4>How should I prepare beforehand?</h4>
<h6>Make sure you have travel plans in place, especially in case of random snowfalls. Unfortunately, we do not provide travel reimbursements. <h6>Make sure you have travel plans in place, especially in case of random snowfalls. Unfortunately, we do not provide travel reimbursements.
It’s also nice to have an idea in mind beforehand. However, we ask that you do not bring any pre-made materials to keep the competition fair. </h6> It’s also nice to have an idea in mind beforehand. However, we ask that you do not bring any pre-made materials to keep the competition fair. </h6>
</div> </div>
@ -101,7 +101,7 @@
<h4>What is the schedule?</h4> <h4>What is the schedule?</h4>
<h6><a href = 'https://docs.google.com/spreadsheets/d/1FSh2UfZwoMwXlgrKnKjnQg2okEcLDVCP30khnPdM1H0/edit?usp=sharing' style= "color: blue">Here it is!</a> Keep in mind that this is tentative. </h6> <h6><a href = 'https://docs.google.com/spreadsheets/d/1FSh2UfZwoMwXlgrKnKjnQg2okEcLDVCP30khnPdM1H0/edit?usp=sharing' style= "color: blue">Here it is!</a> Keep in mind that this is tentative. </h6>
</div> </div>
</div> </div>