rushilwiz/mit-regressions.github.io
1
0
Fork 0
mirror of https://github.com/mit-regressions/mit-regressions.github.io.git synced 2025-04-03 20:20:17 -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)
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
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button {
display: inline-block;
text-decoration: none;
height: 48px;
height: 40px;
text-align: center;
vertical-align: middle;
font-size: 18px;
width: 300px;
font-size: 14px;
width: 200px;
font-weight: 700;
line-height: 48px;
line-height: 40px;
letter-spacing: 0.1px;
white-space: wrap;
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 {
font-weight: bold;
text-decoration: none;
color:aqua;
color:rgb(250, 211, 211);
filter: grayscale(0.5);
}

118
index.html
View File

@ -3,39 +3,51 @@
<head>
<!-- Page Information
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<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="author" content="Lucas Igel and Wesley Block">
<!-- Page Information
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<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="author" content="Lucas Igel and Wesley Block">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 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">
<!-- 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">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<!-- Themes:
Auto: css/skeleton-auto.css
Light: css/skeleton-light.css
Dark: css/skeleton-dark.css
-->
<link rel="stylesheet" href="css/skeleton-dark.css">
<!-- Themes:
Auto: css/skeleton-auto.css
Light: css/skeleton-light.css
Dark: 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
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/avatar.png">
<!-- 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-C4947HZ4CK"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-C4947HZ4CK');
</script>
</head>
@ -74,7 +86,9 @@
<!-- <h4 class="regressions-subtitle">A history of the Institute.</h2> -->
<!-- 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>
<!---responsive iframe via embedresponsively.com-->
@ -109,38 +123,42 @@
<br>
<br>
<!-- Twitter -->
<a class="button button-twit" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">@MITREGRESSIONS</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">@MIT.REGRESSIONS</a>
<br>
<!-- YouTube -->
<a class="button button-yt" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/youtube.svg" alt="YouTube Logo">SUBSCRIBE</a>
<br>
<!-- 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 Logo">SOUNDTRACK</a>
<br>
<!-- a 2 x 2 grid of buttons -->
<div class="row">
<div class="two columns">
<!-- Twitter -->
<a class="button button-twit" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">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 Logo">LISTEN</a>
</div>
</div>
<div class="row">
<div class="two columns">
<!-- YouTube -->
<a class="button button-yt" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/youtube.svg" alt="YouTube Logo">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 Logo">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">hello@littlelink.io</a>
<br>
<!--<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><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 class="copyright">©2022 REGRESSIONS, a registered 501(c)(3)</p>
<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">Copyright © 2022 REGRESSIONS, a registered 501(c)(3)</p>
</div>
</div>
</div>

2
skeleton.css vendored
View File

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