rushilwiz/mit-regressions.github.io
1
0
Fork 0
mirror of https://github.com/mit-regressions/mit-regressions.github.io.git synced 2025-04-09 23:10:19 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix dead links and do 2x2 grid

Browse Source
This commit is contained in:
Lucas Igel 2022-07-22 23:21:21 -04:00
parent 3ee959367a
commit 88debc58f3
6 changed files with 80 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CNAME Normal file
View File

@ -0,0 +1 @@
regressions.net/new

6
README.md
View File

@ -1,5 +1,7 @@
# MIT: REGRESSIONS (2022) # MIT: REGRESSIONS (2022)
A documentary on the history of MIT. A feature-length documentary on the history of MIT, spanning from World War 2 to COVID-19.
### Made with ![LittleLink](https://cdn.cottle.cloud/littlelink/social-circle.png) Created by Wes and Luke.
### Website forked from [LittleLink](https://littlelink.io)

9
css/brands.css
View File

@ -29,17 +29,18 @@
/* Buttons /* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */ –––––––––––––––––––––––––––––––––––––––––––––––––– */
.button, .button,
button { button {
display: inline-block; display: inline-block;
text-decoration: none; text-decoration: none;
height: 48px; height: 40px;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
font-size: 18px; font-size: 14px;
width: 300px; width: 200px;
font-weight: 700; font-weight: 700;
line-height: 48px; line-height: 40px;
letter-spacing: 0.1px; letter-spacing: 0.1px;
white-space: wrap; white-space: wrap;
border-radius: 0px; border-radius: 0px;

2
css/skeleton-dark.css
View File

@ -226,7 +226,7 @@ a super wide horizontal logo centered in the screen with minimal padding
.creator-name { .creator-name {
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
color:aqua; color:rgb(250, 211, 211);
filter: grayscale(0.5); filter: grayscale(0.5);
} }

118
index.html
View File

@ -3,39 +3,51 @@
<head> <head>
<!-- Page Information <!-- Page Information
–––––––––––––––––––––––––––––––––––––––––––––––––– --> –––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8"> <meta charset="utf-8">
<title>MIT:REGRESSIONS</title> <title>MIT:REGRESSIONS</title>
<meta name="description" content="A feature-length documentary on the history of MIT. Available soon on all platforms. Created by Wes and Luke."> <meta name="description" content="A feature-length documentary on the history of MIT. Available soon on all platforms. Created by Wes and Luke.">
<meta name="author" content="Lucas Igel and Wesley Block"> <meta name="author" content="Lucas Igel and Wesley Block">
<!-- Mobile Specific Metas <!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– --> –––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT <!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– --> –––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap" rel="stylesheet">
<!-- CSS <!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– --> –––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/normalize.css">
<!-- Themes: <!-- Themes:
Auto: css/skeleton-auto.css Auto: css/skeleton-auto.css
Light: css/skeleton-light.css Light: css/skeleton-light.css
Dark: css/skeleton-dark.css Dark: css/skeleton-dark.css
--> -->
<link rel="stylesheet" href="css/skeleton-dark.css"> <link rel="stylesheet" href="css/skeleton-dark.css">
<link rel="stylesheet" href="css/brands.css"> <link rel="stylesheet" href="css/brands.css">
<!-- Favicon <!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– --> –––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/avatar.png"> <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-C4947HZ4CK"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-C4947HZ4CK');
</script>
</head> </head>
@ -74,7 +86,9 @@
<!-- <h4 class="regressions-subtitle">A history of the Institute.</h2> --> <!-- <h4 class="regressions-subtitle">A history of the Institute.</h2> -->
<!-- Short Bio --> <!-- Short Bio -->
<p><b>A feature-length documentary.</b> MIT was founded in 1861. But our story begins in 1941. December 7th, 1941.<p></p> <p><b>A feature-length documentary on the history of MIT</b>, spanning from World War 2 to COVID-19.</p>
<p>Full release coming soon.</p>
<h4>TRAILER</h5> <h4>TRAILER</h5>
<!---responsive iframe via embedresponsively.com--> <!---responsive iframe via embedresponsively.com-->
@ -109,38 +123,42 @@
<br> <br>
<br> <br>
<!-- Twitter --> <!-- a 2 x 2 grid of buttons -->
<a class="button button-twit" href="#" target="_blank" rel="noopener"> <div class="row">
<img class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">@MITREGRESSIONS</a> <div class="two columns">
<br> <!-- Twitter -->
<a class="button button-twit" href="#" target="_blank" rel="noopener">
<!-- Instagram --> <img class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">FOLLOW</a>
<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 Logo">@MIT.REGRESSIONS</a> <!-- Spotify -->
<br> <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 Logo">LISTEN</a>
<!-- YouTube --> </div>
<a class="button button-yt" href="#" target="_blank" rel="noopener"> </div>
<img class="icon" src="images/icons/youtube.svg" alt="YouTube Logo">SUBSCRIBE</a> <div class="row">
<br> <div class="two columns">
<!-- YouTube -->
<!-- Spotify --> <a class="button button-yt" href="#" target="_blank" rel="noopener">
<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/youtube.svg" alt="YouTube Logo">SUBSCRIBE</a>
<img class="icon" src="images/icons/spotify.svg" alt="Spotify Logo">SOUNDTRACK</a>
<br>
<!-- 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 Logo">FOLLOW</a>
</div>
</div>
<!-- Email --> <!-- Email -->
<a class="button button-default" href="#" target="_blank" rel="noopener"> <!--<a class="button button-default" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/email.svg" alt="Email Icon">hello@littlelink.io</a> <img class="icon" src="images/icons/email.svg" alt="Email Icon">crew@regressions.net</a>
<br> <br> -->
<br> <br>
<!-- <!--
Footer Footer
--> -->
<p><b>Created by <a class="creator-name" href="https://twitter.com/lukeigel/">Wes</a> and <a class="creator-name" href="https://twitter.com/lukeigel/">Luke</a>.</b> <p><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="copyright">©2022 REGRESSIONS, a registered 501(c)(3)</p> <p class="copyright">Copyright © 2022 REGRESSIONS, a registered 501(c)(3)</p>
</div> </div>
</div> </div>
</div> </div>

2
skeleton.css vendored
View File

@ -31,7 +31,7 @@
.container { .container {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 960px; max-width: 3000px;
margin: 0 auto; margin: 0 auto;
padding: 0 20px; padding: 0 20px;
box-sizing: border-box; } box-sizing: border-box; }