diff --git a/Gemfile b/Gemfile index 62c6a97..da91d8b 100644 --- a/Gemfile +++ b/Gemfile @@ -38,6 +38,7 @@ gem 'whenever', '~> 0.9.7' # Use Capistrano for deployment # gem 'capistrano-rails', group: :development +gem "bourbon" group :development, :production do gem 'listen', '~> 3.0.5' diff --git a/Gemfile.lock b/Gemfile.lock index df0c899..87fdc7e 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -40,6 +40,9 @@ GEM tzinfo (~> 1.1) addressable (2.3.8) arel (7.1.4) + bourbon (4.3.4) + sass (~> 3.4) + thor (~> 0.19) builder (3.2.3) byebug (9.0.6) chronic (0.10.2) @@ -188,6 +191,7 @@ PLATFORMS ruby DEPENDENCIES + bourbon byebug gibbon (~> 3.0.1) jquery-rails @@ -210,4 +214,4 @@ DEPENDENCIES whenever (~> 0.9.7) BUNDLED WITH - 1.14.3 + 1.16.0.pre.2 diff --git a/app/assets/images/fullstack.png b/app/assets/images/fullstack.png new file mode 100644 index 0000000..248f8a1 Binary files /dev/null and b/app/assets/images/fullstack.png differ diff --git a/app/assets/images/gamedev.png b/app/assets/images/gamedev.png new file mode 100644 index 0000000..e9a406a Binary files /dev/null and b/app/assets/images/gamedev.png differ diff --git a/app/assets/images/infosec.png b/app/assets/images/infosec.png new file mode 100644 index 0000000..c278d34 Binary files /dev/null and b/app/assets/images/infosec.png differ diff --git a/app/assets/images/solveforx.png b/app/assets/images/solveforx.png new file mode 100644 index 0000000..4596ebc Binary files /dev/null and b/app/assets/images/solveforx.png differ diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.scss similarity index 95% rename from app/assets/stylesheets/application.css rename to app/assets/stylesheets/application.scss index 0ebd7fe..f09d7c0 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.scss @@ -10,6 +10,4 @@ * files in this directory. Styles in this file should be added after the last require_* statement. * It is generally better to create a new file per style scope. * - *= require_tree . - *= require_self */ diff --git a/app/assets/stylesheets/pages.scss b/app/assets/stylesheets/pages.scss index 0d6878a..e4648ac 100644 --- a/app/assets/stylesheets/pages.scss +++ b/app/assets/stylesheets/pages.scss @@ -1,3 +1,4 @@ // Place all the styles related to the pages controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: http://sass-lang.com/ + diff --git a/app/assets/stylesheets/style.scss b/app/assets/stylesheets/style.scss index 805a56f..47e74c7 100644 --- a/app/assets/stylesheets/style.scss +++ b/app/assets/stylesheets/style.scss @@ -8,7 +8,6 @@ Version: 1.0 Tags: pantherhackers, panther hackers */ - /* STYLE GUIDE: @@ -19,723 +18,823 @@ border:2px solid #999;border-radius:3px; background-color:#444; */ -$title-font: 'Montserrat'; -$text-font: 'Hind'; +@import "bourbon"; + +$title-font: "Montserrat"; +$text-font: "Hind"; +$base-spacing: 0.5em; +$small-spacing: $base-spacing / 2; +$medium-spacing: $base-spacing * 2; +$large-spacing: $base-spacing * 3.75; +$x-large-spacing: $base-spacing * 5; +$reading-width: 560px; +$base-box-shadow: 1px 1px 2px rgba(black, 0.08); -h1, h2, h3, h4, h5, h6 { - font-family: $title-font, sans-serif; +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: $title-font, sans-serif; } .hidden { + display: none; +} + +body { + color: #444; + font-size: 15px; + font-family: $text-font, sans-serif; +} + +a { + color: #999; + border-radius: 3px; + transition: 0.3s all ease-in-out; +} - display: none; +a:hover { + text-decoration: none; + color: #4c94dc; } -body{ - color: #444; - font-size:15px; - font-family: $text-font, sans-serif; +ul { + list-style: none; + padding: 0; } -a{ - color:#999; - border-radius: 3px; - transition: .3s all ease-in-out; +p { + line-height: 1.55em; } -a:hover{ - text-decoration: none; - color: #4C94DC; +img { + max-width: 100%; } -ul{ - list-style: none; - padding:0; +.form-control { + border-radius: 3px; } -p{ - line-height:1.55em; +.wrapper { + max-width: 1200px; + margin: 0 auto; + padding: 15px 50px; } -img{ - max-width:100%; +.logo { + max-width: 350px; } -.form-control{ - border-radius:3px; +.logo-small { + margin: 10px 0; + max-width: 300px; } -.wrapper{ - max-width: 1200px; - margin:0 auto; - padding:15px 50px; +.home-page-header { + background-image: image-url("meeting_0_front_splash.jpg"); + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + background-position: center; } -.logo{ - max-width:350px; +.home-page-header a, +.home-page-header .mobile-hamburger-area { + color: #eee; } -.logo-small{ - margin: 10px 0; - max-width: 300px; +.home-page-header .mobile-hamburger-area { + margin-bottom: 5px; } -.home-page-header{ - background-image: image-url("meeting_0_front_splash.jpg"); - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; - background-position: center; +.home-page-header .more-area .btn { + background-color: #eee; + color: #333; } -.home-page-header a, .home-page-header .mobile-hamburger-area{ - color:#eee; +.wrapper.home-content-container { + padding: 0; } -.home-page-header .mobile-hamburger-area{ - margin-bottom:5px; +.top-page-header { + text-align: center; + border-bottom: 1px solid #eee; } -.home-page-header .more-area .btn{ - background-color:#eee; - color:#333; +.theme-dark.top-page-header, +.home-page-header.top-page-header { + border: 0; } -.wrapper.home-content-container{ - padding:0; +.top-page-header .wrapper > *:nth-child(-n + 3) { + float: left; } -.top-page-header{ - text-align: center; - border-bottom:1px solid #eee; +.top-page-header .navigation-area { + margin: 18px 0; + width: 32%; + text-align: center; } -.theme-dark.top-page-header, .home-page-header.top-page-header{ - border:0; +.top-page-header .navigation { + text-align: left; + display: inline-block; } -.top-page-header .wrapper > *:nth-child(-n+3){ - float:left; +.top-page-header .navigation li { + display: inline-block; } -.top-page-header .navigation-area{ - margin:18px 0; - width: 32%; - text-align: center; +.top-page-header .navigation li a { + font-size: 1em; + padding: 7px 7px; } -.top-page-header .navigation{ - text-align: left; - display: inline-block; + +.top-page-header .navigation li a.active { + color: #4c94dc; } -.top-page-header .navigation li{ - display: inline-block; +.top-page-header .navigation li a:hover { + color: #fff; + background-color: #444; } -.top-page-header .navigation li a{ - font-size:1em; - padding:7px 7px; +.top-page-header .logo-area { + width: 36%; + padding: 14px 0; } -.top-page-header .navigation li a.active{ - color:#4C94DC; +.top-page-header .logo { + max-width: 325px; } -.top-page-header .navigation li a:hover{ - color:#fff; - background-color:#444; +.top-page-header .social-media-area { + margin: 18px 0; + width: 32%; + text-align: left; } -.top-page-header .logo-area{ - width: 36%; - padding:14px 0; +.top-page-header .social-media-area ul { + display: inline-block; } -.top-page-header .logo{ - max-width:325px; +.top-page-header .social-media-area li { + display: inline-block; + padding: 0 14px; + font-size: 1.18em; } +.event-list { + width: 95%; + margin: 0 auto; +} -.top-page-header .social-media-area{ - margin:18px 0; - width: 32%; - text-align:left; +.event-list .event { + border-top: 1px solid #ddd; + margin: 0; + padding: 50px 0; } -.top-page-header .social-media-area ul{ - display: inline-block; +.event-list .event:hover .event-info { + background-color: #444; + color: #fff; + padding: 6px 15px; + font-size: 1.05em; } -.top-page-header .social-media-area li{ - display: inline-block; - padding:0 14px; - font-size:1.18em; +.event-list .event:hover h2 { + color: #fff; } -.event-list{ - width:95%; - margin:0 auto; +.event-list .event:first-child { + padding-top: 0; + border-top: 0; + margin-bottom: 0; } -.event-list .event{ - border-top:1px solid #ddd; - margin:0; - padding:50px 0; +.event-time { + text-align: center; } -.event-list .event:hover .event-info{ - background-color:#444; - color:#fff; - padding:6px 15px; - font-size:1.05em; +.event-time.box { + padding: 5px 20px 0; } -.event-list .event:hover h2{ - color:#fff; +.event-time p { + margin: 2px 0; } -.event-list .event:first-child{ - padding-top:0; - border-top:0; - margin-bottom:0; +.event-time p:last-child { + margin-top: 10px; } -.event-time{ - text-align: center; +.event-time hr { + width: 80%; + display: block; + height: 1px; + border: 2px solid #999; + margin: 5px auto; + border-top: 1px solid #444; } -.event-time.box{ - padding:5px 20px 0; +.event-info { + padding-left: 20px; + transition: 0.3s all ease-in-out; } -.event-time p{ - margin:2px 0; +.event-info .heading { + font-size: 1.8em; + margin-bottom: 10px; + display: inline-block; + color: #444; + background-color: transparent; + padding: 0; + transition: 0.3s all ease-in-out; } -.event-time p:last-child{ - margin-top:10px; +.event-lookup { + float: left; + width: 30%; + padding: 40px 0; } -.event-time hr{ - width:80%; - display:block; - height:1px; - border:2px solid #999; - margin:5px auto; - border-top:1px solid #444; +.event-lookup .form-control { + max-width: 200px; } -.event-info{ - padding-left:20px; - transition: .3s all ease-in-out; +.event-lookup-items { + list-style: none; + padding-left: 0; + margin-top: 25px; } -.event-info .heading{ - font-size:1.8em; - margin-bottom:10px; - display:inline-block; - color:#444; - background-color: transparent; - padding:0; - transition:.3s all ease-in-out; +.event-lookup-items li { + font-size: 1.1em; } -.event-lookup{ - float:left; - width:30%; - padding:40px 0; +.event-lookup-items li a { + display: block; + padding: 5px 28px; + max-width: 300px; + border-radius: 3px; } -.event-lookup .form-control{ - max-width:200px; +.event-lookup-items li a:hover { + background-color: #444; + color: #fff; + font-size: 1.11em; + padding: 8px 28px; + transition: 0.3s all ease-in-out; } -.event-lookup-items{ - list-style: none; - padding-left: 0; - margin-top:25px; +.event-lookup-items li a.active { + background-color: #aaa; + color: #fff; } -.event-lookup-items li{ - font-size:1.1em; +.top-footer { + background-color: #111; + color: #fff; + text-align: center; } -.event-lookup-items li a{ - display: block; - padding:5px 28px; - max-width: 300px; - border-radius:3px; +.top-footer p { + margin: 8px 0; } -.event-lookup-items li a:hover{ - background-color:#444; - color:#fff; - font-size:1.11em; - padding:8px 28px; - transition: .3s all ease-in-out; +.top-footer .fa { + font-size: 1.4em; } -.event-lookup-items li a.active{ - background-color:#aaa; - color:#fff; +.pitch-group { + color: #f8f8fa; + max-width: 90%; + margin: 15% auto 5% auto; } -.top-footer{ - background-color:#111; - color:#fff; - text-align: center; +.pitch-group h1 { + font-size: 5.5em; + margin-top: 25%; + font-family: $title-font, sans-serif; + font-weight: 700; + text-shadow: 0 0 5px #777; } -.top-footer p{ - margin:8px 0; +.pitch-group h2 { + font-size: 2em; + margin-top: 50px; + font-family: $title-font, sans-serif; + text-shadow: 0 0 5px #777; } -.top-footer .fa{ - font-size:1.4em; +.more-area { + color: #f8f8fa; + font-size: 1.2em; + transition: 0.3s all ease-in-out; + display: inline-block; + cursor: pointer; } -.pitch-group{ - color:#F8F8FA; - max-width: 90%; - margin:15% auto 5% auto; +.more-area:hover { + font-size: 1.4em; } -.pitch-group h1{ - font-size:5.5em; - margin-top:25%; - font-family: $title-font, sans-serif; - font-weight: 700; - text-shadow:0 0 5px #777; +.more-area:hover .fa { + font-size: 1.9em; } -.pitch-group h2{ - font-size:2em; - margin-top:50px; - font-family: $title-font, sans-serif; - text-shadow:0 0 5px #777; +.more-area p { + margin-bottom: 0px; } -.more-area{ - color:#F8F8FA; - font-size:1.2em; - transition: .3s all ease-in-out; - display: inline-block; - cursor:pointer; +.more-area .fa { + font-size: 1.6em; + font-weight: bolder; } -.more-area:hover{ - font-size: 1.4em; +.single-page img { + max-width: 100%; } -.more-area:hover .fa{ - font-size: 1.9em; +.recent-posts { + margin-top: 10px; } -.more-area p{ - margin-bottom:0px; +.recent-posts .wrapper { + padding-top: 0; } -.more-area .fa{ - font-size:1.6em; - font-weight: bolder; +.recent-posts.section-padding { + padding-top: 50px; } -.single-page img{ - max-width:100%; +.recent-posts .heading { + margin-top: 0; + margin-bottom: 50px; } -.recent-posts{ - margin-top:10px; +.post-excerpt { + text-align: center; + float: left; + width: 28.3333%; + margin-right: 5%; } -.recent-posts .wrapper{ - padding-top:0; +.post-excerpt:last-child { + margin-right: 0; } -.recent-posts.section-padding{ - padding-top:50px; +.post-excerpt .side:nth-child(1) { + text-align: right; + padding-right: 10px; + width: 45%; } -.recent-posts .heading{ - margin-top:0; - margin-bottom:50px; +.post-excerpt .side:nth-child(2) { + text-align: left; + padding-left: 10px; + border-left: 1px solid #aaa; + width: 55%; } -.post-excerpt{ - text-align: center; - float:left; - width:28.3333%; - margin-right:5%; +.post-excerpt .image { + margin: 15px 0; + margin-bottom: 0; } -.post-excerpt:last-child{ - margin-right: 0; +.post-excerpt .title { + margin-bottom: 0; + font-size: 1.3em; + margin-top: 0; } -.post-excerpt .side:nth-child(1){ - text-align: right; - padding-right:10px; - width:45%; +.post-excerpt .btn { + margin-top: 5px; } +.about-section { + margin-top: 20px; +} -.post-excerpt .side:nth-child(2){ - text-align: left; - padding-left:10px; - border-left:1px solid #aaa; - width:55%; +.about-section .heading { + margin-top: 0; } -.post-excerpt .image{ - margin:15px 0; - margin-bottom:0; +.about-section img { + margin: 35px 0; } -.post-excerpt .title{ - margin-bottom:0; - font-size:1.3em; - margin-top:0; +.team-image { + float: left; + width: 23.25%; + margin-right: 2%; + position: relative; } +.team-image:last-child { + margin-right: 0; +} -.post-excerpt .btn{ - margin-top:5px; +.team-image img { + width: 100%; } -.about-section{ - margin-top:20px; +.team-image figcaption { + position: absolute; + top: 34%; + left: 24%; + color: #fff; + font-size: 1.3em; } -.about-section .heading{ - margin-top:0; +.category-list { + color: #999; + margin: 10px 0px 45px; } -.about-section img{ - margin:35px 0; +.category-list .active a { + color: #4c94dc; } -.team-image{ - float: left; - width:23.25%; - margin-right:2%; - position:relative; +.category-list li { + display: inline-block; + text-transform: uppercase; } -.team-image:last-child{ - margin-right:0; +.category-list li .form-control { + height: 25px; + padding: 4px 5px; + display: inline-block; + width: 150px; } -.team-image img{ - width:100%; +.category-list li .btn { + display: inline-block; + padding-top: 1px; + padding-bottom: 1px; + margin-left: 10px; } -.team-image figcaption{ - position:absolute; - top:34%; - left:24%; - color:#fff; - font-size:1.3em; +.category-list .separator { + margin: 0 5px; + font-size: 0.7em; } -.category-list{ - color:#999; - margin:10px 0px 45px; +.blog-post { + float: left; + width: 29%; + margin-right: 4.3333%; + margin-bottom: 40px; + position: relative; + z-index: 99; } -.category-list .active a{ - color:#4C94DC; +.blog-post:hover a { + color: inherit; } -.category-list li{ - display: inline-block; - text-transform: uppercase; +.blog-post:hover .title { + color: #4c94dc; } +.blog-post a { + color: inherit; +} -.category-list li .form-control{ - height:25px; - padding:4px 5px; - display:inline-block; - width: 150px; +.blog-post img { + max-width: 100%; + margin: 0 auto; + display: block; + box-shadow: 0px 4px 7px #333; } -.category-list li .btn{ - display:inline-block; - padding-top:1px; - padding-bottom:1px; - margin-left: 10px; +.blog-post figcaption { + max-width: 90%; + background-color: #fff; + position: relative; + top: 30px; + bottom: 20px; + margin: 0 auto; + z-index: 100; + font-size: 0.9em; + padding: 10px; + text-align: center; + transition: 0.3s all ease-in-out; } -.category-list .separator{ - margin:0 5px; - font-size:.7em; +.blog-post figcaption .category { + background-color: #4c94dc; + display: inline-block; + position: relative; + top: -22px; + padding: 5px 10px; + color: #fff; + margin-bottom: 0; + border-radius: 3px; } -.blog-post{ - float:left; - width: 29%; - margin-right:4.3333%; - margin-bottom:40px; - position: relative; - z-index: 99; +.blog-post figcaption .title { + font-family: $title-font; + font-size: 1.7em; + color: inherit; } -.blog-post:hover a{ - color:inherit; +.blog-post figcaption .excerpt { + margin-top: -8px; } -.blog-post:hover .title{ - color:#4C94DC; +.single-blog-post-area { + padding-top: 0; } -.blog-post a{ - color:inherit; +.post-image-area { + width: 80%; + margin: 0 auto; } -.blog-post img{ - max-width: 100%; - margin:0 auto; - display:block; - box-shadow: 0px 4px 7px #333; +.post-image-area .post-image { + width: 100%; } -.blog-post figcaption{ - max-width: 90%; - background-color:#fff; - position:relative; - top: 30px; - bottom:20px; - margin: 0 auto; - z-index: 100; - font-size:.9em; - padding:10px; - text-align: center; - transition: .3s all ease-in-out; +.post-image-area .post-info.overlay-bottom { + position: absolute; + left: 0; + right: 0; + top: 34%; + margin: 0; + color: #fff; + text-align: center; } -.blog-post figcaption .category{ - background-color:#4C94DC; - display:inline-block; - position: relative; - top:-22px; - padding:5px 10px; - color:#fff; - margin-bottom:0; - border-radius: 3px; +.post-image-area .title { + font-size: 5em; } -.blog-post figcaption .title{ - font-family: $title-font; - font-size:1.7em; - color:inherit; +.single-blog-post .post-content { + background-color: #fff; + position: relative; + top: -90px; + z-index: 100; + max-width: 70%; } +.single-blog-post .post-content img { + display: block; + margin: 15px auto; +} -.blog-post figcaption .excerpt{ - margin-top:-8px; +.heading { + background-color: #444; + color: #fff; + padding: 8px 15px; + font-size: 1.3em; + display: inline-block; + margin-bottom: 20px; } -.single-blog-post-area{ - padding-top:0; +.heading.top-heading, +.heading.long-heading { + width: 200px; +} +.box { + padding: 15px; + background-color: #f3f3f3; + text-align: center; + border: 1px solid #eee; + border-radius: 5px; + transition: 0.3s all ease-in-out; } -.post-image-area{ - width:80%; - margin:0 auto; +.p-group { + margin: 10px 0; } -.post-image-area .post-image{ - width:100%; +.p-group p { + margin: 0; + line-height: 1.3em; } -.post-image-area .post-info.overlay-bottom{ - position:absolute; - left: 0; - right: 0; - top: 34%; - margin:0; - color:#fff; - text-align: center; +.overlay-group { + position: relative; } -.post-image-area .title{ - font-size:5em; +.overlay-top { + position: absolute; + z-index: 99; + background-color: #000; + opacity: 0.4; + top: 0; + left: 0; + height: 100%; + width: 100%; } -.single-blog-post .post-content{ - background-color:#fff; - position: relative; - top:-90px; - z-index: 100; - max-width: 70%; +.overlay-bottom { + z-index: 100; + position: relative; } -.single-blog-post .post-content img{ - display: block; - margin: 15px auto; +.btn { + background-color: transparent; + border: 1px solid #666; + transition: 0.3s all ease-in-out; } -.heading{ - background-color:#444; - color:#fff; - padding:8px 15px; - font-size:1.3em; - display:inline-block; - margin-bottom:20px; +.btn:hover { + color: #fff; + background-color: #666; } -.heading.top-heading, .heading.long-heading{ - width:200px; +.theme-dark { + background-color: #222; + color: #fff; } -.box{ - padding:15px; - background-color:#F3F3F3; - text-align: center; - border:1px solid #eee; - border-radius:5px; - transition: .3s all ease-in-out; +.theme-light { + background-color: #fbfbfb; } -.p-group{ - margin:10px 0; +.theme-dark a { + color: #fff; } -.p-group p{ - margin:0; - line-height:1.3em; +.theme-dark a:hover { + color: #ccc; } -.overlay-group{ - position: relative; +.side { + float: left; + width: 50%; } -.overlay-top{ - position: absolute; - z-index: 99; - background-color:#000; - opacity: .4; - top:0; - left:0; - height:100%; - width:100%; +.rounded { + border-radius: 500px; } -.overlay-bottom{ - z-index:100; - position:relative; +.section-padding { + padding: 65px 50px; } -.btn{ - background-color: transparent; - border:1px solid #666; - transition: .3s all ease-in-out; +.text-muted { + color: #ccc; } -.btn:hover{ - color:#fff; - background-color:#666; +.text-light-mute { + color: #666; } -.theme-dark{ - background-color:#222; - color:#fff; +.text-small { + font-size: 0.9em; } -.theme-light{ - background-color:#FBFBFB; +.text-emphasized { + font-weight: bold; + transition: 0.3s all ease-in-out; } -.theme-dark a{ - color:#fff; +.text-bigger { + font-size: 1.4em; } -.theme-dark a:hover{ - color:#ccc; +.tile { + display: flex; + margin: 0px; + padding: 0 0 0 0; + height: 50%; + color: white; + align-items: center; + justify-content: center; + background-size: cover; + background-position: center center; + text-align: center; +} + +.tile-wrapper { + display: block; + max-width: 80%; + font-size: 20px; + text-shadow: 0px 0px 4px grey; + margin-bottom: 4%; } -.side{ - float:left; - width:50%; +.footer-social-icon { + margin-right: 20px; } -.rounded{ - border-radius: 500px; +.subscribe-fields { + color: #444; } -.section-padding{ - padding:65px 50px; +.page-section { + position: relative; } -.text-muted{ - color:#ccc; +.page-content { + margin: 0 auto; + max-width: 1024px; + padding: $large-spacing $base-spacing; + + + .page-content { + padding-top: 0; + } } -.text-light-mute{ - color:#666; +.flex-grid { + align-items: stretch; + display: flex; + flex-wrap: wrap; + justify-content: center; + + @media screen and (max-width: 680px) { + display: block; + } } -.text-small{ - font-size: .9em; + +.card { + @include transition(all 0.3s ease-in-out); + + background: white; + border-radius: 0.25rem; + border: 1px solid #dcdcdc; + box-shadow: $base-box-shadow; + display: inline-block; + height: 370px; + margin-bottom: em(30); + overflow: hidden; + padding: 5px; + position: relative; + width: 14rem; + + &:hover { + @include transform(translateY(-5px)); + + box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); + } } -.text-emphasized{ - font-weight: bold; - transition: .3s all ease-in-out; + +@media screen and (max-width: 680px) { + .card { + flex: 0 1 calc(75% - 1em); + height: 40%; + width: 100%; + } } -.text-bigger{ - font-size:1.4em; + +.card-two-per-line { + display: inline-block; + margin-bottom: $base-spacing; + + @media (min-width: 680px) { + margin: $base-spacing $base-spacing $large-spacing; + width: calc(49% - #{$base-spacing * 2}); + } + + @media screen and (max-width: 680px) { + width: 100%; + } } -.tile { - display: flex; - margin: 0px; - padding: 0 0 0 0 ; - height: 50%; - color: white; - align-items: center; - justify-content: center; - background-size: cover; - background-position: center center; - text-align: center; -} - -.tile-wrapper{ - display: block; - max-width: 80%; - font-size: 20px; - text-shadow: 0px 0px 4px grey; - margin-bottom: 4%; +.card-content { + padding: $medium-spacing; } -.footer-social-icon { - margin-right: 20px; +.card-heading { + color: #0b5fec; + display: block; + font-size: 3rem; + font-weight: normal; + margin-bottom: $base-spacing; } -.subscribe-fields { - color: #444; +.card-text { + color: #a4a4a4; + max-width: $reading-width; } -#tile-top-right{ - background-image: image-url('ph_sticker.jpg'); - align-items: flex-end; - } +#tile-top-right { + background-image: image-url("ph_sticker.jpg"); + align-items: flex-end; +} -#tile-top-left{ - background-color: rgb(50,50,50); +#tile-top-left { + background-color: rgb(50, 50, 50); overflow: hidden; - align-items: baseline;; + align-items: baseline; } -#tile-bottom-right{ - background-image: image-url('harsha_m1.jpg'); +#tile-bottom-right { + background-image: image-url("harsha_m1.jpg"); } -#tile-bottom-left{ - background-image: image-url('kara_mcm.jpg'); +#tile-bottom-left { + background-image: image-url("kara_mcm.jpg"); } #slack-logo-tile { - height: 25%; - width: 25%; + height: 25%; + width: 25%; } diff --git a/app/controllers/pages_controller.rb b/app/controllers/pages_controller.rb index 43991b1..8101aac 100644 --- a/app/controllers/pages_controller.rb +++ b/app/controllers/pages_controller.rb @@ -8,6 +8,10 @@ def home def about end + def inerest_groups + end + + def calendar end end diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb index 0a1720a..ffb1e8e 100644 --- a/app/helpers/application_helper.rb +++ b/app/helpers/application_helper.rb @@ -7,7 +7,8 @@ def nav_menu_items [ {title: 'Blog', url: blog_url}, {title: 'Events', url: calendar_url}, - {title: 'About', url: about_url} + {title: 'About', url: about_url}, + {title: 'Interest Groups', url: interest_groups_url} ] end diff --git a/app/views/pages/interest_groups.html.erb b/app/views/pages/interest_groups.html.erb new file mode 100644 index 0000000..cd0b3b7 --- /dev/null +++ b/app/views/pages/interest_groups.html.erb @@ -0,0 +1,64 @@ + +
+

Interest Groups

+
+
+
+
+ + SolveForX. + + +

+ Bring out your inner Genius // At SFX we like a challenge - we believe that continuous problem-solving is the best way to mold your beautiful nerd brain. Here we solve fun riddles, play with coding challenges, learn algorithmic strategies, and scratch the itchy part of your curious mind. Thursdays @ 7:15pm +

+ + + <%= image_tag('solveforx.png', :style => "height: 150px; width: 600px") %> +
+
+
+
+ + InfoSec. + + +

+ Don’t fear the dark, play in it! // Learn the secrets of computer security with people who embrace the unknown. Ever wonder how computers work behind the scenes? How hackers take advantage of others’ mistakes? Well then, InfoSec is the place and family for you. Mondays @ 8p +

+ + <%= image_tag('infosec.png', :style => "height: 150px; width: 600px") %> +
+
+
+
+ + Fullstack WebDev + + +

+ Have you always wanted to design your own website but didn't know where to start? Have you dabbled in some HTML and CSS in the past, but always wanted to branch out into something more advanced? Meeting times are set for Wednesdays at 7pm at LaunchGSU. +

+ + <%= image_tag('fullstack.png', :style => "height: 150px; width: 600px") %> +
+
+ + +
+
+ + GameDev + + +

+ Get yourself past common hurdles in development with peers that are in it to win it. Have you ever wanted to make a game, but found it a daunting task alone? We've got you covered. Interested in practical psychological theory that goes into Game Development? We've got that too! GameDev meets weekly at LaunchGSU, 4pm. +

+ + <%= image_tag('gamedev.png', :style => "height: 150px; width: 600px") %> +
+
+
+ +
+
diff --git a/config/routes.rb b/config/routes.rb index 1a36726..05498eb 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -16,6 +16,7 @@ controller :pages do get '/' => :home, as: :home get '/about' => :about, as: :about + get '/interest_groups' => :interest_groups, as: :interest_groups get '/calendar' => :calendar, as: :calendar end end