mirror of
https://github.com/mit-regressions/mit-regressions.github.io.git
synced 2025-04-03 04:00:17 -04:00
181 lines
9.7 KiB
HTML
181 lines
9.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
|
||
<!-- Page Information
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<meta charset="utf-8">
|
||
<title>MIT: REGRESSIONS, a documentary.</title>
|
||
<meta name="description" content="A feature-length film on the history of MIT, from World War 2 to COVID-19. Created by Wes and Luke. Full movie now available.">
|
||
<meta name="author" content="Lucas Igel and Wesley Block">
|
||
|
||
<!-- Facebook Meta Tags -->
|
||
<meta property="og:url" content="https://regressions.net">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:title" content="MIT: REGRESSIONS, a documentary.">
|
||
<meta property="og:description" content="A feature-length film on the history of MIT, from World War 2 to COVID-19. Created by Wes and Luke. Full movie now available.">
|
||
<meta property="og:image" content="images/social-v1.png">
|
||
|
||
<!-- Twitter Meta Tags -->
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta property="twitter:domain" content="regressions.net">
|
||
<meta property="twitter:url" content="https://regressions.net">
|
||
<meta name="twitter:title" content="MIT: REGRESSIONS, a documentary.">
|
||
<meta name="twitter:description" content="A feature-length film on the history of MIT, from World War 2 to COVID-19. Created by Wes and Luke. Full movie now available.">
|
||
<meta name="twitter:image" content="images/social-v1.png">
|
||
|
||
<!-- Favicon -->
|
||
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
|
||
<link rel="manifest" href="favicon/site.webmanifest">
|
||
|
||
<!-- Mobile Specific Metas
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<!-- FONT
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap" rel="stylesheet">
|
||
|
||
|
||
<!-- CSS
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<link rel="stylesheet" href="css/normalize.css">
|
||
|
||
<!-- Themes:
|
||
Dark: css/skeleton-dark.css
|
||
-->
|
||
<link rel="stylesheet" href="css/skeleton-dark.css">
|
||
|
||
<link rel="stylesheet" href="css/brands.css">
|
||
|
||
|
||
<!-- Favicon
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<link rel="icon" type="image/png" href="images/avatar.png">
|
||
|
||
<!-- Utils
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LZK0NQV957"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'G-LZK0NQV957');
|
||
</script>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<!-- Primary Page Layout
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="column" style="margin-top: -1%">
|
||
|
||
<!--
|
||
|
||
## Getting Started with LittleLink
|
||
|
||
This page has been built with every pre-designed button available in LittleLink by default. You can rearrange and delete as needed.
|
||
|
||
You can add your own brand or others brands you may need in the `css/brands.css` file.
|
||
|
||
You can add custom icons to `images/icons/...`. It is recommended to use a 24x24 .SVG.
|
||
|
||
Edit the "Your Image Here" section to add your own personal branding, like a picture of yourself or your brand logo!
|
||
|
||
Edit the "Title" section to change the page heading. You can use something like your name, your social handle, or your brand name.
|
||
|
||
Edit the "Short Bio" section tell users about yourself or your brand.
|
||
|
||
-->
|
||
|
||
<!-- Your Image Here -->
|
||
<img src="images/regressions-title-subtitle.svg" class="regressions-logo" srcset="images/regressions-title-subtitle.svg 2x" alt="MIT:REGRESSIONS. A HISTORY OF THE INSTITUTE.">
|
||
|
||
<hr class="hr-regressions">
|
||
|
||
<div class="row">
|
||
<div class="three columns">
|
||
<h2 class="header-button"><a class="header-button-text" href="https://regressions.net/trailer"><i>Trailer</i></a></h2>
|
||
<h2 class="header-button"><a class="header-button-text" href="news.html"><i>News</i></a></h2>
|
||
<h2 class="header-button"><a class="header-button-text" href="https://www.zeffy.com/en-US/donation-form/1ae74365-20e9-4652-8d1b-644d39fd8551"><i>Donate</i></a></h2>
|
||
<h2 class="header-button"><a class="header-button-text" href="http://users3.smartgb.com/g/g.php?a=s&i=g36-34597-b0"><i>Guest Book</i></a></h2>
|
||
</div>
|
||
</div>
|
||
<hr class="hr-regressions">
|
||
<!-- <br> -->
|
||
<p class="desc">A feature-length documentary on the history of MIT, from World War 2 to COVID-19.</p>
|
||
<br>
|
||
<!---responsive iframe via embedresponsively.com-->
|
||
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/mToftr444Pc?rel=0&modestbranding=1&autohide=1&mute=1&autoplay=1&cc_load_policy=1&muted=1&origin=https://regressions.net' allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" frameborder='0' allowfullscreen></iframe></div>
|
||
<!-- <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//QfWYHSiq4_I?rel=0&modestbranding=1&autohide=1&mute=1&autoplay=1&cc_load_policy=1&muted=1&origin=https://regressions.net' allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" frameborder='0' allowfullscreen></iframe></div> -->
|
||
|
||
<br>
|
||
<br>
|
||
|
||
<div class="row">
|
||
<div class="twelve columns">
|
||
<!-- MAILING LIST -->
|
||
<a class="button button-regressions" href="https://docs.google.com/forms/d/e/1FAIpQLSd9jkcDtmyI7ItSd8L_896MPQdRCzzCVw0RFmdJF9nqdocwcg/viewform" target="_blank" rel="noopener">
|
||
JOIN MAILING LIST
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- a 2 x 2 grid of buttons -->
|
||
<div class="row">
|
||
<div class="two columns">
|
||
<!-- Twitter -->
|
||
<a class="button button-twit" href="https://twitter.com/mitregressions" target="_blank" rel="noopener">
|
||
<img class="icon" src="images/icons/twitter.svg" alt="Twitter">FOLLOW</a>
|
||
|
||
<!-- Spotify -->
|
||
<a class="button button-spotify" href="https://open.spotify.com/playlist/3udeFyZERv8lvUcJ1SMgM1?si=3b9f60e264534f77&nd=1" target="_blank" rel="noopener">
|
||
<img class="icon" src="images/icons/spotify.svg" alt="Spotify">LISTEN</a>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="two columns">
|
||
<!-- YouTube -->
|
||
<a class="button button-yt" href="https://www.youtube.com/channel/UCLdboODKAmPxA4WTLgzihSw/about" target="_blank" rel="noopener">
|
||
<img class="icon" src="images/icons/youtube.svg" alt="YouTube">SUBSCRIBE</a>
|
||
|
||
<!-- Instagram -->
|
||
<a class="button button-instagram" href="https://www.instagram.com/mit.regressions/" target="_blank" rel="noopener">
|
||
<img class="icon" src="images/icons/instagram.svg" alt="Instagram">FOLLOW</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Email -->
|
||
<!--<a class="button button-default" href="#" target="_blank" rel="noopener">
|
||
<img class="icon" src="images/icons/email.svg" alt="Email Icon">crew@regressions.net</a>
|
||
<br> -->
|
||
|
||
<br>
|
||
<!--
|
||
Footer
|
||
-->
|
||
|
||
<p class="created-by-line"><b>Created by <a class="creator-name" href="https://www.linkedin.com/in/wesleyblock/">Wes</a> and <a class="creator-name" href="https://twitter.com/lukeigel/">Luke</a>.</b>
|
||
<p class="email-line"><a class="creator-name" href="mailto:regressions@mit.edu">regressions@mit.edu</a>
|
||
<p class="copyright">Copyright © <span id="current-year"></span> REGRESSIONS, a registered 501(c)(3)</p>
|
||
|
||
<script>
|
||
document.getElementById('current-year').textContent = new Date().getFullYear();
|
||
</script>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- End Document
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
</body>
|
||
</html>
|