From 7db92cd9f313eaf33d57154d2999f1fa7c41bf62 Mon Sep 17 00:00:00 2001 From: Lucas Igel Date: Fri, 14 Oct 2022 01:53:28 -0400 Subject: [PATCH] copy current version of regressions.net (putting off merge later) --- .nojekyll | 0 CNAME | 2 +- css/brands.css | 113 +++++++++++++- css/skeleton-auto.css | 208 -------------------------- css/skeleton-dark.css | 67 ++++++++- css/skeleton-light.css | 208 -------------------------- images/regressions-title-subtitle.svg | 1 + index.html | 106 +++++++------ lsc2-rsvp-qr/index.html | 16 ++ movie/index.html | 16 ++ music/index.html | 16 ++ news.html | 100 +++++++++++++ original.html | 189 +++++++++++++++++++++++ rsvp/index.html | 16 ++ skeleton.css | 2 +- subscribe/index.html | 16 ++ trailer/index.html | 16 ++ 17 files changed, 615 insertions(+), 477 deletions(-) delete mode 100644 .nojekyll delete mode 100644 css/skeleton-auto.css delete mode 100644 css/skeleton-light.css create mode 100755 images/regressions-title-subtitle.svg create mode 100644 lsc2-rsvp-qr/index.html create mode 100644 movie/index.html create mode 100644 music/index.html create mode 100644 news.html create mode 100644 original.html create mode 100644 rsvp/index.html create mode 100644 subscribe/index.html create mode 100644 trailer/index.html diff --git a/.nojekyll b/.nojekyll deleted file mode 100644 index e69de29..0000000 diff --git a/CNAME b/CNAME index 398fb21..74220e0 100644 --- a/CNAME +++ b/CNAME @@ -1 +1 @@ -regressions.net \ No newline at end of file +www.regressions.net \ No newline at end of file diff --git a/css/brands.css b/css/brands.css index ed61858..0e957d6 100644 --- a/css/brands.css +++ b/css/brands.css @@ -38,7 +38,7 @@ button { text-align: center; vertical-align: middle; font-size: 14px; - width: 200px; + width: 49%; font-weight: 700; line-height: 40px; letter-spacing: 0.1px; @@ -46,6 +46,7 @@ button { border-radius: 0px; cursor: pointer; filter: opacity(0.7); + margin-bottom: 5px; } button:hover, @@ -64,6 +65,49 @@ button:hover, filter: brightness(90%); } +/* Header-Button +–––––––––––––––––––––––––––––––––––––––––––––––––– */ + +.header-button, +header-button { + display: inline-block; + text-decoration: none; + height: 40px; + text-align: center; + vertical-align: middle; + /* font size that scales with screen */ + font-size: 1.275rem; + /* font-size: 24px; */ + width: 24%; + font-weight: 700; + line-height: 40px; + letter-spacing: 0.1px; + white-space: wrap; + border-radius: 0px; + cursor: pointer; + filter: opacity(1); + margin-top: 7.5px; + margin-bottom: 5px; + /* non-bold */ + font-weight: 400; +} + +header-button:hover, +.header-button:focus { + color: #333; + border-color: #888; + outline: 0; +} + +/* a header bar with reduced padding and margins */ +.hr-regressions { + margin-top: 5px; + margin-bottom: 0px; + padding-top: 0px; + padding-bottom: 0px; +} + + /* Brand Icons –––––––––––––––––––––––––––––––––––––––––––––––––– */ @@ -452,6 +496,46 @@ button:hover, filter: brightness(90%); } +/* REGRESSIONS BRAND */ +.button.button-regressions { + width: 98%; + margin: 0 auto; + margin-bottom: 5px; + /* a wireframe-style button with a white outline and white text with black background */ + color: #ffffff; + background-color: #000000; + border-style: solid; + border-color: #ffffff; + border-width: 2px; + /* a button that auto-resizes if on mobile*/ + display: block; + +} +.button.button-regressions:hover, +.button.button-regressions:focus { + filter: brightness(90%); +} + +/* REGRESSIONS BRAND - TRAILER */ +.button.button-regressions-trailer { + width: 98%; + margin: 0 auto; + margin-bottom: 5px; + /* a wireframe-style button with a white outline and white text with black background */ + color: rgba(149,164,159,255); + background-color: #000000; + border-style: solid; + border-color: rgba(149,164,159,255); + border-width: 2px; + /* a button that auto-resizes if on mobile*/ + display: block; + +} +.button.button-regressions:hover, +.button.button-regressions:focus { + filter: brightness(90%); +} + /* Steam */ .button.button-steam { color: #ffffff; @@ -613,6 +697,33 @@ button:hover, filter: brightness(90%); } +.button.button-regressions-screening { + margin: 0 auto; + padding: 0 0px; + padding-top: 10px; + /* monospace style */ + font-family: monospace; + width: 98%; + margin: 0 auto; + margin-bottom: 15px; + margin-top: -10px; + font-size: 12px; + line-height: 1.5; + height: 70px; + color: #ffffffbf; + background-color: #000000; + border-style: solid; + border-color: #ffffff65; + border-width: 2px; + filter: opacity(1); + /* /* a button that auto-res */ +} +.button.button-regressions-screening:hover, +.button.button-regressions-screening:focus { + filter: brightness(90%); +} + + /* Letterboxd */ .button.button-letterboxd { color: #ffffff; diff --git a/css/skeleton-auto.css b/css/skeleton-auto.css deleted file mode 100644 index 6d9d188..0000000 --- a/css/skeleton-auto.css +++ /dev/null @@ -1,208 +0,0 @@ -/* -* littlelink V1 -* https://littlelink.com -* Free to use under the MIT license. -* http://www.opensource.org/licenses/mit-license.php -* 12/21/2019 -* -* Built using: -* -* Skeleton V2.0.4 -* Copyright 2014, Dave Gamache -* www.getskeleton.com -* Free to use under the MIT license. -* http://www.opensource.org/licenses/mit-license.php -* 12/29/2014 -*/ - -/* Table of contents -–––––––––––––––––––––––––––––––––––––––––––––––––– -- Grid -- Base Styles -- Typography -- Links -- Code -- Spacing -- Utilities -* -* You'll find the button css in css/brands.css. -* -*/ - -/* Grid -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.container { - position: relative; - width: 100%; - max-width: 600px; - text-align: center; - margin: 0 auto; - padding: 0 20px; - box-sizing: border-box; -} -.container-left { - position: relative; - width: 100%; - max-width: 600px; - text-align: left; - margin: 0 auto; - padding: 0 20px; - box-sizing: border-box; -} -.column { - position: center; - width: 100%; - float: center; - box-sizing: border-box; -} - -/* For devices larger than 400px */ -@media (min-width: 400px) { - .container { - width: 85%; - padding: 0; - } -} - -/* For devices larger than 550px */ -@media (min-width: 550px) { - .container { - width: 80%; - } - .column, - .columns { - margin-left: 0; - } - .column:first-child, - .columns:first-child { - margin-left: 0; - } -} - -/* Base Styles -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -/* NOTE -html is set to 62.5% so that all the REM measurements throughout Skeleton -are based on 10px sizing. So basically 1.5rem = 15px :) */ - -html { - font-size: 100%; - color-scheme: light dark; -} -body { - font-size: 18px; - line-height: 24px; - font-weight: 400; - font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, - sans-serif; -} - -/* Typography -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -h1 { - margin-top: 0; - margin-bottom: 16px; - font-weight: 800; -} -h1 { - font-size: 24px; - line-height: 64px; - letter-spacing: 0; -} - -/* Larger than phablet */ -@media (min-width: 550px) { - h1 { - font-size: 48px; - line-height: 96px; - } -} - -p { - margin-top: 0; -} - -/* Links -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -a { - color: #0085ff; -} -a:hover { - color: #0085ff; -} - -/* Code -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -code { - padding: 0.2rem 0.5rem; - margin: 0 0.2rem; - font-size: 90%; - white-space: nowrap; - background: #f1f1f1; - border: 1px solid #e1e1e1; - border-radius: 4px; -} -pre > code { - display: block; - padding: 1rem 1.5rem; - white-space: pre; -} - -/* Spacing -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -button, -.button { - margin-bottom: 1rem; -} -input, -textarea, -select, -fieldset { - margin-bottom: 1.5rem; -} -pre, -blockquote, -dl, -figure, -p, -ol { - margin-bottom: 2.5rem; -} - -/* Utilities -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.u-full-width { - width: 100%; - box-sizing: border-box; -} -.u-max-full-width { - max-width: 100%; - box-sizing: border-box; -} -.u-pull-right { - float: right; -} -.u-pull-left { - float: left; -} - -/* Misc -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -hr { - margin-top: 3rem; - margin-bottom: 3.5rem; - border-width: 0; - border-top: 1px solid #e1e1e1; -} -/* Radius values: - -10%-40%: Squircles -50% (default): True circle -*/ -.avatar { - width: 128px; - height: 128px; - object-fit: cover; - background-position: center; - border-radius: 50%; -} \ No newline at end of file diff --git a/css/skeleton-dark.css b/css/skeleton-dark.css index 0e14ca1..48d562b 100644 --- a/css/skeleton-dark.css +++ b/css/skeleton-dark.css @@ -166,10 +166,12 @@ pre, blockquote, dl, figure, -p, ol { margin-bottom: 2.5rem; } +p { + margin-bottom: 0.5rem; +} /* Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */ @@ -209,6 +211,13 @@ hr { border-radius: 50%; } + + + +/* +REGRESSIONS STYLES +---- */ + /* a super wide horizontal logo centered in the screen with minimal padding */ @@ -216,7 +225,8 @@ a super wide horizontal logo centered in the screen with minimal padding width: 100%; max-width: 600px; margin: 0 auto; - padding: 0 20px; + padding: 0 0px; + padding-top: 15px; box-sizing: border-box; } @@ -224,6 +234,12 @@ a super wide horizontal logo centered in the screen with minimal padding letter-spacing: -0.5px; } +.email-line { + /* non-bold */ + font-weight: 100; + letter-spacing: -0.5px; +} + /* special hyperlink style for creators' names */ @@ -231,15 +247,49 @@ a super wide horizontal logo centered in the screen with minimal padding font-weight: bold; text-decoration: none; color: rgba(149,164,159,255); - filter: grayscale(0.3); + filter: grayscale(0.1); } .creator-name:hover { font-weight: bold; text-decoration: none; + color:rgba(149,164,159,255); filter: grayscale(0); } +.header-button-text { + /* font-weight: bold; */ + text-decoration: none; + + /* color: rgba(149,164,159,255); */ + color: white; + filter: grayscale(1); +} + +.header-button-text:hover { + /* font-weight: bold; */ + text-decoration: none; + color:rgba(149,164,159,255); + filter: grayscale(0); +} +/* + special hyperlink style for creators' names +*/ +.rsvp-line { + font-weight: bold; + text-decoration: none; + color: #e0b686; + filter: grayscale(0.1); +} + +.rsvp-line:hover { + font-weight: bold; + text-decoration: none; + color:#e0b686; + filter: grayscale(0); +} + + /* small text for copyright notice @@ -250,3 +300,14 @@ a super wide horizontal logo centered in the screen with minimal padding text-align: center; margin-top: 1rem; } + +.desc { + text-align: right; + font-size: 12px; + color: rgb(255, 255, 255); + margin: 2rem auto; + margin-bottom: 0.5rem; + padding: 1rem; + margin-top: 0rem; + filter: opacity(0.8); +} \ No newline at end of file diff --git a/css/skeleton-light.css b/css/skeleton-light.css deleted file mode 100644 index de3fd8e..0000000 --- a/css/skeleton-light.css +++ /dev/null @@ -1,208 +0,0 @@ -/* -* littlelink V1 -* https://littlelink.com -* Free to use under the MIT license. -* http://www.opensource.org/licenses/mit-license.php -* 12/21/2019 -* -* Built using: -* -* Skeleton V2.0.4 -* Copyright 2014, Dave Gamache -* www.getskeleton.com -* Free to use under the MIT license. -* http://www.opensource.org/licenses/mit-license.php -* 12/29/2014 -*/ - -/* Table of contents -–––––––––––––––––––––––––––––––––––––––––––––––––– -- Grid -- Base Styles -- Typography -- Links -- Code -- Spacing -- Utilities -* -* You'll find the button css in css/brands.css. -* -*/ - -/* Grid -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.container { - position: relative; - width: 100%; - max-width: 600px; - text-align: center; - margin: 0 auto; - padding: 0 20px; - box-sizing: border-box; -} -.container-left { - position: relative; - width: 100%; - max-width: 600px; - text-align: left; - margin: 0 auto; - padding: 0 20px; - box-sizing: border-box; -} -.column { - position: center; - width: 100%; - float: center; - box-sizing: border-box; -} - -/* For devices larger than 400px */ -@media (min-width: 400px) { - .container { - width: 85%; - padding: 0; - } -} - -/* For devices larger than 550px */ -@media (min-width: 550px) { - .container { - width: 80%; - } - .column, - .columns { - margin-left: 0; - } - .column:first-child, - .columns:first-child { - margin-left: 0; - } -} - -/* Base Styles -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -/* NOTE -html is set to 62.5% so that all the REM measurements throughout Skeleton -are based on 10px sizing. So basically 1.5rem = 15px :) */ - -html { - font-size: 100%; - color-scheme: light; -} -body { - font-size: 18px; - line-height: 24px; - font-weight: 400; - font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, - sans-serif; -} - -/* Typography -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -h1 { - margin-top: 0; - margin-bottom: 16px; - font-weight: 800; -} -h1 { - font-size: 24px; - line-height: 64px; - letter-spacing: 0; -} - -/* Larger than phablet */ -@media (min-width: 550px) { - h1 { - font-size: 48px; - line-height: 96px; - } -} - -p { - margin-top: 0; -} - -/* Links -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -a { - color: #0085ff; -} -a:hover { - color: #0085ff; -} - -/* Code -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -code { - padding: 0.2rem 0.5rem; - margin: 0 0.2rem; - font-size: 90%; - white-space: nowrap; - background: #f1f1f1; - border: 1px solid #e1e1e1; - border-radius: 4px; -} -pre > code { - display: block; - padding: 1rem 1.5rem; - white-space: pre; -} - -/* Spacing -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -button, -.button { - margin-bottom: 1rem; -} -input, -textarea, -select, -fieldset { - margin-bottom: 1.5rem; -} -pre, -blockquote, -dl, -figure, -p, -ol { - margin-bottom: 2.5rem; -} - -/* Utilities -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.u-full-width { - width: 100%; - box-sizing: border-box; -} -.u-max-full-width { - max-width: 100%; - box-sizing: border-box; -} -.u-pull-right { - float: right; -} -.u-pull-left { - float: left; -} - -/* Misc -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -hr { - margin-top: 3rem; - margin-bottom: 3.5rem; - border-width: 0; - border-top: 1px solid #e1e1e1; -} -/* Radius values: - -10%-40%: Squircles -50% (default): True circle -*/ -.avatar { - width: 128px; - height: 128px; - object-fit: cover; - background-position: center; - border-radius: 50%; -} \ No newline at end of file diff --git a/images/regressions-title-subtitle.svg b/images/regressions-title-subtitle.svg new file mode 100755 index 0000000..be43368 --- /dev/null +++ b/images/regressions-title-subtitle.svg @@ -0,0 +1 @@ +MIT:REGRESSIONSa history of the Institute \ No newline at end of file diff --git a/index.html b/index.html index 42d68cf..1003f5a 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ - + @@ -20,7 +20,7 @@ - + @@ -45,8 +45,6 @@ @@ -61,13 +59,13 @@ - + @@ -78,7 +76,7 @@ –––––––––––––––––––––––––––––––––––––––––––––––––– -->
-
+
+ + +
+
+ seeking developers for version 2 +
+ (a portal for all sources and footage) +
+ + - + + +
- - - - - - -

A feature-length documentary on the history of MIT, spanning from World War 2 to COVID-19.

- -

Full release coming soon.

- -

TRAILER

+
+
+

TRAILER

+

NEWS

+

DONATE

+

BONUS

+
+
+
+ +

A feature-length documentary on the history of MIT, from World War 2 to COVID-19.

+
-
- - - +
+ +

+
+
+ + + JOIN MAILING LIST + +
+
+
- - Twitter LogoFOLLOW + + TwitterFOLLOW - Spotify LogoLISTEN + SpotifyLISTEN
- YouTube LogoSUBSCRIBE + YouTubeSUBSCRIBE - Instagram LogoFOLLOW + InstagramFOLLOW
@@ -179,6 +174,7 @@ -->

Created by Wes and Luke. +

Copyright © 2022 REGRESSIONS, a registered 501(c)(3)

diff --git a/lsc2-rsvp-qr/index.html b/lsc2-rsvp-qr/index.html new file mode 100644 index 0000000..7904403 --- /dev/null +++ b/lsc2-rsvp-qr/index.html @@ -0,0 +1,16 @@ + + + + + + Redirecting to <a href="https://fb.me/e/1XZFlncKF">REGRESSIONS Facebook Event.</a> + + + + + +

Redirecting...

+ + \ No newline at end of file diff --git a/movie/index.html b/movie/index.html new file mode 100644 index 0000000..80c1c31 --- /dev/null +++ b/movie/index.html @@ -0,0 +1,16 @@ + + + + + + Redirecting to <a href="https://youtu.be/mToftr444Pc">YouTube.</a> + + + + + +

Redirecting...

+ + \ No newline at end of file diff --git a/music/index.html b/music/index.html new file mode 100644 index 0000000..b481242 --- /dev/null +++ b/music/index.html @@ -0,0 +1,16 @@ + + + + + + Redirecting to <a href="https://open.spotify.com/playlist/3udeFyZERv8lvUcJ1SMgM1?si=3b9f60e264534f77&nd=1">Spotify.</a> + + + + + +

Redirecting...

+ + \ No newline at end of file diff --git a/news.html b/news.html new file mode 100644 index 0000000..4f01ccc --- /dev/null +++ b/news.html @@ -0,0 +1,100 @@ + + + + + + + + MIT: REGRESSIONS, a documentary. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + +

REGRESSIONS IN THE NEWS MEDIA

+ +
+
+
+ home + + \ No newline at end of file diff --git a/original.html b/original.html new file mode 100644 index 0000000..18166e7 --- /dev/null +++ b/original.html @@ -0,0 +1,189 @@ + + + + + + + + MIT: REGRESSIONS, a documentary. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + +

A feature-length documentary on the history of MIT, spanning from World War 2 to COVID-19.

+ +

Full release coming soon.

+ +

TRAILER

+ +
+ + + + +
+
+ + +
+
+ + + Twitter LogoFOLLOW + + + + Spotify LogoLISTEN +
+
+
+
+ + + YouTube LogoSUBSCRIBE + + + + Instagram LogoFOLLOW +
+
+ + + + +
+ + +

Created by Wes and Luke. +

Copyright © 2022 REGRESSIONS, a registered 501(c)(3)

+
+
+
+ + + + diff --git a/rsvp/index.html b/rsvp/index.html new file mode 100644 index 0000000..7904403 --- /dev/null +++ b/rsvp/index.html @@ -0,0 +1,16 @@ + + + + + + Redirecting to <a href="https://fb.me/e/1XZFlncKF">REGRESSIONS Facebook Event.</a> + + + + + +

Redirecting...

+ + \ No newline at end of file diff --git a/skeleton.css b/skeleton.css index 5cbd6cc..0ac0318 100644 --- a/skeleton.css +++ b/skeleton.css @@ -415,4 +415,4 @@ there. @media (min-width: 1000px) {} /* Larger than Desktop HD */ -@media (min-width: 1200px) {} +@media (min-width: 1200px) {} \ No newline at end of file diff --git a/subscribe/index.html b/subscribe/index.html new file mode 100644 index 0000000..1de371f --- /dev/null +++ b/subscribe/index.html @@ -0,0 +1,16 @@ + + + + + + Redirecting to <a href="https://forms.gle/qxwBYaHMvUtUoc45A">Spotify.</a> + + + + + +

Redirecting...

+ + \ No newline at end of file diff --git a/trailer/index.html b/trailer/index.html new file mode 100644 index 0000000..c588c0f --- /dev/null +++ b/trailer/index.html @@ -0,0 +1,16 @@ + + + + + + Redirecting to <a href=https://www.youtube.com/watch?v=QfWYHSiq4_I">YouTube.</a> + + + + + +

Redirecting...

+ + \ No newline at end of file