Skip to content

Commit 8b8d1d8

Browse files
akshat0047akshat0047
committed
added sponsor popups and company descriptions
1 parent 1751e6d commit 8b8d1d8

File tree

5 files changed

+180
-41
lines changed

5 files changed

+180
-41
lines changed

‎custom/css/style.css‎

Lines changed: 104 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -730,11 +730,7 @@ td .time {
730730
font-size: 20px;
731731
}
732732

733-
.pycon-spn h3 {
734-
color: #513278;
735-
font-weight: 600;
736-
padding: 20px 0;
737-
}
733+
738734

739735
/*--- updates--- */
740736

@@ -1661,3 +1657,106 @@ ul.faq-answer li a:hover {
16611657
#faq .card a:hover {
16621658
color: #B50000;
16631659
}
1660+
1661+
1662+
.mdp{
1663+
position: relative;
1664+
width:120px;
1665+
height:90px;
1666+
margin:auto;
1667+
}
1668+
.sponsor-padding{
1669+
padding: 40px;
1670+
}
1671+
@media all and (min-width:800px){
1672+
.popup{
1673+
position: absolute;
1674+
display: none;
1675+
top:90%;
1676+
border-radius: 2%;
1677+
background:#f9f9f9;
1678+
width:100%;
1679+
height: auto;
1680+
padding-top: 15px;
1681+
padding-bottom:7px;
1682+
padding-left: 20px;
1683+
padding-right: 20px;
1684+
filter: drop-shadow(0px 10px 5px rgba(0,0,0,0.1));
1685+
z-index:20;
1686+
}
1687+
.pycon-spn h3 {
1688+
background-color: #513278;
1689+
color:white;
1690+
width: 25%;
1691+
margin: auto;
1692+
font-weight: 600;
1693+
padding: 5px 0;
1694+
}
1695+
.close-sponsor-dialogue{
1696+
color:grey;
1697+
position: absolute;
1698+
float:right;
1699+
right:5px;
1700+
font-size:1.2em;
1701+
transition: color 0.3s;
1702+
height:20px;
1703+
width:20px;
1704+
}
1705+
}
1706+
@media all and (max-width:799px){
1707+
.popup{
1708+
position: absolute;
1709+
display: none;
1710+
top:70px;
1711+
right:5%;
1712+
border-radius: 2%;
1713+
background:#f9f9f9;
1714+
width:90%;
1715+
height: auto;
1716+
padding-top: 7px;
1717+
padding-bottom: 7px;
1718+
filter: drop-shadow(0px 10px 5px rgba(0,0,0,0.1));
1719+
z-index:20;
1720+
}
1721+
.pycon-spn h3 {
1722+
background-color: #513278;
1723+
color:white;
1724+
width: 100%;
1725+
margin: auto;
1726+
font-weight: 600;
1727+
padding: 5px 0;
1728+
}
1729+
.close-sponsor-dialogue{
1730+
color:grey;
1731+
position: absolute;
1732+
float:right;
1733+
right:25px;
1734+
font-size:1.2em;
1735+
transition: color 0.3s;
1736+
height:15px;
1737+
width:15px;
1738+
}
1739+
}
1740+
.link{
1741+
cursor:pointer;
1742+
}
1743+
1744+
.btn-details{
1745+
border: solid rgba(0,0,0,0.8) 1px;
1746+
border-radius:5px;
1747+
color:black;
1748+
1749+
}
1750+
.btn-details:hover{
1751+
color:white !important;
1752+
background-color: rgba(226, 62, 137,1);
1753+
}
1754+
.pop-data{
1755+
font-weight:400 !important;
1756+
color: #353535;
1757+
font-size:0.8em;
1758+
}
1759+
.pop-head{
1760+
font-family: 'Montserrat Alternates', sans-serif !important;
1761+
font-weight:600;
1762+
}

‎data/sponsors.json‎

Lines changed: 45 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -4,127 +4,147 @@
44
"alt-text":"D. E. Shaw India",
55
"img":"img/sponsors/DESCO_Logo_2c.jpg",
66
"link": "http://www.deshawindia.com/",
7-
"class": "platinum"
7+
"class": "platinum",
8+
"description": "AQR is a global investment management firm dedicated to delivering results for our clients. At the nexus of economics, behavioral finance, data and technology, AQR’s evolution over two decades has been a continuous exploration of what drives markets and how it can be applied to client portfolios. Our culture of intellectual curiosity compels us to challenge the status quo, disrupt long-held beliefs and uncover new insights."
89
},
910
{
1011
"alt-text":"Go-Jek",
1112
"img":"img/sponsors/go-jek.png",
1213
"link": "https://www.gojek.io/",
13-
"class": "platinum"
14+
"class": "platinum",
15+
"description": "GO-JEK is a Super App. It’s one app for ordering food, commuting, digital payments, shopping, hyper-local delivery, getting a massage and two dozen services. It is Indonesia’s first and fastest growing unicorn building an on-demand empire."
1416
},
15-
{
16-
"alt-text":"AQR",
17-
"img":"img/sponsors/aqr.jpg",
18-
"link": "https://www.aqr.com/",
19-
"class": "aqr"
20-
},
2117
{
2218
"alt-text":"Indeed",
2319
"img":"img/sponsors/indeed.png",
2420
"link": "https://www.indeed.jobs/career/JobListHyderabad",
25-
"class": "platinum"
21+
"class": "platinum",
22+
"description": "At Indeed, we help people get jobs, but it's more than just our mission. It’s a promise that extends to all our employees, as well as job seekers and employers. As the world’s #1 job site, we take pride in helping people get to where they want to be in their careers. Whether you’re still in school or looking for your next opportunity to make an impact, Indeed is dedicated to helping people explore their passions while giving them the tools to succeed with Indeed and beyond."
23+
},
24+
{
25+
"alt-text":"AQR",
26+
"img":"img/sponsors/aqr.jpg",
27+
"link": "https://www.aqr.com/",
28+
"class": "aqr",
29+
"description": "D. E. SHAW INDIA PRIVATE LIMITED ('DESIS') is a part of the D. E. Shaw group, a global investment and technology development firm founded in 1988 with more than $50 billion in investment capital as of April 1, 2018, and offices in North America, Europe, and Asia. The firm has earned an international reputation for successful investing based on innovation, careful risk management, and the quality and depth of their staff. The firm has a significant presence in the world's capital markets, investing in a wide range of companies and financial instruments in both developed and developing economies."
2630
}
2731
],
2832
"Gold":[
2933
{
3034
"alt-text":"Pramati Technologies",
3135
"img":"img/sponsors/Pramati.png",
3236
"link": "https://www.pramati.com/",
33-
"class": "gold"
37+
"class": "gold",
38+
"description": "Pramati has a two-decade track record of helping enterprises become agile by leveraging its world-class software products and platform engineering capabilities. Taking a whole brained approach to engineering, coupled with an entrepreneurial culture, Pramati constantly helps its customers challenge status quo. But Pramati is different because of its people. It’s values, passion, and way of doing things are the intangibles that makes the difference to customers and communities it serves. A unique technical culture and an innovative business model helps to deliver results for each customer’s unique reality. More than 100 global product companies and F500 enterprises work with Pramati. Pramati has offices in Mountain View-CA, Hyderabad, Chennai and Bengaluru-India and owns the brands WaveMaker, SpotCues, Reve Marketing, and Imaginea."
3439
},
3540
{
3641
"alt-text":"Soroco",
3742
"img":"img/sponsors/soroco.png",
3843
"link": "http://www.soroco.com/",
39-
"class": "soroco"
44+
"class": "soroco",
45+
"description": "Soroco is a next-gen tech company pioneering cutting-edge business automation. The 4- year-old company with its global network of offices in Boston, London, Seattle and Bangalore has sparked off a revolution in the automation industry by creating innovative solutions for hard problems."
4046
},
4147
{
4248
"alt-text":"LiveHealth",
4349
"img":"img/sponsors/LiveHealth_logo.png",
4450
"link": "https://livehealth.in",
45-
"class": "gold"
51+
"class": "gold",
52+
"description": "LiveHealth is a next generation cloud based and mobile ready MIS for Diagnostic Centre which helps them manage their Point of Sales, MIS, Medical Instruments, EMR & reduce human error."
4653
},
4754
{
4855
"alt-text":"IBM",
4956
"img":"img/sponsors/ibm.png",
5057
"link": "http://www.ibm.com/in",
51-
"class": "gold"
58+
"class": "gold",
59+
"description": "IBM has been present in India since 1951. Since inception, IBM India has expanded its operations with regional headquarters in Bangalore and offices in over 20 cities. These include regional offices in New Delhi, Mumbai, Kolkata and Chennai. Today, IBM India has established itself as one of the leaders in the Indian Information Technology Industry."
5260
},
5361
{
5462
"alt-text":"VMware",
5563
"img":"img/sponsors/VMware_logo.jpg",
5664
"link": "https://www.vmware.com/in/company.html",
57-
"class": "vmware"
65+
"class": "vmware",
66+
"description": "VMware is a global leader in cloud infrastructure and business mobility. VMware accelerates customers’ digital transformation journey by enabling enterprises to master a software-defined approach to business and IT. With VMware solutions, organizations are building extraordinary experiences by mobilizing everything. Our customers are responding faster to opportunities with modern data and apps hosted across hybrid clouds, and safeguarding customer trust with a defense-in-depth approach to cybersecurity."
5867
},
5968
{
6069
"alt-text":"Corteva",
6170
"img":"img/sponsors/corteva.png",
6271
"link": "https://www.corteva.com/",
63-
"class": "gold"
72+
"class": "gold",
73+
"description": "Corteva Agriscience™, the agriculture division of DowDuPont™, is the only major agriscience company completely dedicated to agriculture. By combining the strengths of DuPont Pioneer, DuPont Crop Protection and Dow AgroSciences, we've harnessed agriculture's brightest minds and expertise gained over two centuries of scientific achievement."
6474
},
6575
{
6676
"alt-text":"Zauba Cloud",
6777
"img":"img/sponsors/zaubacloud.png",
6878
"link": "https://zauba.company/",
69-
"class": "gold"
79+
"class": "gold",
80+
"description": "Zauba Cloud is a next generation cloud computing platform that accelerates product development, reduces cost and increases overall performance and reliability of assets on cloud"
7081
},
7182
{
7283
"alt-text":"Google",
7384
"img":"img/sponsors/google_developers.png",
7485
"link": "https://developers.google.com/",
75-
"class": "google"
86+
"class": "google",
87+
"description": "The relentless search for better answers continues to be at the core of everything we do. Today, with more than 60,000 employees in 50 different countries, Google makes hundreds of products used by billions of people across the globe, from YouTube and Android to Smartbox and, of course, Google Search. Although we’ve ditched the Lego servers and added just a few more company dogs, our passion for building technology for everyone has stayed with us — from the dorm room, to the garage, and to this very day."
7688
}
7789
],
7890
"Silver":[
7991
{
8092
"alt-text":"FOSSEE",
8193
"img":"img/sponsors/fossee.png",
8294
"link": "https://fossee.in/",
83-
"class": "silver"
95+
"class": "silver",
96+
"description": "FOSSEE(Free and Open Source Software in Education) project promotes the use of FOSS tools to improve the quality of education in our country. We aim to reduce dependency on proprietary software in educational institutions. We encourage the use of FOSS tools through various activities such as Textbook Companions, Lab Migration, Workshops, Conferences, Forums, Software Development and Others. We also develop and upgrade existing tools to meet the requirements in academia and research."
8497
},
8598
{
8699
"alt-text":"ZeOmega",
87100
"img":"img/sponsors/zeomega.png",
88101
"link": "http://www.zeomega.com/",
89-
"class": "zeomega"
102+
"class": "zeomega",
103+
"description": "ZeOmega is the premier enabler of value-based care. We provide technical solutions to facilitate collaboration among healthcare stakeholders. Jiva™, our Population Health Management Solution, helps healthcare organizations achieve Triple Aim goals."
90104
},
91105
{
92106
"alt-text":"DBS",
93107
"img":"img/sponsors/DBS_Logo.png",
94108
"link": "https://www.dbs.com/asia-hub-2/index.html",
95-
"class": "dbs"
109+
"class": "dbs",
110+
"description": "info here"
96111
}
97112
],
98113
"Associate":[
99114
{
100115
"alt-text":"Reckonsys",
101116
"img":"img/sponsors/reckonsys.png",
102117
"link": "https://www.reckonsys.com/",
103-
"class": "associate"
118+
"class": "associate",
119+
"description": "Reckonsys is a boutique software development company providing help to Startups/SME's who wish to shape their ideas into well-established products through disciplined and structured product development approach. We, at Reckonsys, help these organizations through the entire process of Product development, right from selecting the perfect tech stack to UI/UX Design to developing product end-to-end and finally deploying to cloud platforms, like AWS or Digital Ocean, using our profound knowledge in DevOps. Our specializations include Web Applications, Native and Hybrid mobile applications and UI/UX design, mainly using Python."
104120
},
105121
{
106122
"alt-text": "Pipal Academy",
107123
"img": "img/sponsors/pipal.png",
108124
"link": "https://pipal.in",
109-
"class": "pipal"
125+
"class": "pipal",
126+
"description": "Pipal Academy is a collective of experienced technologists, who care deeply about the art of software development. They offer in-depth courses on niche technical topics. We regularly conduct public workshops and also offer on site corporate trainings. Our courses are targeted at professional software developers and we make sure they are hands-on and interactive. Very often the participants finish our courses with lot of excitement and joy of learning."
110127
},
111128
{
112129
"alt-text": "Atonarp",
113130
"img": "img/sponsors/atonarp.png",
114131
"link": "https://www.atonarp.com/",
115-
"class": "associate"
132+
"class": "associate",
133+
"description": "At Atonarp, we are revolutionizing how we sense, collect, process and interpret data at the molecular level. Our teams work out of Tokyo, California and Bengaluru with a focus on scientific technology platforms for molecular analysis. "
116134
},
117135
{
118136
"alt-text": "Elucidata",
119137
"img": "img/sponsors/Elucidata.svg",
120138
"link": "http://elucidata.io/",
121-
"class": "elucidata"
139+
"class": "elucidata",
140+
"description": "info here"
122141
},
123142
{
124143
"alt-text": "Innovaccer",
125144
"img": "img/sponsors/logo-innovaccer-full.png",
126145
"link": "https://innovaccer.com/",
127-
"class": "innovaccer"
146+
"class": "innovaccer",
147+
"description": "Innovaccer Inc. is a leading healthcare data platform company focused on delivering a more efficient and effective healthcare through the use of pioneering analytics and transparent, clean, and accurate data. Innovaccer’s aim is to simplify complex data from all points of care, streamline the information, and help organizations make powerful decisions and realize strategic goals based on key insights and predictions from their data"
128148
}
129149
]
130150
}

‎icons/window-close-solid.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎index.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@
2020
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
2121
<link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
2222
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
23+
<link rel="icon" type="image/svg" sizes="16x16" href="icons/window-close-solid.svg">
2324
<link rel="manifest" href="icons/manifest.json">
2425
<meta name="msapplication-TileColor" content="#513278">
2526
<meta name="msapplication-TileImage" content="icons/ms-icon-144x144.png">
@@ -74,7 +75,7 @@
7475
<!-- Bootstrap Core CSS -->
7576
<link href="custom/css/bootstrap.min.css" rel="stylesheet" type="text/css">
7677
<!-- Font Awesome Icons -->
77-
<link rel="stylesheet" href="./font-awesome/css/font-awesome.min.css">
78+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" >
7879
<!-- Global site tag (gtag.js) - Google Analytics -->
7980
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-111617773-1"></script>
8081
<script>

‎js/sponsor.js‎

Lines changed: 28 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
1-
$(document).ready(function(){
21

3-
$.get('./data/sponsors.json',function(response){
2+
$(document).ready(function(){
3+
$.getJSON('./data/sponsors.json',function(response){
44
constructSponsorBlock(response);
5+
createPopupAnimation();
56
});
67
});
7-
8+
var popupId=1;
89
constructSponsorBlock = function(data){
910
var sponsorContent = "";
1011

@@ -23,26 +24,43 @@ constructSponsorBlock = function(data){
2324
$("#sponsors-content").append(sponsorContent);
2425
}
2526

26-
buildSponsorRow = function(items, category) {
27+
buildSponsorRow = function(items,category) {
2728
var totalItems = items.length;
2829
var offset = '';
2930
var rowContent = '';
3031
switch(totalItems) {
3132
case 1:
32-
offset = 'col-md-offset-4 ';
33+
offset = 'col-lg-offset-4 col-md-offset-4 ';
3334
break;
3435
case 2:
35-
offset = 'col-md-offset-2 ';
36+
offset = 'col-lg-offset-2 col-md-offset-2 ';
3637
break;
3738
default:
3839
offset = ''
3940
}
4041

4142
for (var i = 0; i < totalItems; i++) {
42-
rowContent += "<div class='" + (i == 0 ? offset : "") + (["platinum"].indexOf(category.toLowerCase()) >= 0 ? "col-md-3" : "col-md-4") + " sponsor-padding'><a href='" + items[i]["link"] +
43-
"' target='_blank'><div class='img-container'><img src='" + items[i]["img"] + "' alt='" + items[i]["alt-text"] +
44-
"' class='img-responsive sponsor center-block " + items[i]["class"] +"'></a></div></div>";
43+
rowContent += "<div class='" + (i == 0 ? offset : "") + (["platinum"].indexOf(category.toLowerCase()) >= 0 ? "col-md-3" : "col-md-4") + " sponsor-padding'>"+
44+
"<div id='"+popupId+"' class='img-container link'><img src='" + items[i]["img"] + "' alt='" + items[i]["alt-text"] +
45+
"' class='img-responsive sponsor center-block " + items[i]["class"] +"'></div>"+
46+
"<div class='popup text-center'><div class='row'><div class='col-xs-12 col-sm-12 col-md-12 col-lg-12'>"+
47+
"<span class='close'><img src='icons/window-close-solid.svg' class='fas fa-window-close close-sponsor-dialogue '></span><h4 class='pop-head'>"+items[i]["alt-text"]+"</h4><p class='pop-data'>"+items[i]["description"]+
48+
"</p><a href='"+items[i]["link"]+"' target='_blank' title='"+items[i]["alt-text"]+"' class='pop-head btn btn-details text-center'>Website</a>"+
49+
"</div></div></div></div>";
50+
popupId=popupId+1;
4551
}
46-
4752
return rowContent;
4853
}
54+
55+
function createPopupAnimation(){
56+
var id;
57+
$(".link").click(function(event){
58+
$(".popup").css("display","none");
59+
var id = $(this).attr("id");
60+
$(".popup").eq(id-1).css("display","block");
61+
});
62+
$(".close").click(function(event){
63+
$(".popup").css("display","none");
64+
event.stopPropagation();
65+
});
66+
}

0 commit comments

Comments
 (0)