-
Notifications
You must be signed in to change notification settings - Fork 13
/
index.html
15 lines (14 loc) · 7.72 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!doctypehtml><html lang="en"><meta charset="UTF-8"><meta name="viewport"content="width=device-width,initial-scale=1"><title>Angular Air</title><meta name="author"content="Justin Schwartzenberger"><meta name="description"content="A live videocast on YouTube about Angular, a JavaScript platform for building mobile and desktop web applications."><meta name="keywords"content="angular,youtube,google,angular 2,angular.js,angularjs,javascript,training,tutorial,web development,front end development"><link rel="apple-touch-icon"sizes="180x180"href="/apple-touch-icon.png?v=lk90WvAQ4x"><link rel="icon"type="image/png"sizes="32x32"href="/favicon-32x32.png?v=lk90WvAQ4x"><link rel="icon"type="image/png"sizes="16x16"href="/favicon-16x16.png?v=lk90WvAQ4x"><link rel="manifest"href="/site.webmanifest?v=lk90WvAQ4x"><link rel="mask-icon"href="/safari-pinned-tab.svg?v=lk90WvAQ4x"color="#c7152d"><link rel="shortcut icon"href="/favicon.ico?v=lk90WvAQ4x"><meta name="apple-mobile-web-app-title"content="Angular Air"><meta name="application-name"content="Angular Air"><meta name="msapplication-TileColor"content="#2d89ef"><meta name="theme-color"content="#ffffff"><meta name="twitter:card"content="summary"><meta name="twitter:site"content="@angularair"><meta name="twitter:creator"content="@schwarty"><meta property="og:image:height"content="473"><meta property="og:image:width"content="903"><meta property="og:description"content="A live videocast on YouTube about Angular, a JavaScript platform for building mobile and desktop web applications."><meta property="og:title"content="Angular Air"><meta property="og:url"content="https://angularair.com"><meta property="og:image"content="https://angularair.com/assets/og-image.jpg"><meta property="og:image:alt"content="Banner Image for Angular Air"><script defer="defer"src="https://use.fontawesome.com/releases/v5.7.2/js/solid.js"integrity="sha384-6FXzJ8R8IC4v/SKPI8oOcRrUkJU8uvFK6YJ4eDY11bJQz4lRw5/wGthflEOX8hjL"crossorigin="anonymous"></script><script defer="defer"src="https://use.fontawesome.com/releases/v5.7.2/js/brands.js"integrity="sha384-zJ8/qgGmKwL+kr/xmGA6s1oXK63ah5/1rHuILmZ44sO2Bbq1V3p3eRTkuGcivyhD"crossorigin="anonymous"></script><script defer="defer"src="https://use.fontawesome.com/releases/v5.7.2/js/fontawesome.js"integrity="sha384-xl26xwG2NVtJDw2/96Lmg09++ZjrXPc89j0j7JHjLOdSwHDHPHiucUjfllW0Ywrq"crossorigin="anonymous"></script><style>@font-face{font-family:Ubuntu;font-weight:400;font-display:fallback;src:local('Ubuntu'),url(https://fonts.gstatic.com/s/ubuntu/v10/4iCs6KVjbNBYlgoKfw72nU6AFw.woff2) format('woff2')}@font-face{font-family:Ubuntu;font-weight:700;font-display:fallback;src:local('Ubuntu'),url(https://fonts.gstatic.com/s/ubuntu/v10/4iCv6KVjbNBYlgoCxCvjsGyNPYZvgw.woff2) format('woff2')}@font-face{font-family:'Bowlby One SC';font-display:fallback;src:local('Bowlby One SC'),url(https://fonts.gstatic.com/s/bowlbyonesc/v10/DtVlJxerQqQm37tzN3wMug9P_g_2oipOnuA.woff2) format('woff2')}body{font-size:14pt;color:#353a40;font-family:Ubuntu,sans-serif;display:flex;flex-flow:column;align-items:center}body>div{max-width:800px;display:flex;flex-flow:column nowrap;align-items:center;padding-bottom:24px}h1{font-family:'Bowlby One SC',Arial,Helvetica,sans-serif;color:#c5152d;font-size:72pt;margin:0;line-height:5rem;letter-spacing:.2rem}a{text-decoration:none;color:#353a40}a:visited{color:#353a40}a:hover{color:#c7152d}.logo{display:flex;flex-flow:column nowrap;align-items:center}.logo>h1{white-space:nowrap}.about{display:flex;flex-flow:column;align-items:center}.about>p{font-size:1.6rem;text-align:center;padding-left:.6rem;padding-right:.6rem}.avatar-card{display:flex;flex-flow:column;align-items:center;width:300px}.panelists{width:100%}.panelists .avatar-card{width:200px}.avatar-card>img{border-radius:50%;width:94%;height:auto;border:6px solid #bfd9fc;position:relative}.avatar-card:hover>img{border-color:#c7152d}.avatar-card:hover>p{background-color:#c7152d;color:#fff}.avatar-card>p{text-align:center;background-color:#bfd9fc;border-bottom-left-radius:.6rem;border-bottom-right-radius:.6rem;color:#353a40;padding:5rem 0 .6rem 0;margin:-4.8rem 0 0 0;width:80%;box-shadow:0 .25rem .125rem 0 rgba(0,0,0,.1)}.host{margin-top:4rem}.host>h2{text-align:center}.panelists{margin-top:2rem;display:flex;flex-flow:row wrap;justify-content:center;column-gap:22px}.panelists>h2{flex:100%;text-align:center}.social{display:flex;flex-flow:column;align-items:center;margin-top:4rem}.social>h2{text-align:center}.social-card{border-radius:.5rem;display:flex;width:340px;box-shadow:0 .25rem .125rem 0 rgba(0,0,0,.1);background-color:#3992db;overflow:hidden}.social-card>svg{padding:1rem;color:#fff}.social-card>span{display:flex;align-items:center;background-color:#bfd9fc;color:#353a40;padding-left:.5rem;flex:1 auto;font-size:1.8rem}.social-card:hover>svg{color:#fff}.social-card:hover>span{background-color:#c7152d;color:#fff}.audio-links{width:300px;margin:4rem 0 2rem 0}.audio-links>h3{margin:0;padding:1rem;background-color:#343a40;color:#fff;border-top-left-radius:.25rem;border-top-right-radius:.25rem;margin-bottom:.25rem}.audio-links>a{display:flex;margin-bottom:.25rem;background-color:#dedede;padding:0 1rem;align-items:center}.audio-links>a:hover{background-color:#e2e2e2}.audio-links>a:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.audio-links>a>svg{min-width:3rem}.audio-links>a>span{padding:1rem;margin-left:1rem;border-width:.125rem;border-color:rgb(255,255,255,1);border-left-style:solid}@media only screen and (max-width:920px){h1{font-size:60pt}.panelists .avatar-card{margin-bottom:1.2rem}}@media only screen and (max-width:680px){body>div{max-width:80vw}h1{font-size:42pt}.logo>img{max-width:400px}}@media only screen and (max-width:570px){body{font-size:.9rem}h1{font-size:32pt}.logo>img{max-width:300px}.host .avatar-card{width:260px}.panelists{flex-flow:column wrap;align-items:center}}@media only screen and (max-width:399px){h1{font-size:24pt}.logo>img{max-width:240px}.about>p{font-size:1.2rem}.social-card{width:300px}.social-card>span{font-size:1.6rem}}</style><div><section class="logo"><img src="assets/angularairlogo.png"alt="Angular Air Logo"><h1>Angular Air</h1></section><section class="about"><p>A live stream on YouTube about all things <strong>Angular</strong> (by Google), a JavaScript platform for building mobile and desktop web applications.<br><h2>Watch on YouTube at</h2><a class="social-card"href="https://www.youtube.com/AngularAirPodcast"><span class="fab fa-youtube fa-2x"></span> <span>AngularAirPodcast</span></a></section><section class="panelists"><h2>Hosted by</h2><a href="https://twitter.com/AlyssaNicoll"class="avatar-card"><img src="assets/AlyssaNicoll.jpg"alt="Alyssa Nicoll Avatar Image"><p>Alyssa Nicoll<br>@AlyssaNicoll</p></a><a href="https://twitter.com/schwarty"class="avatar-card"><img src="assets/JustinSchwartzenberger.jpg"alt="Justin Schwartzenberger Avatar Image"><p>Justin Schwartzenberger<br>@schwarty</p></a><a href="https://twitter.com/brocco"class="avatar-card"><img src="assets/MikeBrocchi.jpg"alt="Mike Brocci Avatar Image"><p>Mike Brocchi<br>@brocco</p></a></section><section class="social"><h2>Connect with us on Twitter at</h2><a class="social-card"href="https://twitter.com/angularair"><span class="fab fa-twitter-square fa-2x"></span> <span>@angularair</span></a></section></div><script>(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', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-56527541-1', 'auto');
ga('require', 'displayfeatures');
ga('send', 'pageview');</script>