diff --git a/.DS_Store b/.DS_Store index 92f8d33..0bf5626 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/css/about-mobile.css b/css/about-mobile.css new file mode 100644 index 0000000..39dfbc4 --- /dev/null +++ b/css/about-mobile.css @@ -0,0 +1,547 @@ +body { + margin: 0px; + padding: 0px; + font-family: -apple-system, BlinkMacSystemFont, sans-serif; +} + +.navbar { + font-family: "Lato", sans-serif; + font-size: 16px; + background-color: rgba(8, 13, 53, 0.7); +/* + margin-top: 7px; + margin-bottom: 7px; +*/ + font-weight: 600 +} + +.navbar { + font-family: Lato, sans-serif; + font-size: 16px; + background-color: white; + font-weight: 600; +} + +.navbar-nav > li { + margin-left: 3vw; + margin-right: 3vw; + color: #ffffff +} + +.navbar-light .navbar-nav .nav-link { + color: black; +} + +#highlighted-nav-item { + border: 1.25px solid #d82959; + background-color: rgb(255, 255,255, 0.9) + padding: 0; + border-color: #d82959; + margin-left: 6vw; + padding-left: 18px; + padding-right: 18px; + +} + +.content { + position: relative; + z-index: 100; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.title-container { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + width: 100%; + height: 25vh; +} + +.title-container-company { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + width: 100%; + height: 25vh; + margin-top: 30px; + padding-top: 50px; +} + +.title-container-sister { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + width: 100%; + height: 25vh; + margin-top: 50px; +} + +.title-container-testimonials { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + width: 100%; + height: 25vh; + margin-top: 25px; +} + + +.title-text { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + font-size: 8vmin; + font-weight: bold; + -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ + -moz-animation: fadein 2s; /* Firefox < 16 */ + -ms-animation: fadein 2s; /* Internet Explorer */ + -o-animation: fadein 2s; /* Opera < 12.1 */ + animation: fadein 2s; +} + +.subtitle-text { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + color: #707070; + font-size: 4vw; + font-weight: bold; + text-align: center; + padding-left: 10vw; + padding-right: 10vw; + -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ + -moz-animation: fadein 2s; /* Firefox < 16 */ + -ms-animation: fadein 2s; /* Internet Explorer */ + -o-animation: fadein 2s; /* Opera < 12.1 */ + animation: fadein 2s; +} + +.about-container { + display: flex; + flex-wrap: wrap; + flex-direction: row; +} + +.about-container > div { + display: flex; + flex-basis: calc(100% - 40px); + justify-content: center; + flex-direction: column; +} +.about-container > div > div { + display: flex; + justify-content: center; + flex-direction: column; +} +.box { + margin: 20px; + font-size: 1em; +} +.box1 { + font-family: Lato, sans-serif; + text-align: center; + padding-left: 3vw; + padding-right: 3vw; + transform: translateX(-50%); + -webkit-transform: translateX(-50%); + animation: slide-in-left 1s forwards; + -webkit-animation: slide-in-left 1s forwards; + /*background-color: red;*/ +} +.box2 { + /*background-color: red;*/ + padding-left: 70px; + /*padding-right: 50px;*/ + /*background-color: lightblue;*/ + /*box-shadow: -20px 20px #7179A1;*/ + -webkit-transform: translateX(-20%); + animation: slide-in-right 1s forwards; + -webkit-animation: slide-in-right 1s forwards; +} +.box3 { + font-family: Lato, sans-serif; + padding-left: 50px; + transform: translateX(-50%); + -webkit-transform: translateX(-50%); + animation: slide-in-left 1s forwards; + -webkit-animation: slide-in-left 1s forwards; +} +.box4 { + display: flex; + flex-direction: column; + text-align: center; + padding-top: 50px; + padding-left: 3vw; + padding-right: 3vw; + -webkit-transform: translateX(-20%); + animation: slide-in-right 1s forwards; + -webkit-animation: slide-in-right 1s forwards; +} + +.box2 > div > img { + box-shadow: -20px 20px #332f92; +} + +.box3 > div > img { + box-shadow: 20px 20px #332f92; +} +.about-text-container { + font-size: 2.5vmin; + text-align: center; + color: black; + width: 60%; + padding-top: 1vmin; + padding-bottom: 1vmin; + background-color: blue; +} + +.title { + align-content: space-around +} + +h1 { + align-content: center; + font-size: 3vmin +} + +.full-screen-grid { + display: flex; + justify-content: center; + flex-flow: row wrap; + width: 90%; + height: auto; +} + +.group-photos { + display: flex; + justify-content: center; + flex-flow: row wrap; + padding-bottom: 10px; + align-content: center; + padding-right:25px; + background-color: #ECF0F6; + padding-bottom: 100px; + margin-top: 100px; +} +.quote-tile { + width: 40vmin; + height: inherit; + margin-left: 20px; + margin-right: 20px; + margin-top: 15px; +} + +/*#quote-grid { + background-color: #e9e9e9; +}*/ + +.nu-retreat-image-container { + padding-top: 5vmin; + padding-bottom: 5vmin; + padding-left: 10vmin; + padding-right: 10vmin; + background-color: green; +} + +.nu-retreat-image { + width: 75%; + height: 75%; +} + +.background { + position: absolute; + top: 0; + left: 0; + z-index: -100; + background-color: white; + background-size: 125% auto; +} + +a { + color: white; + text-decoration: none; +} + +a:hover { + color: #B0DBDC; + text-decoration: none; +} + +.jen-container { + width: 100%; + height: auto; + /*background-color: #f4f4ff;*/ + background-color: white; + padding-top: 50px; + padding-bottom: 100px; + +} + +.jen-content { + + display: flex; + flex-direction: row; + background-color: white; + border-radius: 10px; +flex-flow: row wrap; + /*box-shadow: 0 0 10px 5px #eeeeee;*/ +} + +.jen-pic-container { + display: flex; + flex-direction: row; + width: 100%; + align-items: center; + justify-content: center +} + +.jen-image { + width: 70%; + height: 100%; + border-radius: 100%; + align-items: center; + text-align: center; +} + +.jen-caption { + margin-top: 5px; + font-size: 10px; + align-items: center; + font-weight: lighter; +} + +.jen-pic { + max-width: 100%; + height: auto; + border-radius: 50%; +} + +.jen-text { + text-align: center; + padding-left: 10vw; + padding-right: 10vw; +} + +.jen-text > p { + text-align: center; +} + +#jen-title { + padding-top: 5px; + text-align: center; + + font-size: 30px; + font-family: 'Lato', sans-serif; + /*font-style: italic;*/ + font-weight: bold; +} + +#jen-paragraph { + text-align: center; + font-size: 1em; + font-family: 'Lato', sans-serif; + /*font-style: italic;*/ + font-weight: lighter; + /*font-family: 'Open Sans', sans-serif;*/ +} + +.career-container { + margin-top: 20px; + background-color: #ECF0F6; + padding-bottom: 75px; +} + +.full-screen-grid { + display: flex; + justify-content: center; + flex-flow: row wrap; + width: 80%; + height: auto; + padding-top: 5px; +} + +.company-tile { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + width: 15vmin; + height: 15vmin; + margin: 15px; +} + +.company-image { + width: 100%; + height: auto; +} + +#apple { + width: 80%; +} + +.body-grid-container { + display: flex; + flex: 1; + justify-content: center; +} + + +.sister-chapter-grid { + display: flex; + justify-content: center; + flex-flow: row wrap; + width: 80%; + height: auto; + padding-top: 5px; +} + +#ucla, #usc { + display: flex; + flex-direction: column; + justify-content: flex-end; + align-items: center; + position: relative; + width: 55vmin; + height: auto; + margin: 18px; +} + +#ucsb, #stanford { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + position: relative; + width: 55vmin; + height: auto; + margin: 18px; +} + + +.school-image { + width: 100%; + height: auto; +} + +hr { + border: 1px solid silver; + width: 75%; + align-self: center; + margin-top: 100px; +} + +.footer-container { + padding-top: 50px; + position: absolute; + width: 100%; + text-align: center; +} + +.block:nth-child(odd) { + background: rgba(13, 0, 76,1); +} + +.social-media { + position: absolute; + +} + +.instagram { + padding-top: 15px; + height: 40px +} + +.facebook { + padding-top: 15px; + height: 50px +} + +.sep-copyright { + font-family: 'Montserrat', sans-serif; + color: white; + padding: 10px; +} + +#one { + width: 100vw; + height: 100vh; + position: static; + display: flex; + justify-content: center; + align-items: flex-start; +} + +#two { + width: 100vw; + height: 100vh; +} + +#three { + width: 100vw; + height: 100vh; +} + +#four { + width: 100vw; + height: 100vh; +} + +@keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +/* Firefox < 16 */ +@-moz-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +/* Safari, Chrome and Opera > 12.1 */ +@-webkit-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +/* Internet Explorer */ +@-ms-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +/* Opera < 12.1 */ +@-o-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +@keyframes slide-in-left { + 100% { transform: translateX(0%); } +} + +@-webkit-keyframes slide-in-left { + 100% { -webkit-transform: translateX(0%); } +} + +@keyframes slide-in-left { + 100% { transform: translateX(0%); } +} + +@-webkit-keyframes slide-in-left { + 100% { -webkit-transform: translateX(0%); } +} + +@keyframes slide-in-right { + 0% { transform: translateX(100%); } + 100% { transform: translateX(0%); } +} \ No newline at end of file diff --git a/css/home-mobile.css b/css/home-mobile.css new file mode 100644 index 0000000..b59e5e6 --- /dev/null +++ b/css/home-mobile.css @@ -0,0 +1,734 @@ +body { + margin: 0px; + padding: 0px; + font-family: -apple-system, BlinkMacSystemFont, sans-serif; +} + +.content { + position: relative; + z-index: 100; +} + +.tiny-arrow-container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-end; + margin-bottom: 15vmin; +} + +.tiny-arrow { + width: 0; + height: 0; + border-left: 25px solid transparent; + border-right: 25px solid transparent; + border-top: 20px solid #004040; +} + +.background { + position: absolute; + top: 0; + left: 0; + z-index: -100; + background-color: #020135; + background-image: url('../media/back-pic.jpg'); + background-size: 125% auto; +} + +.navbar { + font-family: "Lato", sans-serif; + font-size: 16px; + background-color: rgba(8, 13, 53, 0.7); +/* + margin-top: 7px; + margin-bottom: 7px; +*/ + font-weight: 600 +} + +.navbar-nav > li { + margin-left: 3vw; + margin-right: 3vw; + color: #ffffff; +} + +.navbar-nav > li > a { + color: white; +} + +.navbar-light .navbar-nav .nav-link { + color: white; + font-style: bold +} + +#highlighted-nav-item { + border: 1.25px solid #d82959; + background-color: rgb(255, 255,255, 0.9) + padding: 0; + border-color: #d82959; + margin-left: 3vw; + padding-left: 18px; + padding-right: 18px; + +} + +#sigma-eta-pi-title { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 100%; + height: 35%; +/* padding-left: 100px */ +} + +.sigma-eta-pi-text { + font-size: 14vmin; + color: #d82959; + font-family: Montserrat, sans-serif; + font-weight: 700; + text-align: center; + -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ + -moz-animation: fadein 2s; /* Firefox < 16 */ + -ms-animation: fadein 2s; /* Internet Explorer */ + -o-animation: fadein 2s; /* Opera < 12.1 */ + animation: fadein 2s; +} + +#sub-title { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-family: 'Lato', sans-serif; + width: 100%; + height: 8%; + color: #ffffff; + +} + +.sub-title-text { + font-size: 5vmin; + font-weight: bold; + font-family: 'montserrat', sans-serif; + font-weight:100; + text-align: center; + -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ + -moz-animation: fadein 2s; /* Firefox < 16 */ + -ms-animation: fadein 2s; /* Internet Explorer */ + -o-animation: fadein 2s; /* Opera < 12.1 */ + animation: fadein 2s; +} + +#rush-button-container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 100%; + height: auto; +/* padding-bottom: 50px; + padding-top: 40px;*/ + -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ + -moz-animation: fadein 2s; /* Firefox < 16 */ + -ms-animation: fadein 2s; /* Internet Explorer */ + -o-animation: fadein 2s; /* Opera < 12.1 */ + animation: fadein 2s; +} + +.btn-primary { + font-size: 20px; + width: 150px; + height: auto; + color: #d82959; + background-color: rgba(255, 255, 255, 0.05); + font-family: 'Roboto', sans-serif; + font-weight: 900; + border-width: 2px; + margin-top: 1vh; + margin-bottom: 1vh; + /*border-radius: 20px;*/ + padding: 0; + border-color: #d82959; +} + +.btn-primary:hover { + background-color: #d82959; + color: rgba(8, 13, 53); + border-color: #d82959 +} + +#super-sub-title { + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-end; + width: 100%; + height: 15%; + font-size: 3.0vmin; + font-family: 'montserrat',; + color: #FFFFFF; + text-align: center; + opacity: .3; + -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ + -moz-animation: fadein 2s; /* Firefox < 16 */ + -ms-animation: fadein 2s; /* Internet Explorer */ + -o-animation: fadein 2s; /* Opera < 12.1 */ + animation: fadein 2s; +} + +.button { + text-align: center; + width: 60px; + height: auto; + opacity: 0.75; +} + +.main-content { + background-color: white; +} + +#home-page-info { + font-size: 1em; + text-align: center; + padding-left: 3vw; + padding-right: 3vw; + margin-top: 3vh; + padding-top: 4vh; + flex-direction: column; + justify-content: space-between; + text-align: center; + align-items: center; + color: #0B0783; + font-weight: normal; +} + +.home-page-title { + width:90%; + align-self: center; + text-align:center; + border-bottom: 1px solid #D82959; + line-height:0.1em; + margin:10px 0 20px; + padding-left: 50px; + padding-right: 50px; + font-size: 0.8em; + color: #0B0783; + + +} +h2 span { + font-family: Montserrat, sans-serif; + background:#f9f9f9; padding:0 10px; } + +.home-page-cards { + display: flex; + justify-content: space-around; + flex-flow: row wrap; + margin-top: 2vh; + margin-right: 8vw; + margin-left: 8vw; + align-items: center; +} + +#home-about-card { + display: flex; + flex-direction: column; + background-color: #f9f9f9; + width: 75vw; + height: 60vh; + margin: 25px; + box-shadow: 0 0 10px 5px #e5e5e5; + border-radius: 10px; + +} + +#home-venture-card { + display: flex; + flex-direction: column; + background-color: #f9f9f9; + width: 75vw; + height: 60vh; + margin: 25px; + box-shadow: 0 0 10px 5px #e5e5e5; + border-radius: 10px; + +} + +#home-rush-card { + display: flex; + flex-direction: column; + background-color: #f9f9f9; + width: 75vw; + height: 60vh; + margin: 25px; + box-shadow: 0 0 10px 5px #e5e5e5; + border-radius: 10px; + +} + +.home-content-grid { + display: flex; + flex-direction: column; + width: 100%; + margin-top: 3vh; + align-content: center; + justify-content: space-around; + align-self: center; +} + +.nu-retreat-image-container { + width: 100%; + height: 50%; + overflow: hidden; +} + +.nu-retreat-image { + width: 100%; + height: 50%; + object-fit: cover; + overflow:hidden; + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} + +.card-text { + text-align: center; + margin-top: 30px; + margin-right: 10px; + margin-left: 10px; + font-size: 15px; +} + +.card-link-text { + text-align: center; + justify-content: center; + color: #E2324F; + font-weight: bold; + font-size: 1em; + margin-top: 1vh; +} + +.card-link-text>a { + color: #E2324F; +} + +hr { + border: 1px solid silver; + width: 75%; + align-self: center; +} + +.cards-container { + display: flex; + flex-direction: column; + align-items: center; +} + +.card-title-container { + color: #707070; + display: flex; + align-items: center; + width: 100%; + height: 5%; + font-weight: 300; +} + +.card-layout { + width: 90vw; + height: 90vh; + padding: 3vmin; + margin-bottom: 10vmin; +} + +#about-card { + background-color: #E7E7E7; + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: flex-start; + text-align: left; + padding-left: 7vmin; + padding-right: 7vmin; + font-size: 4vmin; +} + +.nu-retreat-image { + width: 100%; + height: auto; +} + +#ventures-card { + background-color: #E7E7E7; + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: flex-start; + text-align: left; + padding-left: 7vmin; + padding-right: 7vmin; + font-size: 4vmin; +} + +.venture-title { + font-weight: 600; +} + +.venture-image-container { + display: flex; + flex-direction: column; + align-items: center; +} + +.venture-image { + width: 55%; + height: auto; +} + +#careers-card { + padding: 7vmin; + background-color: #E7E7E7; + display: flex; + flex-direction: column; + padding-left: 7vmin; + padding-right: 7vmin; + font-size: 4vmin; +} + +.companies-container { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + flex: 1; +} + +.company-row { + display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + width: 100%; + flex: 3; + margin: 10px; +} + +.company-tile { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + width: 25%; + height: 25%; +} + +.company-image { + width: 100%; + height: auto; +} + +#apple { + width: 80%; +} + +#rush-card { + display: flex; + flex-direction: column; + justify-content: space-between; + background-color: #fad762; + font-size: 4vmin; + padding: 7vmin; +} + +.rush-image-container { + display: flex; + flex-direction: column; + align-items: center; + width: 100%; + height: auto; +} + +.rush-image { + width: 100%; + height: auto; +} + +#members-card { + background-color: #E7E7E7; + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: flex-start; + text-align: left; + padding-left: 7vmin; + padding-right: 7vmin; + font-size: 4vmin; +} + +.member-image-container { + display: flex; + flex-direction: column; + align-items: center; +} + +.member-image { + width: 100%; + height: auto; +} + +.rachael-text { + font-size: 3vmin; +} + +.other-chapters-card { + background-color: black; + display: flex; + flex: 1; + flex-direction: column; + justify-content: space-between; + align-items: flex-start; + text-align: left; + padding: 7vmin; + width: 90vw; + height: 55vh; + font-size: 4vmin; +} + +.chapters { + padding-top: 5vmin; + display: flex; + flex: 6; + flex-direction: column; + color: white; + font-size: 6vmin; + font-style: italic; + font-weight: bold; +} + +.chapter-text-container { + display: flex; + flex-direction: column; + justify-content: space-around; + flex: 3; + color: white; +} + +.bottom-container { + display: flex; + flex-direction: column; + justify-content: space-between; + grid-column: 1 / 13; + width: 100vw; + height: 100vh; + padding-top: 17vh; +} + +.sponsored-by { + display: flex; + flex-direction: column; + width: 100vw; + height: 30vh; + background-color: #E7E7E7; + padding: 3vmin; +} + +#sponsored-title-container { + font-weight: 400; + font-size: 4vmin; + width: 100%; + height: 5.5vh; +} + +#sponsors-container { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; +} + +.sponsor-tile { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + width: 50vmin; + height: auto; + margin: 4vmin; +} + +.sponsor-image { + width: 100%; + height: auto; +} + +.footer { + display: flex; + flex-direction: column; + justify-content: flex-end; + position: static; + width: 100%; + height: 50vh; + color: white; + text-align: center; + background-color: black; +} + +.footer-column-container { + display: flex; + flex: 1; + flex-direction: row; + justify-content: flex-end; + width: 100%; +} + +.social-media-container { + display: flex; + flex-direction: row; + justify-content: flex-end; + width: 70%; +} + +.social-media-text-container { + display: flex; + flex-direction: column; + justify-content: center; + height: 100%; + width: 70%; +} + +.social-media-text { + display: flex; + flex-direction: row; + justify-content: flex-start; + font-size: 8vmin; + font-style: italic; + font-weight: bold; +} + +a { + color: white; + text-decoration: none; +} + +a:hover { + color: #B0DBDC; + text-decoration: none; +} + +.sep-copyright { + +} + +/*#triangle-bottomright { + width: 0; + height: 0; + border-bottom: 100vh solid white; + border-left: 100vw solid transparent; +} + +#triangle-topright { + width: 0; + height: 0; + border-top: 100vh solid white; + border-left: 100vw solid transparent; +} + +#triangle-bottomleft { + width: 0; + height: 0; + border-bottom: 100vh solid white; + border-right: 100vw solid transparent; +} + +#triangle-topleft { + width: 0; + height: 0; + border-top: 100vh solid white; + border-right: 100vw solid transparent; +}*/ + +#home-page-footer { + color: white; + display: flex; + flex-direction: row; + justify-content: space-around; + text-align: center; + width: 100%; + font-size: 1em; + margin-top: 2vh; + margin-bottom: 2vh; + color: #0B0783; + font-family: Montserrat, sans-serif; +} + +#one { + width: 100vw; + height: 100vh; + position: static; + display: flex; + justify-content: center; + align-items: flex-start; +} + +#two { + width: 100vw; + height: 100vh; +} + +#three { + width: 100vw; + height: 100vh; +} + +#four { + width: 100vw; + height: 100vh; +} + +#five { + width: 100vw; + height: 100vh; +} + +#six { + width: 100vw; + height: 100vh; +} + +.sep-copyright { + font-family: sans-serif; + color: white; + padding: 10px; +} + + + +.footer-container { + padding-top: 50px; + position: absolute; + width: 100%; + text-align: center; +} + +.block:nth-child(odd) { + background: rgba(13, 0, 76,1); +} + +.social-media { + position: absolute; + +} + +.instagram { + padding-top: 15px; + height: 40px +} + +.facebook { + padding-top: 15px; + height: 50px +} diff --git a/members.html b/members.html index f3bd87e..bbace1e 100644 --- a/members.html +++ b/members.html @@ -487,7 +487,7 @@ - + @@ -578,9 +578,6 @@ - - - diff --git a/ventures.html b/ventures.html index 48fe83e..9f47537 100644 --- a/ventures.html +++ b/ventures.html @@ -194,7 +194,7 @@

Radically Unstable, an events team.


-