From 68c3a31ac6e25873c141fbbb3673a4b831412287 Mon Sep 17 00:00:00 2001 From: Rachel Carden Date: Tue, 6 Jun 2017 01:13:25 -0700 Subject: [PATCH] Optimizing the footer, adding Slack icon --- assets/css/styles.min.css | 32 +++++++++++++++++++++++++++++- assets/images/slack-black.svg | 37 +++++++++++++++++++++++++++++++++++ assets/images/slack-white.svg | 37 +++++++++++++++++++++++++++++++++++ assets/scss/styles.scss | 17 +++++++++++++--- footer.php | 7 +------ functions.php | 31 +++++++++++++++++++++++++++-- 6 files changed, 149 insertions(+), 12 deletions(-) create mode 100644 assets/images/slack-black.svg create mode 100644 assets/images/slack-white.svg diff --git a/assets/css/styles.min.css b/assets/css/styles.min.css index 5c160ed..7e18f75 100644 --- a/assets/css/styles.min.css +++ b/assets/css/styles.min.css @@ -4,9 +4,39 @@ #wpcampus-banner .menu > ul ul > li > a{padding:3px 12px;} #wpcampus-banner .menu > ul > li.menu-item-has-children:hover > ul{display:block;} -#wpcampus-hero{background:url("../images/wpcampus-tile-BG-small.jpg") 0 0 repeat;background-size:auto 400px;position:relative;color:#fff;-moz-box-shadow:inset 0 0 20px #000000;-webkit-box-shadow:inset 0 0 20px #000000;box-shadow:inset 0 0 20px #000000}#wpcampus-hero a{color:inherit;text-decoration:none}#wpcampus-hero:before{content:'';background:rgba(0,0,0,0.6);position:absolute;left:0;top:0;width:100%;height:100%}#wpcampus-hero .columns{position:relative}#wpcampus-hero .wpcampus-header{display:block;text-align:center;width:100%;padding:30px 10px}#wpcampus-hero .wpcampus-header h1{font-size:inherit;color:inherit;margin:0;padding:0}#wpcampus-hero .wpcampus-header .wpcampus-logo{display:block;width:800px;max-width:100%;margin:0 auto}#wpcampus-hero .wpcampus-header .wpcampus-logo img{margin:0 auto 10px auto}#wpcampus-hero .wpcampus-header .wpcampus-logo .wpcampus-tagline{display:block;color:inherit;margin:0;font-size:1.5em;line-height:1.3;font-weight:300;text-transform:uppercase;text-align:center}#wpcampus-hero .wpcampus-header .button{display:block;margin:12px auto 0 auto;padding:15px 18px;text-transform:uppercase;font-size:1.2em;line-height:1.3}#wpcampus-hero .wpcampus-header .button.royal-blue{background:#1159bd}#wpcampus-hero .wpcampus-header .button.royal-blue:hover{background:#0d438e}.podcast-iframe{width:100%;height:500px;margin:10px 0 0 0}.wpcampus-podcasts .wpcampus-podcast .podcast-meta{margin:-8px 0 10px 0;font-size:1.1em;color:rgba(17,89,189,0.8)}.wpcampus-podcast-single .podcast-meta{margin:-8px 0 10px 0;font-size:1.1em;color:rgba(17,89,189,0.8);text-align:center}.addthis_sharing_toolbox{position:relative;z-index:0;text-align:center;margin:0}.addthis_sharing_toolbox .at-share-tbx-element{display:inline-block !important}.wpcampus-chart,.wpcampus-map{background:#fff;width:100%;height:450px;border:1px solid rgba(0,0,0,0.1);margin:0 0 30px 0;overflow:hidden}.wpcampus-chart+.wpcampus-chart,.wpcampus-chart+.wpcampus-map,.wpcampus-map+.wpcampus-chart,.wpcampus-map+.wpcampus-map{border-top:0;margin-top:-30px}.wpcampus-chart.bar-chart,.wpcampus-map.bar-chart{padding:20px}.wpcampus-map{padding:40px}.google-maps-builder-wrap{margin:0 0 30px 0}.maps-builder-pro-message{background:rgba(0,0,0,0.05);padding:20px;margin:-20px 0 35px 0}#wpcampus-data-group{background:rgba(0,0,0,0.02);text-align:center;font-size:1.4em;text-transform:uppercase;color:rgba(0,0,0,0.9);padding:20px;margin-bottom:0;border:1px solid rgba(0,0,0,0.1);border-bottom:0}#wpcampus-chart-sessions{height:600px}.breadcrumbs-wrapper{text-align:center}.breadcrumbs-wrapper .breadcrumbs{display:inline-block;width:auto;background:none;margin:0}.panel{padding:20px}.panel.center{text-align:center}.panel.dark{color:#fff}.panel.dark *{color:inherit}.panel.coming-soon{font-style:italic}.panel.coming-soon p{margin-bottom:0}.panel.vote-on-new-name{padding:25px}.panel.peach{background:#d0443c;color:#fff;}.panel.royal-blue{background:#1159bd;color:#fff}.panel.red{background:#900;color:#fff}.panel.royal-blue *,.panel.red *{color:inherit}.panel.dark-blue{background:#2e3641;color:#fff}.panel.dark-blue *{color:inherit}.panel.wpcampus-phil-tshirt{background:#fff;border:20px solid #f2f2f2;margin-right:-20px}.panel.wpc-announce{padding:30px}.panel.wpc-announce h2{text-transform:uppercase;font-size:1.8em;line-height:1;text-align:center}.panel *:last-child{margin-bottom:0}.google-maps-info-content .info-title{font-size:17px;line-height:20px;margin:5px 0 3px 0;font-weight:600}.google-maps-info-content p{font-size:13px;line-height:19px}.google-maps-info-content p.website{margin-bottom:2px}.google-maps-info-content *:last-child{margin-bottom:6px}#wpcampus-main-page-title{background:#fafafa;padding:25px 0;margin:0;text-align:center}#wpcampus-main-page-title h1{margin:0}#wpcampus-main{background:#fff;min-height:200px;padding:30px 0 50px 0}#wpcampus-main .addthis_sharing_toolbox{margin:15px 0}#wpcampus-main .addthis_sharing_toolbox:before{content:'';background:#eee;position:absolute;left:0;top:16px;width:100%;height:1px;z-index:-1}#wpcampus-footer{padding:25px 20px 35px 20px;color:#444;font-size:0.9em;line-height:1.8;text-align:center}#wpcampus-footer *{font-size:inherit;line-height:inherit}#wpcampus-footer .columns *:last-child{margin-bottom:0}#wpcampus-footer .addthis_sharing_toolbox{margin:-40px 0 22px 0}#wpcampus-footer .wpc-logo{display:block;opacity:0.65;margin:0 0 15px 0}#wpcampus-footer .wpc-logo img{height:50px}#wpcampus-footer .wpc-logo:hover{opacity:0.8}#wpcampus-footer .disclaimer{font-style:italic}#wpcampus-footer .icons img{width:auto;height:30px}#wpcampus-footer .icons a{display:inline-block;opacity:0.65;margin:0 5px}#wpcampus-footer .icons a:hover{opacity:0.8}#wpcampus-footer h3{text-transform:uppercase;margin:0 0 3px 0;color:#222;font-weight:600}#wpcampus-footer .photos-visible-message{display:block;width:0;height:0;margin:0;padding:0;overflow:hidden;text-indent:-9999px}#wpcampus-footer .univ-for-photos{overflow:auto;padding-left:2.5em;margin-left:0}#wpcampus-footer .univ-for-photos li{float:left;width:50%;margin:0 0 5px 0}@media only screen and (min-width: 40.0625em){.wpcampus-chart.bar-chart,.wpcampus-map.bar-chart{padding:40px}ul.column-two{margin-left:3em}ul.column-two li{width:45%}#wpcampus-hero{background-image:url("../images/wpcampus-tile-BG.jpg");background-size:auto 300px;height:300px}#wpcampus-hero .columns{height:300px}#wpcampus-hero .wpcampus-header{position:absolute;top:50%;left:0;padding:0 20px;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%)}#wpcampus-hero .wpcampus-header .wpcampus-logo .wpcampus-tagline{font-size:2.25em;line-height:1.2}#wpcampus-hero .wpcampus-header .button{display:inline-block;margin-top:18px}#wpcampus-hero .wpcampus-header .button+.button{margin-left:10px}}#wpcampus-main .gform_confirmation_message{background:rgba(0,255,0,0.2);padding:20px}#wpcampus-main .gform_wrapper{max-width:100%;margin:0 0 30px 0;padding:0}#wpcampus-main .gform_wrapper input[type="text"]{margin:0 0 0.5em 0}#wpcampus-main .gform_wrapper input[type="text"].ginput_quantity{display:inline-block}#wpcampus-main .gform_wrapper input[type="radio"],#wpcampus-main .gform_wrapper input[type="checkbox"]{margin:3px 0 8px .063em !important}#wpcampus-main .gform_wrapper ul li.gfield{margin:0 0 1em 0}#wpcampus-main .gform_wrapper ul li.gfield.panel{padding-top:20px;}#wpcampus-main .gform_wrapper #input_1_18_6_container{margin:0.5em 0 0 0}#wpcampus-main .gform_wrapper .gfield_label{font-size:1em;line-height:1.4;font-weight:600 !important}#wpcampus-main .gform_wrapper .top_label .gfield_description{padding:0 0 .625em 0}#wpcampus-main .gform_wrapper .gform_footer{padding:0;margin:1.5em 0 0 0}#wpcampus-main .gform_wrapper .gform_footer .gform_button{background:#444;width:100%;text-align:center;margin:0;text-transform:uppercase;font-weight:300}#wpcampus-main #gform_wrapper_7{background:#f6f6f6;padding:20px;margin:30px 0 0 0}#wpcampus-main #gform_wrapper_7 .gform_fields li.gsection{margin-top:35px;border-top:3px solid #ccc;padding-top:35px}#wpcampus-main #gform_wrapper_7 .gform_fields li.gsection:first-child{margin-top:0;padding-top:0;border-top:0}@media screen and (min-width: 700px){.columns.two{float:left;width:50%;}}.clear{clear:both;}#wpcampus-footer .wpc-footer-menu{display:block;margin:0;border:0;padding:0;list-style:none;display:inline-block;overflow:auto;text-align:center}#wpcampus-footer .wpc-footer-menu li{display:block;margin:0;border:0;padding:0;list-style:none}#wpcampus-footer .wpc-footer-menu li{float:left}#wpcampus-footer .wpc-footer-menu li a{color:inherit}#wpcampus-footer .wpc-footer-menu li:before{content:'-';padding:0 5px}#wpcampus-footer .wpc-footer-menu li:first-child:before{display:none} +#wpcampus-hero{background:url("../images/wpcampus-tile-BG-small.jpg") 0 0 repeat;background-size:auto 400px;position:relative;color:#fff;-moz-box-shadow:inset 0 0 20px #000000;-webkit-box-shadow:inset 0 0 20px #000000;box-shadow:inset 0 0 20px #000000}#wpcampus-hero a{color:inherit;text-decoration:none}#wpcampus-hero:before{content:'';background:rgba(0,0,0,0.6);position:absolute;left:0;top:0;width:100%;height:100%}#wpcampus-hero .columns{position:relative}#wpcampus-hero .wpcampus-header{display:block;text-align:center;width:100%;padding:30px 10px}#wpcampus-hero .wpcampus-header h1{font-size:inherit;color:inherit;margin:0;padding:0}#wpcampus-hero .wpcampus-header .wpcampus-logo{display:block;width:800px;max-width:100%;margin:0 auto}#wpcampus-hero .wpcampus-header .wpcampus-logo img{margin:0 auto 10px auto}#wpcampus-hero .wpcampus-header .wpcampus-logo .wpcampus-tagline{display:block;color:inherit;margin:0;font-size:1.5em;line-height:1.3;font-weight:300;text-transform:uppercase;text-align:center}#wpcampus-hero .wpcampus-header .button{display:block;margin:12px auto 0 auto;padding:15px 18px;text-transform:uppercase;font-size:1.2em;line-height:1.3}#wpcampus-hero .wpcampus-header .button.royal-blue{background:#1159bd}#wpcampus-hero .wpcampus-header .button.royal-blue:hover{background:#0d438e}.podcast-iframe{width:100%;height:500px;margin:10px 0 0 0}.wpcampus-podcasts .wpcampus-podcast .podcast-meta{margin:-8px 0 10px 0;font-size:1.1em;color:rgba(17,89,189,0.8)}.wpcampus-podcast-single .podcast-meta{margin:-8px 0 10px 0;font-size:1.1em;color:rgba(17,89,189,0.8);text-align:center}.addthis_sharing_toolbox{position:relative;z-index:0;text-align:center;margin:0}.addthis_sharing_toolbox .at-share-tbx-element{display:inline-block !important}.wpcampus-chart,.wpcampus-map{background:#fff;width:100%;height:450px;border:1px solid rgba(0,0,0,0.1);margin:0 0 30px 0;overflow:hidden}.wpcampus-chart+.wpcampus-chart,.wpcampus-chart+.wpcampus-map,.wpcampus-map+.wpcampus-chart,.wpcampus-map+.wpcampus-map{border-top:0;margin-top:-30px}.wpcampus-chart.bar-chart,.wpcampus-map.bar-chart{padding:20px}.wpcampus-map{padding:40px}.google-maps-builder-wrap{margin:0 0 30px 0}.maps-builder-pro-message{background:rgba(0,0,0,0.05);padding:20px;margin:-20px 0 35px 0}#wpcampus-data-group{background:rgba(0,0,0,0.02);text-align:center;font-size:1.4em;text-transform:uppercase;color:rgba(0,0,0,0.9);padding:20px;margin-bottom:0;border:1px solid rgba(0,0,0,0.1);border-bottom:0}#wpcampus-chart-sessions{height:600px}.breadcrumbs-wrapper{text-align:center}.breadcrumbs-wrapper .breadcrumbs{display:inline-block;width:auto;background:none;margin:0}.panel{padding:20px}.panel.center{text-align:center}.panel.dark{color:#fff}.panel.dark *{color:inherit}.panel.coming-soon{font-style:italic}.panel.coming-soon p{margin-bottom:0}.panel.vote-on-new-name{padding:25px}.panel.peach{background:#d0443c;color:#fff;}.panel.royal-blue{background:#1159bd;color:#fff}.panel.red{background:#900;color:#fff}.panel.royal-blue *,.panel.red *{color:inherit}.panel.dark-blue{background:#2e3641;color:#fff}.panel.dark-blue *{color:inherit}.panel.wpcampus-phil-tshirt{background:#fff;border:20px solid #f2f2f2;margin-right:-20px}.panel.wpc-announce{padding:30px}.panel.wpc-announce h2{text-transform:uppercase;font-size:1.8em;line-height:1;text-align:center}.panel *:last-child{margin-bottom:0}.google-maps-info-content .info-title{font-size:17px;line-height:20px;margin:5px 0 3px 0;font-weight:600}.google-maps-info-content p{font-size:13px;line-height:19px}.google-maps-info-content p.website{margin-bottom:2px}.google-maps-info-content *:last-child{margin-bottom:6px}#wpcampus-main-page-title{background:#fafafa;padding:25px 0;margin:0;text-align:center}#wpcampus-main-page-title h1{margin:0}#wpcampus-main{background:#fff;min-height:200px;padding:30px 0 50px 0}#wpcampus-main .addthis_sharing_toolbox{margin:15px 0}#wpcampus-main .addthis_sharing_toolbox:before{content:'';background:#eee;position:absolute;left:0;top:16px;width:100%;height:1px;z-index:-1}#wpcampus-footer{padding:25px 20px 35px 20px;color:#444;font-size:0.9em;line-height:1.8;text-align:center}#wpcampus-footer *{font-size:inherit;line-height:inherit}#wpcampus-footer .columns *:last-child{margin-bottom:0}#wpcampus-footer .addthis_sharing_toolbox{margin:-40px 0 22px 0}#wpcampus-footer .wpc-logo{display:block;opacity:0.65;margin:0 0 15px 0}#wpcampus-footer .wpc-logo img{height:50px}#wpcampus-footer .wpc-logo:hover{opacity:0.8}#wpcampus-footer .disclaimer{font-style:italic}#wpcampus-footer h3{text-transform:uppercase;margin:0 0 3px 0;color:#222;font-weight:600}#wpcampus-footer .photos-visible-message{display:block;width:0;height:0;margin:0;padding:0;overflow:hidden;text-indent:-9999px}#wpcampus-footer .univ-for-photos{overflow:auto;padding-left:2.5em;margin-left:0}#wpcampus-footer .univ-for-photos li{float:left;width:50%;margin:0 0 5px 0}@media only screen and (min-width: 40.0625em){.wpcampus-chart.bar-chart,.wpcampus-map.bar-chart{padding:40px}ul.column-two{margin-left:3em}ul.column-two li{width:45%}#wpcampus-hero{background-image:url("../images/wpcampus-tile-BG.jpg");background-size:auto 300px;height:300px}#wpcampus-hero .columns{height:300px}#wpcampus-hero .wpcampus-header{position:absolute;top:50%;left:0;padding:0 20px;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%)}#wpcampus-hero .wpcampus-header .wpcampus-logo .wpcampus-tagline{font-size:2.25em;line-height:1.2}#wpcampus-hero .wpcampus-header .button{display:inline-block;margin-top:18px}#wpcampus-hero .wpcampus-header .button+.button{margin-left:10px}}#wpcampus-main .gform_confirmation_message{background:rgba(0,255,0,0.2);padding:20px}#wpcampus-main .gform_wrapper{max-width:100%;margin:0 0 30px 0;padding:0}#wpcampus-main .gform_wrapper input[type="text"]{margin:0 0 0.5em 0}#wpcampus-main .gform_wrapper input[type="text"].ginput_quantity{display:inline-block}#wpcampus-main .gform_wrapper input[type="radio"],#wpcampus-main .gform_wrapper input[type="checkbox"]{margin:3px 0 8px .063em !important}#wpcampus-main .gform_wrapper ul li.gfield{margin:0 0 1em 0}#wpcampus-main .gform_wrapper ul li.gfield.panel{padding-top:20px;}#wpcampus-main .gform_wrapper #input_1_18_6_container{margin:0.5em 0 0 0}#wpcampus-main .gform_wrapper .gfield_label{font-size:1em;line-height:1.4;font-weight:600 !important}#wpcampus-main .gform_wrapper .top_label .gfield_description{padding:0 0 .625em 0}#wpcampus-main .gform_wrapper .gform_footer{padding:0;margin:1.5em 0 0 0}#wpcampus-main .gform_wrapper .gform_footer .gform_button{background:#444;width:100%;text-align:center;margin:0;text-transform:uppercase;font-weight:300}#wpcampus-main #gform_wrapper_7{background:#f6f6f6;padding:20px;margin:30px 0 0 0}#wpcampus-main #gform_wrapper_7 .gform_fields li.gsection{margin-top:35px;border-top:3px solid #ccc;padding-top:35px}#wpcampus-main #gform_wrapper_7 .gform_fields li.gsection:first-child{margin-top:0;padding-top:0;border-top:0}@media screen and (min-width: 700px){.columns.two{float:left;width:50%;}}.clear{clear:both;}#wpcampus-footer .wpc-footer-menu{display:block;margin:0;border:0;padding:0;list-style:none;display:inline-block;overflow:auto;text-align:center}#wpcampus-footer .wpc-footer-menu li{display:block;margin:0;border:0;padding:0;list-style:none}#wpcampus-footer .wpc-footer-menu li{float:left}#wpcampus-footer .wpc-footer-menu li a{color:inherit}#wpcampus-footer .wpc-footer-menu li:before{content:'-';padding:0 5px}#wpcampus-footer .wpc-footer-menu li:first-child:before{display:none} .wpc-online-logo{border:1px solid #eee;padding:40px;margin:0 0 30px 0;}@media screen and (min-width: 700px){.wpc-online-logo img{max-width:75%;}} +#wpcampus-footer .social-media-icons { + display: inline-block; + margin: 0; + padding: 0; + text-align: center; + overflow: auto; +} + +#wpcampus-footer .social-media-icons li { + display: block; + float: left; + list-style: none; + margin: 0 8px; + padding: 0; +} + +#wpcampus-footer .social-media-icons img { + width: auto; + height: 30px; +} + +#wpcampus-footer .social-media-icons a { + display: block; + opacity: 0.65; +} + +#wpcampus-footer .social-media-icons a:hover { + opacity: 0.8; +} + #wpcampus-footer .copyright {font-size: 0.8rem;line-height: 1;margin-top: 20px;opacity: 0.8} .twitter-tweets {overflow:auto;margin:0 0 20px 0;} diff --git a/assets/images/slack-black.svg b/assets/images/slack-black.svg new file mode 100644 index 0000000..8d87a5b --- /dev/null +++ b/assets/images/slack-black.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + diff --git a/assets/images/slack-white.svg b/assets/images/slack-white.svg new file mode 100644 index 0000000..76e18cb --- /dev/null +++ b/assets/images/slack-white.svg @@ -0,0 +1,37 @@ + + + + + + + + + + diff --git a/assets/scss/styles.scss b/assets/scss/styles.scss index ad6b3e3..7036632 100644 --- a/assets/scss/styles.scss +++ b/assets/scss/styles.scss @@ -719,7 +719,19 @@ body { font-style: italic; } - .icons { + .social-media-icons { + @include reset-ul(); + display: inline-block; + text-align: center; + overflow: auto; + + li { + display: block; + float: left; + list-style: none; + margin: 0 8px; + padding: 0; + } img { width: auto; @@ -727,9 +739,8 @@ body { } a { - display: inline-block; + display: block; opacity: $wpc-footer-opacity; - margin: 0 5px; &:hover { opacity: $wpc-footer-opacity-hover; diff --git a/footer.php b/footer.php index 02d91bc..ee2ac4b 100644 --- a/footer.php +++ b/footer.php @@ -26,12 +26,7 @@ ?>

WPCampus is a community of networking, resources, and events for those using WordPress in the world of higher education.
If you are not a member of the WPCampus community, we'd love for you to get involved.

This site is powered by WordPress. You can view, and contribute to, the theme on GitHub.
WPCampus events are not WordCamps and are not affiliated with the WordPress Foundation.

-

- - - Follow WPCampus on YouTube - Follow WPCampus on GitHub -

+

© WPCampus

diff --git a/functions.php b/functions.php index dd98510..52d39c9 100644 --- a/functions.php +++ b/functions.php @@ -53,7 +53,7 @@ function wpcampus_setup_theme() { * Setup styles and scripts. */ function wpcampus_enqueue_styles_scripts() { - $wpcampus_version = '0.58'; + $wpcampus_version = '0.59'; // Get the directory. $wpcampus_dir = trailingslashit( get_stylesheet_directory_uri() ); @@ -290,4 +290,31 @@ function wpcampus_get_breadcrumbs_html() { // We change up the variable so it doesn't interfere with global variable. return $breadcrumbs_html; -} \ No newline at end of file +} + +/** + * Prints list of social media icons. + * + * @param $color - string - color of icon, black is default. + */ +function wpcampus_print_social_media_icons( $color = 'black' ) { + + // Get the theme directory. + $theme_dir = trailingslashit( get_template_directory_uri() ); + $images_dir = "{$theme_dir}assets/images/"; + + // If color, prefix with dash. + if ( $color ) { + $color = "-{$color}"; + } + + ?> + +