Skip to content

Commit 103353c

Browse files
purna135purna135
authored
Merge pull request #123 from purna135/add_sponsor_logo_to_homepage
Add sponsor logo to homepage
2 parents 987da9b + 05f017f commit 103353c

File tree

4 files changed

+168
-8
lines changed

4 files changed

+168
-8
lines changed

‎layouts/_default/sponsors.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -267,7 +267,7 @@ <h2>PyMCon Sponsorship Levels</h2>
267267
<!-- ================================== END OF PyMCon Sponsorship Levels ============================== -->
268268

269269
<!-- ================================== START OF 2023 SPONSORS LOGOS ============================== -->
270-
<section class="section our_sponsors" id="pymcon_sponsors">
270+
<section class="section our_sponsors our_sponsors_2023" id="pymcon_sponsors">
271271
<h1>PyMCon 2023 Sponsors</h1>
272272
<hr>
273273
<div class="container our_sponsors__container">
@@ -298,7 +298,7 @@ <h2>Non-profit Sponsors</h2>
298298
<!-- ================================== END OF 2023 SPONSORS LOGOS ============================== -->
299299

300300
<!-- ================================== START OF 2020 SPONSORS LOGOS ============================== -->
301-
<section class="section our_sponsors" id="pymcon_sponsors">
301+
<section class="section our_sponsors our_sponsors_2020" id="pymcon_sponsors2">
302302
<h1>PyMCon 2020 Sponsors</h1>
303303
<hr>
304304
<div class="container our_sponsors__container">

‎layouts/index.html‎

Lines changed: 57 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -162,10 +162,64 @@ <h3> {{ .title }} </h3>
162162
<!-- ========================== END OF GOALS ========================== -->
163163

164164

165-
165+
<!-- ================================== START OF PYMCON SPONSORS ============================== -->
166+
<section class="section pymcon__sponsor">
167+
<div class="container pymcon__sponsor__container">
168+
<h1>Our <span>💖</span> Sponsors</h2>
169+
<div class="slider">
170+
<div class="logos__container">
171+
<div class="sponsor_logo">
172+
<a href="https://www.mistplay.com/" target="_blank">
173+
<img src="/images/sponsors_logos/mistplay_logo.jpg" alt="Mistplay logo">
174+
</a>
175+
<h2>Hamiltonian Monte Carlo</h2>
176+
</div>
177+
178+
<div class="sponsor_logo">
179+
<a href="https://odsc.com/california/?utm_source=pymc&utm_medium=referral" target="_blank">
180+
<img src="/images/sponsors_logos/odsc_logo.jpg" alt="ODSC logo">
181+
</a>
182+
<h2>Hamiltonian Monte Carlo</h2>
183+
</div>
184+
185+
<div class="sponsor_logo">
186+
<a href="https://numfocus.org/" target="_blank">
187+
<img src="/images/sponsors_logos/num_focus_logo.jpg" alt="NumFOCUS logo">
188+
</a>
189+
<h2>Non-profit Sponsors</h2>
190+
</div>
191+
192+
<!-- ======== DUPLICATE FOR SLIDER TO WORK PROPERLY ======== -->
193+
194+
<div class="sponsor_logo">
195+
<a href="https://www.mistplay.com/" target="_blank">
196+
<img src="/images/sponsors_logos/mistplay_logo.jpg" alt="Mistplay logo">
197+
</a>
198+
<h2>Hamiltonian Monte Carlo</h2>
199+
</div>
200+
201+
<div class="sponsor_logo">
202+
<a href="https://odsc.com/california/?utm_source=pymc&utm_medium=referral" target="_blank">
203+
<img src="/images/sponsors_logos/odsc_logo.jpg" alt="ODSC logo">
204+
</a>
205+
<h2>Hamiltonian Monte Carlo</h2>
206+
</div>
207+
208+
<div class="sponsor_logo">
209+
<a href="https://numfocus.org/" target="_blank">
210+
<img src="/images/sponsors_logos/num_focus_logo.jpg" alt="NumFOCUS logo">
211+
</a>
212+
<h2>Non-profit Sponsors</h2>
213+
</div>
214+
</div>
215+
</div>
216+
</div>
217+
</section>
218+
<!-- ================================== END OF PYMCON SPONSORS ============================== -->
219+
166220

167221
<!-- ================================== START OF SUBSCRIBE ============================== -->
168-
<section class="section subscribe" {{ if not $showFeaturedEvent }} style="background: transparent; margin: 8rem 0 4rem;" {{ end }}>
222+
<!-- <section class="section subscribe" {{ if not $showFeaturedEvent }} style="background: transparent; margin: 8rem 0 4rem;" {{ end }}>
169223
<div class="container subscribe__container">
170224
<div class="subscribe__text">
171225
<h2>Join the PyMC Discourse to stay updated</h2>
@@ -175,7 +229,7 @@ <h2>Join the PyMC Discourse to stay updated</h2>
175229
</div>
176230
<a href="{{ .Site.Author.discourse }}" class="btn subscribe__btn">Take me to the Discourse</a>
177231
</div>
178-
</section>
232+
</section> -->
179233
<!-- ================================== END OF SUBSCRIBE ============================== -->
180234

181235

‎static/css/home.css‎

Lines changed: 101 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -464,6 +464,85 @@
464464
}
465465

466466

467+
/* ======================== PYMCON SPONSOR SLIDER ====================== */
468+
.pymcon__sponsor {
469+
padding: 6rem 0 6rem;
470+
background: var(--color-bg1);
471+
}
472+
473+
.pymcon__sponsor__container {
474+
display: grid;
475+
grid-template-columns: 1fr 5fr;
476+
gap: 1rem;
477+
align-items: center;
478+
}
479+
480+
.sponsor_logo {
481+
background: var(--color-bg2);
482+
width: 15rem;
483+
height: auto;
484+
margin: 0.6rem;
485+
padding: 1rem;
486+
border: 1px solid transparent;
487+
border-radius: 1rem;
488+
transition: var(--transition);
489+
}
490+
491+
.sponsor_logo h2{
492+
margin: 0;
493+
padding-top: 0.5rem;
494+
font-size: 0.9rem;
495+
}
496+
497+
.sponsor_logo:hover {
498+
border-radius: 0;
499+
background: transparent;
500+
border-color: var(--color-primary);
501+
}
502+
503+
.sponsor_logo img {
504+
transition: var(--transition);
505+
}
506+
507+
.sponsor_logo:hover img {
508+
transform: scale(1.07);
509+
}
510+
511+
.sponsor_logo:focus-within img {
512+
outline: 3px solid var(--color-red);
513+
transform: scale(0.9);
514+
outline-offset: 5px;
515+
border-radius: 5px;
516+
}
517+
518+
519+
/* ============= LOGO SCROLL ANIMATION ============= */
520+
.slider {
521+
width: 100%;
522+
overflow: hidden;
523+
}
524+
525+
.logos__container {
526+
display: flex;
527+
width: calc(16.2rem * 6);
528+
animation: scrollLogos 10s linear infinite;
529+
}
530+
531+
@keyframes scrollLogos {
532+
0% {
533+
transform: translateX(0);
534+
}
535+
100% {
536+
transform: translateX(calc(-16.2rem * 3));
537+
}
538+
}
539+
540+
.logos__container:hover,
541+
.logos__container:focus-within {
542+
animation-play-state: paused;
543+
}
544+
545+
467546
/* ======================== SUBSCRIBE ====================== */
468547
.subscribe {
469548
padding: 6rem 0 6rem;
@@ -593,9 +672,10 @@
593672
background: var(--color-white);
594673
color: var(--color-black);
595674
margin-top: auto;
596-
padding: .5rem 1rem;
675+
padding: 0.3rem 1rem;
597676
border: 2px solid transparent;
598677
border-radius: 2rem;
678+
font-size: 0.9rem;
599679
font-weight: 500;
600680
transition: var(--transition);
601681
}
@@ -649,6 +729,12 @@
649729
.event_2 .event__header .event__wrapper {
650730
grid-row: 2;
651731
}
732+
733+
734+
/* ======================== PYMCON SPONSOR SLIDER ====================== */
735+
.pymcon__sponsor__container > h1{
736+
font-size: 2rem;
737+
}
652738

653739

654740
/* ============================ GOALS ============================== */
@@ -784,6 +870,20 @@
784870
.goal p {
785871
font-size: 0.8rem;
786872
}
873+
874+
875+
/* ======================== PYMCON SPONSOR SLIDER ====================== */
876+
.pymcon__sponsor__container {
877+
grid-template-columns: 1fr;
878+
text-align: center;
879+
}
880+
.pymcon__sponsor__container > h1{
881+
grid-row: 1;
882+
}
883+
.pymcon__sponsor__container .slider{
884+
grid-row: 2;
885+
}
886+
787887

788888
/* ======================= SUBSCRIBE ======================== */
789889
.subscribe__container {

‎static/css/sponsors.css‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -315,14 +315,20 @@
315315

316316
/* ======================== 2020 SPONSORS LOGO ====================== */
317317
.our_sponsors {
318-
background: var(--color-bg);
319-
box-shadow: inset 0 1.5rem 2rem 0 rgba(0, 0, 0, 0.5);
320318
overflow-x: hidden;
321319
position: relative;
322320
text-align: center;
323321
align-items: center;
324322
}
325323

324+
.our_sponsors_2023 {
325+
background: var(--color-bg1);
326+
}
327+
328+
.our_sponsors_2020 {
329+
background: transparent;
330+
}
331+
326332
.our_sponsors h1 {
327333
font-size: 2rem;
328334
}

0 commit comments

Comments
 (0)