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

Add Bose logo to title and sponsor list

Browse source
This commit is contained in:
Nick Krichevsky 2019-08-27 21:17:02 -04:00
parent 423d3e92c3
commit f00f8b06f0
5 changed files with 45 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
static/css/style.css
View file

@ -11,6 +11,10 @@ nav .brand-logo {
color: #444; color: #444;
} }
nav {
height: 148px;
}
p { p {
line-height: 2rem; line-height: 2rem;
} }
@ -19,8 +23,6 @@ p {
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
height: 100%; height: 100%;
left: 50%;
transform: translateX(-50%);
} }
.button-collapse { .button-collapse {
@ -134,23 +136,19 @@ footer.page-footer {
} }
.partner-sponsors img { .partner-sponsors img {
max-height: 120px; max-height: 170px;
} }
.gold-sponsors img { .gold-sponsors img {
max-height: 90px; max-height: 70px;
} }
.silver-sponsors img { .silver-sponsors img {
max-height: 85px; max-height: 68px;
} }
.bronze-sponsors img { .bronze-sponsors img {
max-height: 80px; max-height: 60px;
}
.other-sponsors img {
max-height: 75px;
} }
.platinum-sponsors .sponsor-name { .platinum-sponsors .sponsor-name {
@ -161,3 +159,27 @@ footer.page-footer {
padding: 10px; padding: 10px;
} }
#logo-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
}
.nav-logo {
height: 84px;
}
#hosted-by-container {
height: 64px;
text-align: center;
display: flex;
align-items: center;
font-weight: 600;
font-size: 40px;
}
.hosted-by-logo {
height: 64px;
}

BIN
static/img/logos/bose-white.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
static/img/logos/bose.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 28 KiB

12
templates/header.html
View file

@ -15,10 +15,14 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head> </head>
<body> <body>
<nav class="white" role="navigation" style="height: 80px"> <nav class="main-nav white" role="navigation">
<div class="nav-wrapper container"> <div class="nav-wrapper container">
<a id="logo-container" href="#" class="red-text text-darken-4 brand-logo"> <div id="logo-container" class="black-text brand-logo">
<img src="../static/img/hackwpi_longlogo.png" alt="hack@WPI" height="100%"> <img class="nav-logo" src="../static/img/hackwpi_longlogo.png" alt="hack@WPI">
</a> <div id="hosted-by-container">
<span>Hosted By</span>
<img class="hosted-by-logo" src="../static/img/logos/bose.png" alt="Bose">
</div>
</div>
</div> </div>
</nav> </nav>

6
templates/index.html
View file

@ -119,9 +119,13 @@
<div class="section no-pad-bot"> <div class="section no-pad-bot">
<div class="container"> <div class="container">
<div class="row center sponsors"> <div class="row center sponsors">
<div class="partner-sponsors">
<h2>Title Sponsors</h2>
<img class="logo" src="../static/img/logos/bose-white.png">
</div>
<div class="platinum-sponsors"> <div class="platinum-sponsors">
<h2>Platinum Sponsors</h2> <h2>Platinum Sponsors</h2>
<div class="sponsor-name">Could be you!</div> <div style="font-size: 100px;" class="sponsor-name">Could be you!</div>
</div> </div>
<div class="gold-sponsors"> <div class="gold-sponsors">
<h2>Gold Sponsors</h2> <h2>Gold Sponsors</h2>