├── style-guide ├── secondary.html ├── tertiary.html ├── general-elements.html └── home.html ├── .gitignore ├── img ├── smart.jpg ├── wave.jpg ├── advanced.jpg ├── farming.jpg ├── renewable.jpg ├── LabBuilding.jpg ├── sustainable.jpg └── featured │ ├── grid-fi.jpg │ ├── wave-fi.jpg │ ├── advanced-fi.jpg │ ├── farming-fi.jpg │ ├── LabBuilding-fi.jpg │ ├── renewable-fi.jpg │ └── sustainable-fi.jpg ├── screenshot.png ├── css ├── 01-layout.css ├── 00-banner.css ├── 99-content-card.css ├── 02-typography.css └── 03-home.css ├── js ├── parallax.min.js ├── scroll-scale.min.js ├── home.min.js ├── stick-and-go.min.js ├── scroll-fade.min.js └── scripts.js ├── README.md ├── .editorconfig ├── phpcs.ruleset.xml ├── src └── js │ ├── parallax.js │ ├── scroll-scale.js │ ├── home.js │ ├── scroll-fade.js │ └── stick-and-go.js ├── composer.json ├── archive.php ├── package.json ├── home.php ├── templates └── front-page.php ├── .travis.yml ├── includes ├── wsu-cleantech-sidethumb.php ├── wsu-cleantech-cards-shortcode.php └── wsu-cleantech-home.php ├── category.php ├── functions.php ├── Gruntfile.js ├── .stylelintrc ├── style.css └── LICENSE /style-guide/secondary.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /style-guide/tertiary.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /style-guide/general-elements.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | vendor 4 | composer.lock 5 | style.css.map 6 | -------------------------------------------------------------------------------- /img/smart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/washingtonstateuniversity/cleantech.wsu.edu/master/img/smart.jpg -------------------------------------------------------------------------------- /img/wave.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/washingtonstateuniversity/cleantech.wsu.edu/master/img/wave.jpg -------------------------------------------------------------------------------- /img/advanced.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/washingtonstateuniversity/cleantech.wsu.edu/master/img/advanced.jpg -------------------------------------------------------------------------------- /img/farming.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/washingtonstateuniversity/cleantech.wsu.edu/master/img/farming.jpg -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/washingtonstateuniversity/cleantech.wsu.edu/master/screenshot.png -------------------------------------------------------------------------------- /img/renewable.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/washingtonstateuniversity/cleantech.wsu.edu/master/img/renewable.jpg -------------------------------------------------------------------------------- /img/LabBuilding.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/washingtonstateuniversity/cleantech.wsu.edu/master/img/LabBuilding.jpg -------------------------------------------------------------------------------- /img/sustainable.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/washingtonstateuniversity/cleantech.wsu.edu/master/img/sustainable.jpg -------------------------------------------------------------------------------- /img/featured/grid-fi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/washingtonstateuniversity/cleantech.wsu.edu/master/img/featured/grid-fi.jpg -------------------------------------------------------------------------------- /img/featured/wave-fi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/washingtonstateuniversity/cleantech.wsu.edu/master/img/featured/wave-fi.jpg -------------------------------------------------------------------------------- /img/featured/advanced-fi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/washingtonstateuniversity/cleantech.wsu.edu/master/img/featured/advanced-fi.jpg -------------------------------------------------------------------------------- /img/featured/farming-fi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/washingtonstateuniversity/cleantech.wsu.edu/master/img/featured/farming-fi.jpg -------------------------------------------------------------------------------- /img/featured/LabBuilding-fi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/washingtonstateuniversity/cleantech.wsu.edu/master/img/featured/LabBuilding-fi.jpg -------------------------------------------------------------------------------- /img/featured/renewable-fi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/washingtonstateuniversity/cleantech.wsu.edu/master/img/featured/renewable-fi.jpg -------------------------------------------------------------------------------- /img/featured/sustainable-fi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/washingtonstateuniversity/cleantech.wsu.edu/master/img/featured/sustainable-fi.jpg -------------------------------------------------------------------------------- /css/01-layout.css: -------------------------------------------------------------------------------- 1 | #jacket:before { 2 | background: linear-gradient(135deg, #1b98dd, #7ac028); 3 | content: ""; 4 | display: block; 5 | height: 5px; 6 | } 7 | 8 | #binder.fluid.max-1980 .row { 9 | max-width: 792px; 10 | } 11 | -------------------------------------------------------------------------------- /js/parallax.min.js: -------------------------------------------------------------------------------- 1 | !function(n,t){function o(){n(".ui-parallax").each(function(){var o=n(this);0 2 | 3 | Sniffs for the coding standards used in WSUWP Themes 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /js/home.min.js: -------------------------------------------------------------------------------- 1 | !function(e,t){function a(){e(".content-card--feature-image").each(function(){var a=e(this),i=a.find(".content-card--feature-image-wrapper"),n=a.closest(".content-card"),c=a.data("desktop-image"),d=a.data("mobile-image");989=o.top&&o.bottom>=n?e.addClass("fixed"):e.removeClass("fixed"),o.bottom<=n?e.addClass("absolute"):e.removeClass("absolute")})}function o(){t(".ui-stick-and-go").removeClass("fixed absolute")}t(i).resize(function(){989>t(i).width()&&o()}),t(i).scroll(function(){989e.top)if(o.height()t(i).width()&&n()})}(jQuery,window); -------------------------------------------------------------------------------- /src/js/parallax.js: -------------------------------------------------------------------------------- 1 | ( function( $, window ) { 2 | 3 | function parallax() { 4 | $( ".ui-parallax" ).each( function() { 5 | var $element = $( this ), 6 | container = $element.parent()[ 0 ].getBoundingClientRect(); 7 | 8 | if ( 0 < container.bottom ) { 9 | $element.css( "transform", "translateY(" + $( window ).scrollTop() / 4 + "px)" ); 10 | } 11 | } ); 12 | } 13 | 14 | $( window ).scroll( function() { 15 | window.requestAnimationFrame( parallax ); 16 | } ); 17 | }( jQuery, window ) ); 18 | -------------------------------------------------------------------------------- /src/js/scroll-scale.js: -------------------------------------------------------------------------------- 1 | ( function( $, window ) { 2 | 3 | function scroll_scale() { 4 | $( ".ui-scroll-scale" ).each( function() { 5 | var $element = $( this ), 6 | container = $element.parent()[ 0 ].getBoundingClientRect(); 7 | 8 | if ( 0 < container.bottom ) { 9 | $element.css( "transform", "scale(" + ( 1 + $( window ).scrollTop() / 5000 ) + ")" ); 10 | } 11 | } ); 12 | } 13 | 14 | $( window ).scroll( function() { 15 | window.requestAnimationFrame( scroll_scale ); 16 | } ); 17 | }( jQuery, window ) ); 18 | -------------------------------------------------------------------------------- /composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "washingtonstateuniversity/cleantech.wsu.edu", 3 | "authors": [ 4 | { 5 | "name": "Washington State University" 6 | } 7 | ], 8 | "require-dev": { 9 | "squizlabs/php_codesniffer": "2.8.x", 10 | "wp-coding-standards/wpcs": "0.11.0" 11 | }, 12 | "scripts": { 13 | "post-install-cmd": "\"vendor/bin/phpcs\" --config-set installed_paths vendor/wp-coding-standards/wpcs", 14 | "post-update-cmd" : "\"vendor/bin/phpcs\" --config-set installed_paths vendor/wp-coding-standards/wpcs" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /archive.php: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 | 28 | 29 | 30 | 31 |
32 | 33 | 34 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "wsu-clean-tech-theme", 3 | "version": "1.9.2", 4 | "repository": { 5 | "type": "git", 6 | "url": "https://github.com/washingtonstateuniversity/cleantech.wsu.edu" 7 | }, 8 | "devDependencies": { 9 | "autoprefixer": "^7.1.1", 10 | "grunt": "~1.0.1", 11 | "grunt-contrib-clean": "^1.0.0", 12 | "grunt-contrib-concat": "~1.0.1", 13 | "grunt-contrib-connect": "^1.0.2", 14 | "grunt-contrib-cssmin": "~2.2.0", 15 | "grunt-contrib-jshint": "^1.0.0", 16 | "grunt-contrib-uglify": "^3.0.1", 17 | "grunt-contrib-watch": "^1.0.0", 18 | "grunt-jscs": "^3.0.1", 19 | "grunt-phpcs": "^0.4.0", 20 | "grunt-postcss": "^0.8.0", 21 | "grunt-stylelint": "^0.8.0", 22 | "stylelint": "^7.10.1" 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /home.php: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 | 28 | 29 | 30 | 31 |
32 | 33 | 34 | -------------------------------------------------------------------------------- /templates/front-page.php: -------------------------------------------------------------------------------- 1 | container 5 | 6 | ?> 7 | 8 | 9 | 10 |
11 |
12 | 15 | 16 |
> 17 |
18 | 19 |
20 |
21 |
22 |

23 | 29 |
30 |
31 |
32 | 33 | 36 |
37 |
38 | 39 | 40 | -------------------------------------------------------------------------------- /src/js/home.js: -------------------------------------------------------------------------------- 1 | ( function( $, window ) { 2 | 3 | // Loads the appropriate image for the screen size. 4 | // Determines and sets image widths so they don't rescale when positioned. 5 | function process_card_images() { 6 | $( ".content-card--feature-image" ).each( function() { 7 | var $figure = $( this ), 8 | $image = $figure.find( ".content-card--feature-image-wrapper" ), 9 | $card = $figure.closest( ".content-card" ), 10 | desktop_image = $figure.data( "desktop-image" ), 11 | mobile_image = $figure.data( "mobile-image" ); 12 | 13 | if ( 989 < $( window ).width() && desktop_image ) { 14 | $image.css( { 15 | "background-image": "url(" + desktop_image + ")", 16 | "width": $card.width() / 2 17 | } ); 18 | } else if ( mobile_image ) { 19 | $image.css( { 20 | "background-image": "url(" + mobile_image + ")", 21 | "width": "100%" 22 | } ); 23 | } 24 | } ); 25 | } 26 | 27 | $( window ).resize( function() { 28 | process_card_images(); 29 | } ); 30 | }( jQuery, window ) ); 31 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | sudo: false 2 | language: php 3 | 4 | # Cache some data across builds for performance. 5 | cache: 6 | apt: true 7 | directories: 8 | - node_modules 9 | - vendor 10 | - $HOME/.composer/cache 11 | 12 | notifications: 13 | email: 14 | on_success: never 15 | on_failure: change 16 | slack: 17 | on_pull_requests: true 18 | on_success: change 19 | on_failure: always 20 | on_start: never 21 | on_cancel: always 22 | rooms: 23 | - wsu-ucomm:n2TLZRJd84rMOMbkKthSEMgS 24 | 25 | branches: 26 | only: 27 | - master 28 | 29 | matrix: 30 | include: 31 | - php: 7.1 32 | env: WP_TRAVISCI=grunt 33 | 34 | before_script: 35 | - export PATH="$HOME/.composer/vendor/bin:$PATH" 36 | - mysql --version 37 | - phpenv config-rm xdebug.ini 38 | - phpenv versions 39 | - php --version 40 | - composer install 41 | - nvm install stable 42 | - npm install -g grunt-cli 43 | - npm install 44 | - npm --version 45 | - node --version 46 | 47 | script: 48 | - grunt --version 49 | - grunt default 50 | -------------------------------------------------------------------------------- /includes/wsu-cleantech-sidethumb.php: -------------------------------------------------------------------------------- 1 | 30 |
31 | 2 | 3 |
4 | 5 | 6 | 7 | 26 | 27 | str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ), 33 | 'format' => 'page/%#%', 34 | 'show_all' => false, 35 | 'prev_next' => true, 36 | 'prev_text' => __( '« Previous' ), 37 | 'next_text' => __( 'Next »' ), 38 | 'add_args' => false, 39 | 'add_fragment' => '', 40 | ); ?> 41 | 42 | 43 | 44 |
45 | 46 | 47 | -------------------------------------------------------------------------------- /src/js/scroll-fade.js: -------------------------------------------------------------------------------- 1 | ( function( $, window ) { 2 | 3 | // Reduce the opacity of elements as they are scrolled up out of the viewport. 4 | function scroll_fade() { 5 | $( ".ui-scroll-fade" ).each( function() { 6 | var $element = $( this ), 7 | element = this.getBoundingClientRect(), 8 | container = $element.parent()[ 0 ].getBoundingClientRect(), 9 | window_height = $( window ).height(); 10 | 11 | if ( 0 < container.bottom && 0 > container.top ) { 12 | if ( $element.height() < window_height ) { 13 | var difference = window_height - $element.height(); 14 | 15 | $element.css( "opacity", ( element.bottom + difference ) / window_height ); 16 | } else { 17 | $element.css( "opacity", element.bottom / window_height ); 18 | } 19 | } 20 | } ); 21 | } 22 | 23 | // Reset element opacity. 24 | function reset_opacity() { 25 | $( ".ui-scroll-fade" ).css( "opacity", 1 ); 26 | } 27 | 28 | $( window ).scroll( function() { 29 | if ( 989 < $( window ).width() ) { 30 | window.requestAnimationFrame( scroll_fade ); 31 | } 32 | } ); 33 | 34 | $( window ).resize( function() { 35 | if ( 989 > $( window ).width() ) { 36 | reset_opacity(); 37 | } 38 | } ); 39 | }( jQuery, window ) ); 40 | -------------------------------------------------------------------------------- /css/02-typography.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-size: 16px; 3 | } 4 | 5 | .hero .hero--text h1 { 6 | color: #fff; 7 | font-size: 1.2rem; 8 | font-weight: 400; 9 | padding-top: 2rem; 10 | text-transform: uppercase; 11 | } 12 | 13 | main h2 { 14 | font-family: "Open Sans", sans-serif; 15 | font-size: 2rem; 16 | font-weight: 300; 17 | } 18 | 19 | main h3, 20 | main h4 { 21 | font-size: 1.1rem; 22 | font-weight: 400; 23 | margin: 1rem 0 .5rem; 24 | } 25 | 26 | main p, 27 | main li { 28 | font-size: 1rem; 29 | font-weight: 300; 30 | } 31 | 32 | main a { 33 | border-bottom: 1px solid #fa5735; 34 | color: inherit; 35 | transition: color .3s ease; 36 | } 37 | 38 | main a:hover { 39 | color: #fa5735; 40 | } 41 | 42 | .content-card--text li { 43 | margin-top: .75rem; 44 | padding-bottom: 0; 45 | } 46 | 47 | .content-card header { 48 | padding-bottom: 4rem; 49 | position: relative; 50 | } 51 | 52 | .content-card header:after { 53 | background: rgba(0, 0, 0, .1); 54 | content: ""; 55 | height: 1px; 56 | position: absolute; 57 | bottom: 1.5rem; 58 | width: 66%; 59 | } 60 | 61 | .header-action { 62 | color: #03aa14; 63 | display: block; 64 | font-size: 1.1rem; 65 | letter-spacing: 1px; 66 | text-transform: uppercase; 67 | } 68 | -------------------------------------------------------------------------------- /src/js/stick-and-go.js: -------------------------------------------------------------------------------- 1 | ( function( $, window ) { 2 | 3 | // Fix elements in place when they reach the top of the viewport, 4 | // scroll normally when the bottom of the element's container is in the viewport. 5 | function stick_and_go() { 6 | $( ".ui-stick-and-go" ).each( function() { 7 | var $element = $( this ), 8 | element = this.getBoundingClientRect(), 9 | window_height = $( window ).height(); 10 | 11 | if ( 0 >= element.top && element.bottom >= window_height ) { 12 | $element.addClass( "fixed" ); 13 | } else { 14 | $element.removeClass( "fixed" ); 15 | } 16 | 17 | if ( element.bottom <= window_height ) { 18 | $element.addClass( "absolute" ); 19 | } else { 20 | $element.removeClass( "absolute" ); 21 | } 22 | } ); 23 | } 24 | 25 | // Reset element positioning. 26 | function reset_positioning() { 27 | $( ".ui-stick-and-go" ).removeClass( "fixed absolute" ); 28 | } 29 | 30 | $( window ).resize( function() { 31 | if ( 989 > $( window ).width() ) { 32 | reset_positioning(); 33 | } 34 | } ); 35 | 36 | $( window ).scroll( function() { 37 | if ( 989 < $( window ).width() ) { 38 | window.requestAnimationFrame( stick_and_go ); 39 | } 40 | } ); 41 | }( jQuery, window ) ); 42 | -------------------------------------------------------------------------------- /js/scripts.js: -------------------------------------------------------------------------------- 1 | ( function( $ ) { 2 | $( document ).ready( function() { 3 | var dongle = location.search.replace( "?", "" ).split( "=" ); 4 | 5 | if ( dongle === "dev" ) { 6 | $( "." + dongle ).show(); 7 | } 8 | 9 | if ( dongle === "es" ) { 10 | $( "body" ).addClass( "espanol" ); 11 | } 12 | 13 | // Responded Spine Shrinks on Scroll 14 | $( document ).scroll( function() { 15 | var top = $( document ).scrollTop(); 16 | 17 | if ( top > 50 ) { 18 | $( "#spine" ).not( ".inserted" ).addClass( "scanned" ); 19 | } else { 20 | $( "#spine" ).removeClass( "scanned" ); 21 | } 22 | } ); 23 | 24 | /* Clicking Outside Closes It */ 25 | $( document ).mouseup( function( e ) { 26 | var container = $( "#spine.inserted" ); 27 | 28 | if ( container.has( e.target ).length === 0 ) { 29 | container.toggleClass( "inserted out" ); 30 | } 31 | } ); 32 | 33 | /* Touching Outside Closes It */ 34 | $( document ).on( "touchstart", function( event ) { 35 | if ( !$( event.target ).closest( "#spine.inserted" ).length ) { 36 | $( "#spine.inserted" ).toggleClass( "inserted out" ); 37 | } 38 | } ); 39 | 40 | $( "nav ul" ).parents( "li" ).addClass( "parent" ).append( "" ); 41 | $( "nav ul" ).siblings( "a" ).addClass( "sibling" ); 42 | $( "nav u" ).click( function() { 43 | $( this ).parent( "li" ).siblings().removeClass( "opened" ); 44 | $( this ).parent( "li" ).toggleClass( "opened" ); 45 | } ); 46 | $( "#offsite li a" ).append( " " ); 47 | } ); 48 | }( jQuery ) ); 49 | -------------------------------------------------------------------------------- /functions.php: -------------------------------------------------------------------------------- 1 | 10, 22 | 'site_category_slug' => '', 23 | ); 24 | 25 | $atts = shortcode_atts( $defaults, $atts ); 26 | 27 | if ( empty( $atts['site_category_slug'] ) ) { 28 | return ''; 29 | } 30 | 31 | $args = array( 32 | 'posts_per_page' => absint( $atts['count'] ), 33 | 'orderby' => 'rand', 34 | ); 35 | 36 | if ( $atts['site_category_slug'] ) { 37 | $args['category_name'] = sanitize_key( $atts['site_category_slug'] ); 38 | } 39 | 40 | $query = new WP_Query( $args ); 41 | 42 | if ( ! $query->have_posts() ) { 43 | return ''; 44 | } 45 | 46 | ob_start(); 47 | 48 | while ( $query->have_posts() ) { 49 | $query->the_post(); 50 | $featured_image_src = spine_get_thumbnail_image_src( 'full' ); 51 | $image_id = get_post_thumbnail_id( get_the_ID() ); 52 | $image_alt = get_post_meta( $image_id, '_wp_attachment_image_alt', true ); 53 | ?> 54 |
55 | 56 |
59 |
60 | <?php echo esc_attr( $image_alt ) ?> 61 |
62 |
63 | 64 |
65 | 66 |
67 |

68 |
69 | 70 | 75 | 76 |
77 | 78 |
79 | 31 | 84 | 1%", "ie 8-11", "Firefox ESR" ] 26 | } ) 27 | ] 28 | }, 29 | dist: { 30 | src: "tmp-style.css", 31 | dest: "style.css" 32 | } 33 | }, 34 | 35 | clean: { 36 | options: { 37 | force: true 38 | }, 39 | temp: [ "tmp-style.css", "tmp-style.css.map" ] 40 | }, 41 | 42 | jscs: { 43 | scripts: { 44 | src: [ "Gruntfile.js", "js/*.js", "!js/*.min.js" ], 45 | options: { 46 | preset: "jquery", 47 | requireCamelCaseOrUpperCaseIdentifiers: false, // We rely on name_name too much to change them all. 48 | maximumLineLength: 250 49 | } 50 | } 51 | }, 52 | 53 | jshint: { 54 | grunt_script: { 55 | src: [ "Gruntfile.js" ], 56 | options: { 57 | curly: true, 58 | eqeqeq: true, 59 | noarg: true, 60 | quotmark: "double", 61 | undef: true, 62 | unused: false, 63 | node: true // Define globals available when running in Node. 64 | } 65 | }, 66 | theme_scripts: { 67 | src: [ "js/*.js", "!js/*.min.js" ], 68 | options: { 69 | bitwise: true, 70 | curly: true, 71 | eqeqeq: true, 72 | forin: true, 73 | freeze: true, 74 | noarg: true, 75 | nonbsp: true, 76 | quotmark: "double", 77 | undef: true, 78 | unused: true, 79 | browser: true, // Define globals exposed by modern browsers. 80 | jquery: true // Define globals exposed by jQuery. 81 | } 82 | } 83 | }, 84 | 85 | uglify: { 86 | dist: { 87 | cwd: "src/js/", 88 | src: "*.js", 89 | dest: "js/", 90 | expand: true, 91 | rename: function( dst, src ) { 92 | return dst + "/" + src.replace( ".js", ".min.js" ); 93 | } 94 | } 95 | }, 96 | 97 | phpcs: { 98 | plugin: { 99 | src: "./" 100 | }, 101 | options: { 102 | bin: "vendor/bin/phpcs --extensions=php --ignore=\"*/vendor/*,*/node_modules/*\"", 103 | standard: "phpcs.ruleset.xml" 104 | } 105 | }, 106 | 107 | watch: { 108 | styles: { 109 | files: [ "css/*.css", "js/*.js" ], 110 | tasks: [ "default" ], 111 | option: { 112 | livereload: 8000 113 | } 114 | } 115 | }, 116 | 117 | connect: { 118 | server: { 119 | options: { 120 | open: "http://localhost:8000/style-guide/home.html", 121 | port: 8000, 122 | hostname: "localhost" 123 | } 124 | } 125 | } 126 | 127 | } ); 128 | 129 | grunt.loadNpmTasks( "grunt-contrib-clean" ); 130 | grunt.loadNpmTasks( "grunt-contrib-concat" ); 131 | grunt.loadNpmTasks( "grunt-contrib-connect" ); 132 | grunt.loadNpmTasks( "grunt-contrib-jshint" ); 133 | grunt.loadNpmTasks( "grunt-contrib-uglify" ); 134 | grunt.loadNpmTasks( "grunt-contrib-watch" ); 135 | grunt.loadNpmTasks( "grunt-jscs" ); 136 | grunt.loadNpmTasks( "grunt-phpcs" ); 137 | grunt.loadNpmTasks( "grunt-postcss" ); 138 | grunt.loadNpmTasks( "grunt-stylelint" ); 139 | 140 | // Default task(s). 141 | grunt.registerTask( "default", [ "jscs", "jshint", "uglify", "stylelint", "concat", "postcss", "clean", "phpcs" ] ); 142 | 143 | grunt.registerTask( "serve", [ "connect", "watch" ] ); 144 | }; 145 | -------------------------------------------------------------------------------- /.stylelintrc: -------------------------------------------------------------------------------- 1 | "rules": { 2 | "at-rule-empty-line-before": [ "always", { 3 | except: ["blockless-after-blockless"], 4 | ignore: ["after-comment"], 5 | } ], 6 | "at-rule-name-case": "lower", 7 | "at-rule-name-space-after": "always-single-line", 8 | "at-rule-no-unknown": true, 9 | "at-rule-semicolon-newline-after": "always", 10 | "block-closing-brace-newline-after": "always", 11 | "block-closing-brace-newline-before": "always", 12 | "block-opening-brace-newline-after": "always", 13 | "block-opening-brace-space-before": "always", 14 | "color-hex-case": "lower", 15 | "color-hex-length": "short", 16 | "color-named": "never", 17 | "color-no-invalid-hex": true, 18 | "comment-empty-line-before": [ "always", { 19 | ignore: ["stylelint-commands"], 20 | } ], 21 | "declaration-bang-space-after": "never", 22 | "declaration-bang-space-before": "always", 23 | "declaration-block-no-duplicate-properties": [ true, { 24 | ignore: ["consecutive-duplicates"], 25 | } ], 26 | "declaration-block-no-shorthand-property-overrides": true, 27 | "declaration-block-semicolon-newline-after": "always", 28 | "declaration-block-semicolon-space-before": "never", 29 | "declaration-block-trailing-semicolon": "always", 30 | "declaration-colon-newline-after": "always-multi-line", 31 | "declaration-colon-space-after": "always-single-line", 32 | "declaration-colon-space-before": "never", 33 | "font-family-name-quotes": "always-where-recommended", 34 | "font-weight-notation": "numeric", 35 | "function-calc-no-unspaced-operator": true, 36 | "function-comma-space-after": "always", 37 | "function-comma-space-before": "never", 38 | "function-linear-gradient-no-nonstandard-direction": true, 39 | "function-max-empty-lines": 1, 40 | "function-name-case": "lower", 41 | "function-parentheses-space-inside": "never", 42 | "function-url-quotes": "never", 43 | "function-whitespace-after": "always", 44 | "indentation": "tab", 45 | "keyframe-declaration-no-important": true, 46 | "length-zero-no-unit": true, 47 | "max-empty-lines": 2, 48 | "max-line-length": [ 80, { 49 | "ignore": "non-comments", 50 | } ], 51 | "media-feature-colon-space-after": "always", 52 | "media-feature-colon-space-before": "never", 53 | "media-feature-range-operator-space-after": "always", 54 | "media-feature-range-operator-space-before": "always", 55 | "media-query-list-comma-newline-after": "always-multi-line", 56 | "media-query-list-comma-space-after": "always-single-line", 57 | "media-query-list-comma-space-before": "never", 58 | "no-eol-whitespace": true, 59 | "no-extra-semicolons": true, 60 | "no-invalid-double-slash-comments": true, 61 | "no-missing-end-of-source-newline": true, 62 | "number-leading-zero": "never", 63 | "number-no-trailing-zeros": true, 64 | "property-case": "lower", 65 | "property-no-unknown": true, 66 | "rule-empty-line-before": [ "always", { 67 | except: ["after-single-line-comment"] 68 | } ], 69 | "selector-attribute-brackets-space-inside": "never", 70 | "selector-attribute-operator-space-after": "never", 71 | "selector-attribute-operator-space-before": "never", 72 | "selector-attribute-quotes": "always", 73 | "selector-class-pattern": [ 74 | "^[a-z]+(-[a-z]+)*", 75 | { 76 | "message": "Selector should use lowercase and separate words with hyphens (selector-class-pattern)", 77 | }, 78 | ], 79 | "selector-id-pattern": [ 80 | "^[a-z]+(-[a-z]+)*", 81 | { 82 | "message": "Selector should use lowercase and separate words with hyphens (selector-id-pattern)", 83 | }, 84 | ], 85 | "selector-combinator-space-after": "always", 86 | "selector-combinator-space-before": "always", 87 | "selector-list-comma-newline-after": "always", 88 | "selector-list-comma-space-before": "never", 89 | "selector-max-empty-lines": 0, 90 | "selector-pseudo-class-case": "lower", 91 | "selector-pseudo-class-no-unknown": true, 92 | "selector-pseudo-class-parentheses-space-inside": "never", 93 | "selector-pseudo-element-case": "lower", 94 | "selector-pseudo-element-colon-notation": "single", 95 | "selector-pseudo-element-no-unknown": true, 96 | "selector-type-case": "lower", 97 | "selector-type-no-unknown": true, 98 | "shorthand-property-no-redundant-values": true, 99 | "string-no-newline": true, 100 | "string-quotes": "double", 101 | "unit-case": "lower", 102 | "unit-no-unknown": true, 103 | "value-keyword-case": "lower", 104 | "value-list-comma-newline-after": "always-multi-line", 105 | "value-list-comma-space-after": "always-single-line", 106 | "value-list-comma-space-before": "never", 107 | } 108 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | /* 2 | Theme Name: WSU Clean Technologies 3 | Theme URI: http://web.wsu.edu/spine 4 | Author: WSU University Communications 5 | Author URI: http://web.wsu.edu, http://ucomm.wsu.edu 6 | Description: The child theme for cleantech.wsu.edu. 7 | Template: spine 8 | Version: 1.9.2 9 | */ 10 | 11 | #jacket:before { 12 | background: linear-gradient(135deg, #1b98dd, #7ac028); 13 | content: ""; 14 | display: block; 15 | height: 5px; 16 | } 17 | 18 | #binder.fluid.max-1980 .row { 19 | max-width: 792px; 20 | } 21 | 22 | body { 23 | font-size: 16px; 24 | } 25 | 26 | .hero .hero--text h1 { 27 | color: #fff; 28 | font-size: 1.2rem; 29 | font-weight: 400; 30 | padding-top: 2rem; 31 | text-transform: uppercase; 32 | } 33 | 34 | main h2 { 35 | font-family: "Open Sans", sans-serif; 36 | font-size: 2rem; 37 | font-weight: 300; 38 | } 39 | 40 | main h3, 41 | main h4 { 42 | font-size: 1.1rem; 43 | font-weight: 400; 44 | margin: 1rem 0 .5rem; 45 | } 46 | 47 | main p, 48 | main li { 49 | font-size: 1rem; 50 | font-weight: 300; 51 | } 52 | 53 | main a { 54 | border-bottom: 1px solid #fa5735; 55 | color: inherit; 56 | transition: color .3s ease; 57 | } 58 | 59 | main a:hover { 60 | color: #fa5735; 61 | } 62 | 63 | .content-card--text li { 64 | margin-top: .75rem; 65 | padding-bottom: 0; 66 | } 67 | 68 | .content-card header { 69 | padding-bottom: 4rem; 70 | position: relative; 71 | } 72 | 73 | .content-card header:after { 74 | background: rgba(0, 0, 0, .1); 75 | content: ""; 76 | height: 1px; 77 | position: absolute; 78 | bottom: 1.5rem; 79 | width: 66%; 80 | } 81 | 82 | .header-action { 83 | color: #03aa14; 84 | display: block; 85 | font-size: 1.1rem; 86 | letter-spacing: 1px; 87 | text-transform: uppercase; 88 | } 89 | 90 | .home #jacket:before { 91 | content: none; 92 | } 93 | 94 | .home .page { 95 | border-left: 5px solid #f9f9f9; 96 | } 97 | 98 | .home #binder.fluid.max-1980 .row { 99 | max-width: 1980px; 100 | } 101 | 102 | /* Hero */ 103 | .hero { 104 | font-size: 1rem; 105 | margin: 0; 106 | overflow: hidden; 107 | position: relative; 108 | } 109 | 110 | .hero:before { 111 | left: 0; 112 | margin: 0 auto; 113 | right: 0; 114 | } 115 | 116 | .hero section { 117 | height: 95vh; 118 | } 119 | 120 | .fluid .hero .row .column { 121 | float: none; 122 | height: 100%; 123 | width: 100%; 124 | } 125 | 126 | .hero .hero--text { 127 | -webkit-box-align: center; 128 | -ms-flex-align: center; 129 | align-items: center; 130 | display: -webkit-box; 131 | display: -ms-flexbox; 132 | display: flex; 133 | -webkit-box-orient: vertical; 134 | -webkit-box-direction: normal; 135 | -ms-flex-direction: column; 136 | flex-direction: column; 137 | -webkit-box-pack: center; 138 | -ms-flex-pack: center; 139 | justify-content: center; 140 | margin: 0 auto; 141 | text-align: center; 142 | z-index: 1; 143 | } 144 | 145 | .hero .hero--text img { 146 | width: 50%; 147 | } 148 | 149 | .hero .hero--feature-image { 150 | background: center no-repeat; 151 | background-size: cover; 152 | left: 0; 153 | position: absolute; 154 | top: 0; 155 | } 156 | 157 | /* Card adjustments */ 158 | .row .deck { 159 | background-color: #fff; 160 | float: none; 161 | margin: 0 auto; 162 | max-width: 1400px; 163 | } 164 | 165 | .content-card { 166 | min-height: 100vh; 167 | position: relative; 168 | } 169 | 170 | .content-card:before { 171 | background: url(https://cleantech.wsu.edu/wp-content/uploads/sites/22/2017/06/hex-cleantech.png) no-repeat; 172 | background-size: 100%; 173 | background-position: bottom; 174 | content: ""; 175 | height: 8.5rem; 176 | position: absolute; 177 | top: 0; 178 | width: 6rem; 179 | z-index: 1; 180 | } 181 | 182 | .content-card:before { 183 | left: 8%; 184 | } 185 | 186 | .content-card:nth-of-type(even):before { 187 | margin-left: 50%; 188 | } 189 | 190 | .content-card--feature-image, 191 | .content-card--text { 192 | width: 50%; 193 | } 194 | 195 | article:nth-of-type(odd) .content-card--feature-image { 196 | -webkit-box-ordinal-group: 2; 197 | -ms-flex-order: 1; 198 | order: 1; 199 | } 200 | 201 | .content-card--feature-image { 202 | overflow: hidden; 203 | } 204 | 205 | .content-card--feature-image-wrapper { 206 | background: top center no-repeat; 207 | background-size: cover; 208 | height: 100vh; 209 | max-width: none; 210 | text-indent: -100%; 211 | width: auto; 212 | } 213 | 214 | .content-card--feature-image-wrapper img { 215 | display: none; 216 | } 217 | 218 | .fixed .content-card--feature-image-wrapper { 219 | position: fixed; 220 | top: 0; 221 | } 222 | 223 | .absolute .content-card--feature-image-wrapper { 224 | bottom: 0; 225 | position: absolute; 226 | } 227 | 228 | .deck .content-card--text { 229 | padding: 12em 8%; 230 | } 231 | 232 | @media screen and ( max-width: 989px ) { 233 | 234 | .home .page { 235 | border-left: none; 236 | } 237 | 238 | .hero section { 239 | height: 85vh; 240 | } 241 | 242 | .hero .hero--text img { 243 | width: 90%; 244 | } 245 | 246 | .content-card:before { 247 | background-position: top; 248 | left: 8%; 249 | margin-top: 1rem; 250 | width: 5rem; 251 | } 252 | 253 | .content-card:nth-of-type(even):before { 254 | margin-left: 0; 255 | } 256 | 257 | .content-card--feature-image, 258 | .content-card--text { 259 | width: 100%; 260 | } 261 | 262 | .deck .content-card--text { 263 | padding: 3em 8%; 264 | } 265 | 266 | .content-card--feature-image-wrapper { 267 | height: 40vh; 268 | width: 100%; 269 | } 270 | 271 | .content-card--text { 272 | padding: 4em 4em 6em; 273 | } 274 | } 275 | 276 | .content-card { 277 | display: -webkit-box; 278 | display: -ms-flexbox; 279 | display: flex; 280 | } 281 | 282 | .content-card--feature-image, 283 | .content-card--text { 284 | box-sizing: border-box; 285 | } 286 | 287 | @media screen and ( max-width: 989px ) { 288 | 289 | .content-card { 290 | display: block; 291 | } 292 | 293 | .content-card .content-card--feature-image, 294 | .content-card .content-card--text { 295 | width: 100%; 296 | } 297 | } 298 | /*# sourceMappingURL=style.css.map */ -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | WSU Clean Tech Theme 2 | 3 | Copyright 2017 by Washington State University 4 | 5 | This program is free software; you can redistribute it and/or modify 6 | it under the terms of the GNU General Public License as published by 7 | the Free Software Foundation; either version 2 of the License, or 8 | (at your option) any later version. 9 | 10 | This program is distributed in the hope that it will be useful, 11 | but WITHOUT ANY WARRANTY; without even the implied warranty of 12 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 13 | GNU General Public License for more details. 14 | 15 | You should have received a copy of the GNU General Public License 16 | along with this program; if not, write to the Free Software 17 | Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA 18 | 19 | =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 20 | 21 | GNU GENERAL PUBLIC LICENSE 22 | Version 2, June 1991 23 | 24 | Copyright (C) 1989, 1991 Free Software Foundation, Inc., 25 | 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA 26 | Everyone is permitted to copy and distribute verbatim copies 27 | of this license document, but changing it is not allowed. 28 | 29 | Preamble 30 | 31 | The licenses for most software are designed to take away your 32 | freedom to share and change it. By contrast, the GNU General Public 33 | License is intended to guarantee your freedom to share and change free 34 | software--to make sure the software is free for all its users. This 35 | General Public License applies to most of the Free Software 36 | Foundation's software and to any other program whose authors commit to 37 | using it. (Some other Free Software Foundation software is covered by 38 | the GNU Lesser General Public License instead.) You can apply it to 39 | your programs, too. 40 | 41 | When we speak of free software, we are referring to freedom, not 42 | price. Our General Public Licenses are designed to make sure that you 43 | have the freedom to distribute copies of free software (and charge for 44 | this service if you wish), that you receive source code or can get it 45 | if you want it, that you can change the software or use pieces of it 46 | in new free programs; and that you know you can do these things. 47 | 48 | To protect your rights, we need to make restrictions that forbid 49 | anyone to deny you these rights or to ask you to surrender the rights. 50 | These restrictions translate to certain responsibilities for you if you 51 | distribute copies of the software, or if you modify it. 52 | 53 | For example, if you distribute copies of such a program, whether 54 | gratis or for a fee, you must give the recipients all the rights that 55 | you have. You must make sure that they, too, receive or can get the 56 | source code. And you must show them these terms so they know their 57 | rights. 58 | 59 | We protect your rights with two steps: (1) copyright the software, and 60 | (2) offer you this license which gives you legal permission to copy, 61 | distribute and/or modify the software. 62 | 63 | Also, for each author's protection and ours, we want to make certain 64 | that everyone understands that there is no warranty for this free 65 | software. If the software is modified by someone else and passed on, we 66 | want its recipients to know that what they have is not the original, so 67 | that any problems introduced by others will not reflect on the original 68 | authors' reputations. 69 | 70 | Finally, any free program is threatened constantly by software 71 | patents. We wish to avoid the danger that redistributors of a free 72 | program will individually obtain patent licenses, in effect making the 73 | program proprietary. To prevent this, we have made it clear that any 74 | patent must be licensed for everyone's free use or not licensed at all. 75 | 76 | The precise terms and conditions for copying, distribution and 77 | modification follow. 78 | 79 | GNU GENERAL PUBLIC LICENSE 80 | TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION 81 | 82 | 0. This License applies to any program or other work which contains 83 | a notice placed by the copyright holder saying it may be distributed 84 | under the terms of this General Public License. The "Program", below, 85 | refers to any such program or work, and a "work based on the Program" 86 | means either the Program or any derivative work under copyright law: 87 | that is to say, a work containing the Program or a portion of it, 88 | either verbatim or with modifications and/or translated into another 89 | language. (Hereinafter, translation is included without limitation in 90 | the term "modification".) Each licensee is addressed as "you". 91 | 92 | Activities other than copying, distribution and modification are not 93 | covered by this License; they are outside its scope. The act of 94 | running the Program is not restricted, and the output from the Program 95 | is covered only if its contents constitute a work based on the 96 | Program (independent of having been made by running the Program). 97 | Whether that is true depends on what the Program does. 98 | 99 | 1. You may copy and distribute verbatim copies of the Program's 100 | source code as you receive it, in any medium, provided that you 101 | conspicuously and appropriately publish on each copy an appropriate 102 | copyright notice and disclaimer of warranty; keep intact all the 103 | notices that refer to this License and to the absence of any warranty; 104 | and give any other recipients of the Program a copy of this License 105 | along with the Program. 106 | 107 | You may charge a fee for the physical act of transferring a copy, and 108 | you may at your option offer warranty protection in exchange for a fee. 109 | 110 | 2. You may modify your copy or copies of the Program or any portion 111 | of it, thus forming a work based on the Program, and copy and 112 | distribute such modifications or work under the terms of Section 1 113 | above, provided that you also meet all of these conditions: 114 | 115 | a) You must cause the modified files to carry prominent notices 116 | stating that you changed the files and the date of any change. 117 | 118 | b) You must cause any work that you distribute or publish, that in 119 | whole or in part contains or is derived from the Program or any 120 | part thereof, to be licensed as a whole at no charge to all third 121 | parties under the terms of this License. 122 | 123 | c) If the modified program normally reads commands interactively 124 | when run, you must cause it, when started running for such 125 | interactive use in the most ordinary way, to print or display an 126 | announcement including an appropriate copyright notice and a 127 | notice that there is no warranty (or else, saying that you provide 128 | a warranty) and that users may redistribute the program under 129 | these conditions, and telling the user how to view a copy of this 130 | License. (Exception: if the Program itself is interactive but 131 | does not normally print such an announcement, your work based on 132 | the Program is not required to print an announcement.) 133 | 134 | These requirements apply to the modified work as a whole. If 135 | identifiable sections of that work are not derived from the Program, 136 | and can be reasonably considered independent and separate works in 137 | themselves, then this License, and its terms, do not apply to those 138 | sections when you distribute them as separate works. But when you 139 | distribute the same sections as part of a whole which is a work based 140 | on the Program, the distribution of the whole must be on the terms of 141 | this License, whose permissions for other licensees extend to the 142 | entire whole, and thus to each and every part regardless of who wrote it. 143 | 144 | Thus, it is not the intent of this section to claim rights or contest 145 | your rights to work written entirely by you; rather, the intent is to 146 | exercise the right to control the distribution of derivative or 147 | collective works based on the Program. 148 | 149 | In addition, mere aggregation of another work not based on the Program 150 | with the Program (or with a work based on the Program) on a volume of 151 | a storage or distribution medium does not bring the other work under 152 | the scope of this License. 153 | 154 | 3. You may copy and distribute the Program (or a work based on it, 155 | under Section 2) in object code or executable form under the terms of 156 | Sections 1 and 2 above provided that you also do one of the following: 157 | 158 | a) Accompany it with the complete corresponding machine-readable 159 | source code, which must be distributed under the terms of Sections 160 | 1 and 2 above on a medium customarily used for software interchange; or, 161 | 162 | b) Accompany it with a written offer, valid for at least three 163 | years, to give any third party, for a charge no more than your 164 | cost of physically performing source distribution, a complete 165 | machine-readable copy of the corresponding source code, to be 166 | distributed under the terms of Sections 1 and 2 above on a medium 167 | customarily used for software interchange; or, 168 | 169 | c) Accompany it with the information you received as to the offer 170 | to distribute corresponding source code. (This alternative is 171 | allowed only for noncommercial distribution and only if you 172 | received the program in object code or executable form with such 173 | an offer, in accord with Subsection b above.) 174 | 175 | The source code for a work means the preferred form of the work for 176 | making modifications to it. For an executable work, complete source 177 | code means all the source code for all modules it contains, plus any 178 | associated interface definition files, plus the scripts used to 179 | control compilation and installation of the executable. However, as a 180 | special exception, the source code distributed need not include 181 | anything that is normally distributed (in either source or binary 182 | form) with the major components (compiler, kernel, and so on) of the 183 | operating system on which the executable runs, unless that component 184 | itself accompanies the executable. 185 | 186 | If distribution of executable or object code is made by offering 187 | access to copy from a designated place, then offering equivalent 188 | access to copy the source code from the same place counts as 189 | distribution of the source code, even though third parties are not 190 | compelled to copy the source along with the object code. 191 | 192 | 4. You may not copy, modify, sublicense, or distribute the Program 193 | except as expressly provided under this License. Any attempt 194 | otherwise to copy, modify, sublicense or distribute the Program is 195 | void, and will automatically terminate your rights under this License. 196 | However, parties who have received copies, or rights, from you under 197 | this License will not have their licenses terminated so long as such 198 | parties remain in full compliance. 199 | 200 | 5. You are not required to accept this License, since you have not 201 | signed it. However, nothing else grants you permission to modify or 202 | distribute the Program or its derivative works. These actions are 203 | prohibited by law if you do not accept this License. Therefore, by 204 | modifying or distributing the Program (or any work based on the 205 | Program), you indicate your acceptance of this License to do so, and 206 | all its terms and conditions for copying, distributing or modifying 207 | the Program or works based on it. 208 | 209 | 6. Each time you redistribute the Program (or any work based on the 210 | Program), the recipient automatically receives a license from the 211 | original licensor to copy, distribute or modify the Program subject to 212 | these terms and conditions. You may not impose any further 213 | restrictions on the recipients' exercise of the rights granted herein. 214 | You are not responsible for enforcing compliance by third parties to 215 | this License. 216 | 217 | 7. If, as a consequence of a court judgment or allegation of patent 218 | infringement or for any other reason (not limited to patent issues), 219 | conditions are imposed on you (whether by court order, agreement or 220 | otherwise) that contradict the conditions of this License, they do not 221 | excuse you from the conditions of this License. If you cannot 222 | distribute so as to satisfy simultaneously your obligations under this 223 | License and any other pertinent obligations, then as a consequence you 224 | may not distribute the Program at all. For example, if a patent 225 | license would not permit royalty-free redistribution of the Program by 226 | all those who receive copies directly or indirectly through you, then 227 | the only way you could satisfy both it and this License would be to 228 | refrain entirely from distribution of the Program. 229 | 230 | If any portion of this section is held invalid or unenforceable under 231 | any particular circumstance, the balance of the section is intended to 232 | apply and the section as a whole is intended to apply in other 233 | circumstances. 234 | 235 | It is not the purpose of this section to induce you to infringe any 236 | patents or other property right claims or to contest validity of any 237 | such claims; this section has the sole purpose of protecting the 238 | integrity of the free software distribution system, which is 239 | implemented by public license practices. Many people have made 240 | generous contributions to the wide range of software distributed 241 | through that system in reliance on consistent application of that 242 | system; it is up to the author/donor to decide if he or she is willing 243 | to distribute software through any other system and a licensee cannot 244 | impose that choice. 245 | 246 | This section is intended to make thoroughly clear what is believed to 247 | be a consequence of the rest of this License. 248 | 249 | 8. If the distribution and/or use of the Program is restricted in 250 | certain countries either by patents or by copyrighted interfaces, the 251 | original copyright holder who places the Program under this License 252 | may add an explicit geographical distribution limitation excluding 253 | those countries, so that distribution is permitted only in or among 254 | countries not thus excluded. In such case, this License incorporates 255 | the limitation as if written in the body of this License. 256 | 257 | 9. The Free Software Foundation may publish revised and/or new versions 258 | of the General Public License from time to time. Such new versions will 259 | be similar in spirit to the present version, but may differ in detail to 260 | address new problems or concerns. 261 | 262 | Each version is given a distinguishing version number. If the Program 263 | specifies a version number of this License which applies to it and "any 264 | later version", you have the option of following the terms and conditions 265 | either of that version or of any later version published by the Free 266 | Software Foundation. If the Program does not specify a version number of 267 | this License, you may choose any version ever published by the Free Software 268 | Foundation. 269 | 270 | 10. If you wish to incorporate parts of the Program into other free 271 | programs whose distribution conditions are different, write to the author 272 | to ask for permission. For software which is copyrighted by the Free 273 | Software Foundation, write to the Free Software Foundation; we sometimes 274 | make exceptions for this. Our decision will be guided by the two goals 275 | of preserving the free status of all derivatives of our free software and 276 | of promoting the sharing and reuse of software generally. 277 | 278 | NO WARRANTY 279 | 280 | 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY 281 | FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN 282 | OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES 283 | PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED 284 | OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF 285 | MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS 286 | TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE 287 | PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, 288 | REPAIR OR CORRECTION. 289 | 290 | 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING 291 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR 292 | REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, 293 | INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING 294 | OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED 295 | TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY 296 | YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER 297 | PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE 298 | POSSIBILITY OF SUCH DAMAGES. 299 | 300 | END OF TERMS AND CONDITIONS 301 | 302 | How to Apply These Terms to Your New Programs 303 | 304 | If you develop a new program, and you want it to be of the greatest 305 | possible use to the public, the best way to achieve this is to make it 306 | free software which everyone can redistribute and change under these terms. 307 | 308 | To do so, attach the following notices to the program. It is safest 309 | to attach them to the start of each source file to most effectively 310 | convey the exclusion of warranty; and each file should have at least 311 | the "copyright" line and a pointer to where the full notice is found. 312 | 313 | 314 | Copyright (C) 315 | 316 | This program is free software; you can redistribute it and/or modify 317 | it under the terms of the GNU General Public License as published by 318 | the Free Software Foundation; either version 2 of the License, or 319 | (at your option) any later version. 320 | 321 | This program is distributed in the hope that it will be useful, 322 | but WITHOUT ANY WARRANTY; without even the implied warranty of 323 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 324 | GNU General Public License for more details. 325 | 326 | You should have received a copy of the GNU General Public License along 327 | with this program; if not, write to the Free Software Foundation, Inc., 328 | 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. 329 | 330 | Also add information on how to contact you by electronic and paper mail. 331 | 332 | If the program is interactive, make it output a short notice like this 333 | when it starts in an interactive mode: 334 | 335 | Gnomovision version 69, Copyright (C) year name of author 336 | Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. 337 | This is free software, and you are welcome to redistribute it 338 | under certain conditions; type `show c' for details. 339 | 340 | The hypothetical commands `show w' and `show c' should show the appropriate 341 | parts of the General Public License. Of course, the commands you use may 342 | be called something other than `show w' and `show c'; they could even be 343 | mouse-clicks or menu items--whatever suits your program. 344 | 345 | You should also get your employer (if you work as a programmer) or your 346 | school, if any, to sign a "copyright disclaimer" for the program, if 347 | necessary. Here is a sample; alter the names: 348 | 349 | Yoyodyne, Inc., hereby disclaims all copyright interest in the program 350 | `Gnomovision' (which makes passes at compilers) written by James Hacker. 351 | 352 | , 1 April 1989 353 | Ty Coon, President of Vice 354 | 355 | This General Public License does not permit incorporating your program into 356 | proprietary programs. If your program is a subroutine library, you may 357 | consider it more useful to permit linking proprietary applications with the 358 | library. If this is what you want to do, use the GNU Lesser General 359 | Public License instead of this License. 360 | 361 | WRITTEN OFFER 362 | 363 | The source code for any program binaries or compressed scripts that are 364 | included with WSU Clean Tech Theme can be freely obtained at the following URL: 365 | 366 | https://github.com/washingtonstateuniversity/cleantech.wsu.edu 367 | -------------------------------------------------------------------------------- /style-guide/home.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Clean Technologies | Washington State University 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | Skip to main content 60 | Skip to navigation 61 | 62 |
63 |
64 | 65 |
66 | 67 |
68 |
69 | 70 | Clean Technologies 71 | 72 | 73 | 74 | 75 |
76 |
77 | 78 |
79 | 80 |
81 |
82 |
83 | Building a better Washington 84 |

Washington State University Office of Clean Technology

85 |
86 |
87 |
88 |
89 |
90 | 91 |
92 | 93 |
94 | 95 |
96 |
99 |
100 | 101 |
102 |
103 |
104 |
105 |

Biofuel and bioproducts: fueling the future

106 |
107 |

WSU experts work to develop renewable, environmentally friendly energy systems that span the supply chain in the emerging biofuels industry. Working in teams, they conceive and build the next generation of feedstocks, fuel conversion methods, bioproducts, biorefineries, distribution infrastructures, and environmental safeguards. In addition, the University’s experts in genomics and algae production systems continue to make strides toward development of next-generation fuels.

108 |

Center of Excellence for Alternative Jet Fuels and the Environment

109 |

The Federal Aviation Administration recently selected WSU and Massachusetts Institute of Technology (MIT) to co-lead the new Center of Excellence for Alternative Jet Fuels and the Environment. The Center aims to foster a new industry focused on developing alternative jet fuels. At the same time, it will help address emerging environmental needs of the nation’s aerospace industry.

110 |

Northwest Advanced Renewables Alliance (NARA)

111 |

NARA fosters broad collaboration among private industry, educational institutions, and government laboratories to build a sustainable industry for producing aviation biofuel. This unique program, funded by the U.S. Department of Agriculture and the National Institute of Food and Agriculture, aims to produce biofuels and co-products from feedstocks as diverse as forest residues and construction waste.

112 |

Catalysis: Converting biomass to fuel

113 |

WSU faculty are designing and testing cost effective ways to uniquely convert feedstocks to aviation biofuels. Pyrolysis research is focused on the development of systems to convert biomass to more easily processed bio-oils. Novel catalysts, which enable non-edible plant materials, pyrolysis-based biooils, and other plentiful and renewable materials to be economically converted to aviation fuels, are under development. Other research is focused on the conversion of biomass to jet fuel using either enzymatic/microbiological biological catalysts or more traditional thermochemical processes and advanced chemical catalysts.

114 |

Fuel cell development

115 |

WSU faculty partner with industry to devise new fuel cell systems that directly convert bio-based jet fuels to electricity, for on-board power systems employed in new, more electric aircraft. Such conversion research is funded by industry and the federal government and is often conducted in collaboration with scientists from PNNL, industry, or other research universities.

116 |

Bioproducts, Sciences, and Engineering Laboratory (BSEL)

117 |

Located at the WSU Tri-Cities campus, BSEL cooperates with Pacific Northwest National Laboratory, conducts targeted research to develop, demonstrate and commercialize bioproducts, bioprocesses and bioenergy. Under the direction of Dr. Birgitte Ahring, an internationally recognized expert in the field of bioproducts and biofuels, the Laboratory creates new opportunities for agriculture and economic development in the Pacific Northwest, while working to protect the environment.

118 |

Composite Materials and Engineering Center (CMEC)

119 |

The Composite Materials & Engineering Center (CMEC) has a long history and conducts focused research in sustainable infrastructure materials, manufacturing innovations, and enhanced design methodologies with the goal of meeting economic, performance and public safety needs. Core research areas include:

120 |
    121 |
  • Composite materials development using bio-based resins, natural fibers, polymers, cements and bituminous materials;
  • 122 |
  • Enhanced manufacturing processes including extrusion, injection molding, pressing and thermoforming;
  • 123 |
  • Materials characterization, including structural/mechanical and nondestructive evaluation, accelerated weathering and natural exposure testing, and analytical assessment (thermal, spectroscopy, rheology);
  • 124 |
  • Sustainable design methodologies and standards development for the built environment.
  • 125 |
126 |

CMEC conducts government-sponsored research (e.g., NSF, USDA, DOD, DOT, DOE) and also has a strong industry focus. Over the past 60 years, CMEC has assisted in the development of some of today’s commonly used building products,including wood-plastic composites, oriented strand board and wood I-joists. The center’s researchers also pioneered the development of nondestructive testing methods for wood materials. CMEC is one of only a few International Code Council-accredited university laboratories in the country, and its test data and reports are accepted by building code authorities throughout the U.S. www.cmec.wsu.edu

127 |
128 |
129 | 130 |
131 |
134 |
135 | 136 |
137 |
138 |
139 |
140 |

Advanced material: transforming the future

141 |
142 |

The transportation and energy systems that form the backbone of our society are constructed of advanced materials—substances with superior strength, durability, flexibility, or other properties. At Washington State University, researchers examine the composition and properties of materials subjected to high temperatures and pressures, the interface between polymers and natural fibers, and materials for energy transformations. Their research yields improved materials that create new possibilities for the production and storage of energy from sustainable sources, such as solar panels, hydrogen, and more.

143 |

Center for Materials Research

144 |

Researchers in diverse fields collaborate to find answers to advanced materials problems, using some of the most sophisticated scientific equipment available. Led by Dr. Kelvin Lynn, the Center participates in dozens of areas of research. For example, scientists in the antimatter research facility seek to store large amounts of positrons that could allow for the possibility of antimatter propulsion. A micro power generator developed and patented by Center researchers could eventually compete with batteries in the worldwide market.

145 |
146 |
147 | 148 |
149 |
152 |
153 | 154 |
155 |
156 |
157 |
158 |

Sustainable design: building the future

159 |
160 |

Buildings are responsible for nearly half of the energy consumed in the United States every year. Sustainability, or meeting our needs without compromising the lives and lifestyles of future generations, promises to be the biggest challenge of the 21st Century.

161 |

Institute for Sustainable Design

162 |

Research discoveries made in Washington State University’s Institute for Sustainable Design inform the design of sustainable environments. Launched in 2008 with a $500,000 grant from Weyerhaeuser, the Institute innovates processes and designs that reduce energy and water footprints, create equity across economic levels, and build trust and shared vision within communities.

163 |

Under the leadership of Dr. Michael Wolcott, the Institute bridges disciplines, merging expertise in architecture, construction management, civil engineering, wood engineering, and materials discovery and processing. Its researchers envision a day when all design will be sustainable.

164 |

Composite Materials & Engineering Center

165 |

The Center develops new building materials and innovative structural systems from sustainable resources. Its interdisciplinary approach increases opportunities for researchers to create novel materials needed for “green architecture.” Their discoveries make important contributions to challenges as diverse as energy use and public health. The Institute’s faculty and staff explore alternative building styles, pioneer building changes through strategic alliances with industry, and serve as a global technical and design resource.

166 |
167 |
168 | 169 |
170 |
173 |
174 | 175 |
176 |
177 |
178 |
179 |

Air & water: sustaining the future

180 |
181 |

How can civic leaders and average citizens shape policy decisions that affect air and water quality? University experts collaborate across disciplines to help communities create positive change in local resource usage. They explore technical and scientific issues that underlie environmental policy. Their research discoveries help steer the Pacific Northwest toward progressive solutions regarding energy use, building codes, manufacturing emissions, carbon research, and more.

182 |

Government policymakers seek guidance from WSU scholars in formulating environmental legislation. WSU research informs their efforts to mitigate the effects of climate change and regulate threats to air and water safety.

183 |

Center for Environmental Research, Education, and Outreach (CEREO)

184 |

CEREO is a robust network of more than 200 researchers, instructors, outreach specialists, industry leaders and graduate students. Its mission is to catalyze and facilitate system-wide, interdisciplinary activities to transform environmental research, education and outreach at WSU, in the Pacific Northwest, nationally and globally. CEREO places particular emphasis upon the integrative study of natural and managed ecosystems, and the social and human dimensions of environmental change.

185 |

Laboratory for Atmospheric Research (LAR)

186 |

The LAR conducts research around the world related to biosphere/atmosphere interactions and regional air quality measurements and modeling. Under the direction of Dr. Brian Lamb, researchers seek to understand the effects of agricultural practices on air quality, as well as to determine the ultimate fate of pollutants exported from urban areas. The LAR provides daily forecasts of ozone and particulate matter concentrations for the Pacific Northwest. Its researchers simulate future air-quality conditions as related to the effects of global change.

187 |

State of Washington Water Research Center (SWWRC)

188 |

With approximately 50,000 miles of rivers and streams, 7,800 lakes, and 3,200 miles of coastline, water is an essential resource for the economic, social, and cultural well-being of the state of Washington. The State of Washington Water Research Center (SWWRC) was established in 1964 by federal legislation along with 54 other water centers and institutes throughout the United States and territories. Located in Pullman, Washington, the SWWRC is a joint agency of Washington State University and the University of Washington, with input from other state research universities through a Joint Scientific Committee (JSC).The SWWRC has about 50 years of involvement in water resources problems and issues and is established itself as a primary link between water-related personnel in the academic community; local, state, and federal government; and the private sector. The SWWRC has a threefold mission: i) to oversee and conduct applied water-related research, ii) to foster the education and training of our Nation’s future water professionals, and iii) to transfer research results to those who manage or use the Nation’s water resources.

189 |
190 |
191 | 192 |
193 |
196 |
197 | 198 |
199 |
200 |
201 |
202 |

Smart grid: powering the future

203 |
204 |

In partnership with the U.S. Department of Energy, WSU leads the nation’s efforts to increase the reliability and efficiency of the electric power grid. WSU scholars innovate new technologies to advance power grid operation and control, dependability, and security. They seek ways to automate power distribution, integrate renewably generated power, and prevent blackouts. Faculty experts like Anjan Bose, National Academy Member and senior advisor to the U.S. Department of Energy, are working to develop a software platform for testing the “Smart Grid:” the computer-automated network that distributes electricity nationwide.

205 |

Energy Systems Innovation Center

206 |

Under the direction of Dr. Chen-Ching Liu, the Center conducts multidisciplinary studies on electric energy and its social and economic impacts. Its work supports development of public policy at the state and federal levels. The Center also collaborates with government and industry to advance research and development, workforce training, and strategies for economic growth. It has forged collaborative research and learning programs with educational institutions worldwide.

207 |

Partnering with industry leaders

208 |

WSU research in the fields of electrical power and energy systems dates back to the 1930s, with the testing of hydroelectric dam models. Today the University collaborates with industry partners such as Bonneville Power Administration (which transmits power throughout the Pacific Northwest), Pacific Northwest National Laboratory, and utility providers to conduct research and increase public awareness of energy and environmental issues.

209 |

Sharing expertise

210 |

WSU scholars are developing a program to train engineers in clean energy and the smart electric power grid. Their work is supported by a $2.5 million grant from the Department of Energy’s National Energy Technology Laboratory (NETL).

211 |

In addition, the University’s power engineering experts share their knowledge on high-level committees of the IEEE (Institute of Electrical and Electronic Engineers), CIGRÉ (International Council on Large Electric Systems), and the National Academies. They exchange information at numerous conferences and courses, among them the Western Protective Relay Conference; the Power and Energy Automation Conference; and the Hands-On Relay School, a professional development short course held at Washington State University.

212 |
213 |
214 | 215 |
216 |
219 |
220 | 221 |
222 |
223 |
224 |
225 |

Precision agriculture: growing the future

226 |
227 |

Today’s agricultural practices take a toll on the environment. They emit greenhouse gases, pollute waterways, and gobble up vast quantities of resources. WSU scientists seek ways to minimize agriculture’s environmental footprint. They are devising methods to improve the efficiency of crop planting and harvesting, reduce use of chemicals for managing weeds and pests, and mitigate soil erosion, waterway pollution, and resource consumption.

228 |

Center for Sustaining Agriculture and Natural Resources

229 |

Imagine if agricultural operations could act as a “sink,” sequestering carbon dioxide in the soil and reducing the global greenhouse effect. Scholars at WSU aim to make this concept a reality. They are investigating “climate-friendly” farming practices that reduce methane emissions, restore soil carbon, and replace fossil fuels with fuels made from biomass. By encouraging and educating farmers about these methods—which are as economically viable as they are environmentally sound—WSU scholars hope to dramatically reduce agriculture’s contributions to global climate change, environmental pollution, and resource consumption.

230 |

Center for Precision and Automated Agricultural Systems

231 |

Researchers are investigating the use of three-dimensional visioning systems to automate labor-intensive pruning operations, robotic systems to harvest and move fruit from orchards, and a sensor-based system for precise water management.

232 |
233 |
234 | 235 |
236 | 237 |
238 | 239 |
240 | 241 |
242 | 243 |
244 |
245 | 246 |
247 | Washington State University 248 |
249 | 250 |
251 | 252 |
    253 |
  • 254 |
  • 255 |
  • 256 |
257 | 258 |
259 | 260 |
261 | 262 | 280 | 281 | 286 | 287 |
288 | 289 | 310 | 311 |
312 |
313 | 314 |
315 |
316 | 317 |
318 | 319 | 320 |
321 | 322 | 323 | 324 |
325 | 326 | 327 | 328 |
329 | 330 | 331 | 332 | 333 | 334 | 335 | 336 | 337 | 338 | 339 | 340 | --------------------------------------------------------------------------------