Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
#309)

* Adding Sponsors page for https://github.com/Comcast/Comcast.github.io/issues/306

* sponsorship over sponsor
  • Loading branch information
ericxedge authored Mar 16, 2020
1 parent bdd2041 commit 1c06e67
Show file tree
Hide file tree
Showing 17 changed files with 276 additions and 11 deletions.
1 change: 1 addition & 0 deletions blog.html
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,7 @@
<li id="nav-about"><a href="https://corporate.comcast.com/news-information/company-overview" target="_blank">About</a></li>
<li id="nav-projects"><a href="index.html">Home</a></li>
<li id="nav-talks"><a href="talks.html">Talks</a></li>
<li id="nav-sponsorship"><a href="sponsorship.html">Sponsorship</a></li>
<li id="nav-contact"><a href="#contact">Contact</a></li>
<li id="nav-contact"><a href="blog">Blog</a></li>
</ul>
Expand Down
1 change: 1 addition & 0 deletions hacktoberfest.html
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,7 @@
<li id="nav-about"><a href="https://corporate.comcast.com/news-information/company-overview" target="_blank">About</a></li>
<li id="nav-projects"><a href="https://comcast.github.io/">Home</a></li>
<li id="nav-talks"><a href="talks.html">Talks</a></li>
<li id="nav-sponsorship"><a href="sponsorship.html">Sponsorship</a></li>
<li id="nav-contact"><a href="#contact">Contact</a></li>
<li id="nav-contact"><a href="blog">Blog</a></li>
</ul>
Expand Down
1 change: 1 addition & 0 deletions ideas.html
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,7 @@
<li id="nav-about"><a href="https://corporate.comcast.com/news-information/company-overview" target="_blank">About</a></li>
<li id="nav-projects"><a href="index.html#projects">GSoC Projects</a></li>
<li id="nav-talks"><a href="talks.html">Talks</a></li>
<li id="nav-sponsorship"><a href="sponsorship.html">Sponsorship</a></li>
<li id="nav-contact"><a href="contact">Contact</a></li>
<li id="nav-blog"><a href="blog">Blog</a></li>
</ul>
Expand Down
Binary file added img/CFF_Logo_vertical_RGB.png
Loading
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/RDK.png
Loading
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/apache.png
Loading
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/cncf.png
Loading
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/linuxfoundation.png
Loading
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/openchain.png
Loading
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/openstack-vert.jpg
Loading
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/todo.png
Loading
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/yocto-logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,7 @@
<li id="nav-about"><a href="#about">About</a></li>
<li id="nav-projects"><a href="#projects">Projects</a></li>
<li id="nav-talks"><a href="talks.html">Talks</a></li>
<li id="nav-sponsorship"><a href="sponsorship.html">Sponsorship</a></li>
<li id="nav-contact"><a href="#contact">Contact</a></li>
<li id="nav-blog"><a href="blog.html">Blog</a></li>
</ul>
Expand Down
245 changes: 245 additions & 0 deletions sponsorship.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,245 @@
<!doctype html>
<!--
@license
Copyright 2017 Comcast Cable Communications Management, LLC
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta charset="UTF-8" />
<title>Sponsorship</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="title" content="Open Source | Comcast" />

<meta name="description" content="Comcast Open Source web site" />
<meta name="robots" content="open source, comcast, innovation" />
<meta name="googlebot" content="open source, comcast, innovation" />

<link rel="stylesheet" href="./style/css.css" />
<link rel="apple-touch-icon" sizes="57x57" href="https://comcast.github.io/img/favicon/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="114x114"
href="https://comcast.github.io/img/favicon/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="72x72" href="https://comcast.github.io/img/favicon/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="144x144"
href="https://comcast.github.io/img/favicon/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="60x60" href="https://comcast.github.io/img/favicon/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="120x120"
href="https://comcast.github.io/img/favicon/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="76x76" href="https://comcast.github.io/img/favicon/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="152x152"
href="https://comcast.github.io/img/favicon/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="https://comcast.github.io/img/favicon/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="https://comcast.github.io/img/favicon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="https://comcast.github.io/img/favicon/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="https://comcast.github.io/img/favicon/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="https://comcast.github.io/img/favicon/favicon-128.png" sizes="128x128" />

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@comcast" />
<meta name="twitter:creator" content="@comcast" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://comcast.github.io/" />
<meta property="og:title" content="Open Source | Comcast" />
<meta property="og:description" content="Comcast Open Source web site" />
<meta property="og:image" content="https://comcast.github.io/img/logo-comcast-color.png" />
</head>
<body>
<div class="top-informational">
<header>
<div>
<img src="./img/logo-comcast-color.png" alt="Comcast">
<ul class="navbar">
<li id="nav-about"><a href="index.html#about">About</a></li>
<li id="nav-projects"><a href="index.html#projects">Projects</a></li>
<li id="nav-talks"><a href="talks.html">Talks</a></li>
<li id="nav-sponsorship"><a href="sponsorship.html">Sponsorship</a></li>
<li id="nav-contact"><a href="#contact">Contact</a></li>
<li id="nav-blog"><a href="blog.html">Blog</a></li>
</ul>
</div>
</header>
<div class="intro-message-container">
<h1 class="message-title">Sponsorship</h1>
</div>
</div>
<div class="sponsorship" id="sponsorship">
<ul class="category-menu">
<li><a href="#all-members">All Members</a></li>
<li><a href="#platinum-members">Platinum</a></li>
<li><a href="#silver-members">Silver</a></li>
<li><a href="#preferred-members">Preferred</a></li>
<li><a href="#members">Member</a></li>
</ul>
<ul class="member-content" id="all-members">
<li class="member-category" id="platinum-members">
<h2>Platinum</h2>
<ul>
<li class="member">
<a href="https://www.apache.org/">
<img class="member-logo" src="./img/apache.png" alt="Apache" />
<h3 class="member-title">Apache</h3>
</a>
<p class="member-description">
The mission of the Apache Software Foundation (ASF) is to provide software for the public good. We do this by providing services and support for many like-minded software project communities consisting of individuals who choose to participate in ASF activities.
</p>
</li>
</ul>
</li>

<li class="member-category" id="silver-members">
<h2>Silver</h2>
<ul>
<li class="member">
<a href="https://www.cloudfoundry.org/">
<img class="member-logo" src="./img/CFF_Logo_vertical_RGB.png" alt="Cloud Foundry" />
<h2 class="member-title">Cloud Foundry</h2>
</a>
<p class="member-description">
The Cloud Foundry Foundation exists to drive the global awareness and adoption of the Cloud Foundry open source project, to grow a vibrant community of contributors, and to create coherence in strategy and action across all member companies for the sake of the project. We will do this by marketing the economic and technical activity of the entire Cloud Foundry community; governing with fairness, energy, and optimism; and growing a massive ecosystem based on application and skills portability.
</p>
</li>
<li class="member">
<a href="https://www.cncf.io/">
<img class="member-logo" src="./img/cncf.png" alt="Cloud Native Computing Foundation" />
<h2 class="member-title">Cloud Native Computing Foundation</h2>
</a>
<p class="member-description">
Cloud native technologies empower organizations to build and run scalable applications in modern, dynamic environments such as public, private, and hybrid clouds. Containers, service meshes, microservices, immutable infrastructure, and declarative APIs exemplify this approach.
</p>
</li>
<li class="member">
<a href="https://www.linuxfoundation.org/">
<img class="member-logo" src="./img/linuxfoundation.png" alt="The Linux Foundation" />
<h2 class="member-title">The Linux Foundation</h2>
</a>
<p class="member-description">
The Linux Foundation is dedicated to building sustainable ecosystems around open source projects to accelerate technology development and industry adoption.
</p>
</li>
</ul>
</li>

<li class="member-category" id="preferred-members">
<h2>Preferred</h2>
<ul>
<li class="member">
<a href="https://rdkcentral.com/">
<img class="member-logo" src="./img/RDK.png" alt="RDK" />
<h2 class="member-title">RDK</h2>
</a>
<p class="member-description">
Reference Design Kit, is a fully modular, portable, and customizable open source software solution that standardizes core functions used in video, broadband and IoT devices.
</p>
</li>
</ul>
</li>

<li class="member-category" id="members">
<h2>Member</h2>
<ul>
<li class="member">
<a href="https://www.yoctoproject.org">
<img class="member-logo" src="./img/yocto-logo.png" alt="Yocto Project" />
<h2 class="member-title">Yocto Project</h2>
</a>
<p class="member-description">
The Yocto Project (YP) is an open source collaboration project that helps developers create custom Linux-based systems regardless of the hardware architecture.
</p>
</li>
<li class="member">
<a href="https://www.openstack.org/">
<img class="member-logo" src="./img/openstack-vert.jpg" alt="OpenStack" />
<h2 class="member-title">OpenStack</h2>
</a>
<p class="member-description">
OpenStack software controls large pools of compute, storage, and networking resources throughout a datacenter, managed through a dashboard or via the OpenStack API. OpenStack works with popular enterprise and open source technologies making it ideal for heterogeneous infrastructure.
</p>
</li>
<li class="member">
<a href="https://www.openchainproject.org">
<img class="member-logo" src="./img/openchain.png" alt="OpenChain" />
<h2 class="member-title">OpenStack</h2>
</a>
<p class="member-description">
The OpenChain Project builds trust in open source by making open source license compliance simpler and more consistent.
</p>
</li>
<li class="member">
<a href="https://todogroup.org">
<img class="member-logo" src="./img/todo.png" alt="ToDo Group" />
<h2 class="member-title">ToDo Group</h2>
</a>
<p class="member-description">
TODO is an open group of companies who want to collaborate on practices, tools, and other ways to run successful and effective open source projects and programs.
</p>
</li>
</ul>
</li>
</ul>
</div>
<footer id="contact">
<section>
<h2>Learn More</h2>
<address>
<a class="email" href="mailto:[email protected]"><span>Comcast Open Source
Services</span></a>
<a class="blog" href="http://labs.comcast.com"><span>Comcast Labs Blog</span></a>
</address>
</section>
<section>
<p>Like what you see? <span>Come work with us!</span></p>
<a href="http://jobs.comcast.com/search-jobs?q=open+source&amp;loc=&amp;team=Technology&amp;radius=25&amp;postDate=&amp;pos=Full+Time&amp;country=#results"
class="button button--primary">View Job Openings</a>

<ul class="social">
<li><a href="https://www.facebook.com/ComcastCareers/?fref=ts"><img src="img/icon-facebook.svg"
alt="Facebook"></a></li>
<li><a href="https://twitter.com/comcastcareers"><img src="img/icon-twitter.svg" alt="Twitter"></a></li>
<li><a href="https://www.instagram.com/comcastcareers/"><img src="img/icon-instagram.svg" alt="Instagram"></a>
</li>
<li><a href="https://www.youtube.com/user/ComcastCareers"><img src="img/icon-youtube.svg" alt="YouTube"></a>
</li>
<li><a href="https://dribbble.com/comcast"><img src="img/icon-dribbble.svg" alt="Dribbble"></a></li>
</ul>
</section>
<section>
<div class="copyright">
<a href="http://corporate.comcast.com"><img src="img/logo-comcast-alt.svg" alt="Comcast"></a> &copy; 2017
Comcast
<a href="humans.txt" class="humans"><span class="screen-reader-text">humans.txt</span></a>
</div>
</section>
</footer>
</div>
<script src="./js/javascript.js"></script>
<script>
var GA_PAGEVIEW_SENT = false;
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

ga('create', 'UA-102911798-1', 'auto');
setTimeout(function () {
if (!window.GA_PAGEVIEW_SENT) {
ga('send', 'pageview');
GA_PAGEVIEW_SENT = true;
}
}, 3000);
</script>
</body>
</html>
2 changes: 1 addition & 1 deletion style/css.css

Large diffs are not rendered by default.

35 changes: 25 additions & 10 deletions style/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -115,7 +115,7 @@ header img {
}
}

header > div, .intro-message-container, .projects, .blog-content, .talks-content, .stats,
header > div, .intro-message-container, .sponsorship, .projects, .blog-content, .talks-content, .stats,
.hacktoberfest-stats {
margin-left: 15%;
margin-right: 15%;
Expand Down Expand Up @@ -282,11 +282,12 @@ header > div, .intro-message-container, .projects, .blog-content, .talks-content
top: 0;
}

ul.sticky, .projects {
ul.sticky, .projects, .sponsorship {
padding-top: 2em;
}

.projects {
.projects,
.sponsorship {
clear: both;
}

Expand Down Expand Up @@ -315,6 +316,9 @@ ul.sticky, .projects {
.github-content,
.github-content ul,
.github-content li,
.member-content,
.member-content ul,
.member-content li,
.blog-content ul,
.blog-content li,
.talks-content ul,
Expand Down Expand Up @@ -391,18 +395,25 @@ ul.sticky, .projects {
font-weight: 700;
}

.github-content {
.github-content,
.member-content {
margin-left: 220px;
}
}

.github-content .github-category {
.github-content .github-category,
.member-content .member-category {
display: block;
}

.github-content.category-selected .github-category {
.github-content.category-selected .github-category,
.member-content.category-selected .member-category {
display: none;
}

.member-content.platinum-selected #platinum-members,
.member-content.silver-selected #silver-members,
.member-content.preferred-selected #preferred-members,
.member-content.members-selected #members,
.github-content.backend-selected #backend-projects,
.github-content.bigdata-selected #bigdata-projects,
.github-content.frontend-selected #frontend-projects,
Expand All @@ -417,14 +428,16 @@ ul.sticky, .projects {
}

li.github-project,
li.member,
.blog-content section {
background: #fff;
border: 1px solid #DDE2E6;
padding: 1em;
overflow: hidden;
}

.project-logo {
.project-logo,
.member-logo {
height: 200px;
width: 200px;
display: block;
Expand Down Expand Up @@ -467,11 +480,13 @@ li.github-project,
margin-left: 15%;
margin-right: 15%;
}
.project-logo {
.project-logo,
.member-logo {
margin: 0 1em 0 0;
float: left;
}
.project-description {
.project-description,
.member-description {
margin-left: calc(200px + 1em);
}
}
Expand Down
1 change: 1 addition & 0 deletions talks.html
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,7 @@
<li id="nav-about"><a href="index.html#about">About</a></li>
<li id="nav-projects"><a href="index.html#projects">Projects</a></li>
<li id="nav-talks"><a href="talks.html">Talks</a></li>
<li id="nav-sponsorship"><a href="sponsorship.html">Sponsorship</a></li>
<li id="nav-contact"><a href="#contact">Contact</a></li>
<li id="nav-blog"><a href="blog.html">Blog</a></li>
</ul>
Expand Down

0 comments on commit 1c06e67

Please sign in to comment.