Composition

<!DOCTYPE HTML> <html lang="en"> <head>  <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff">   <link rel="stylesheet" href="/assets/mason2022/application-8ede81d9b01ef33cb929384f8d5f07fdc4d9b871a79cca8898bdf64b52740bdf.css" media="all" /> <script type="importmap" data-turbo-track="reload">{ "imports": { "application": "/assets/application-4b34addc893d2010defe97321368b6659ffb56145f2829c2b2c4cb0f5eaca21b.js", "@hotwired/turbo-rails": "/assets/turbo.min-2e9bac970edde05487571a0e0e606e6f770e82852243dcd7429f9000a6fd6c51.js", "@hotwired/stimulus": "/assets/stimulus.min-716bd9ba81743f197ff9159292472d9ab8c89bdd671f80f5d8a4c0d13f8a0d2d.js", "@hotwired/stimulus-loading": "/assets/stimulus-loading-b4e8c71c6e3c1180a18517670d3626e09d2d359d5e3fb8cdc063471fb259d6c2.js", "bootstrap": "/assets/bootstrap.min-1660cd67d843dfa74374593cb3b5f263bfcbd1704955530d0e910bc61261e609.js", "@popperjs/core": "/assets/popper-655af59083235769bb9c68cb617eb4e52dfee00768da8c0099fc3bebf3ff0e3f.js", "admin_application": "/assets/admin_application-74f5182394b3e31d39d4f47cfbb99ac7aead910e87134dd6fab8a814b760bbc1.js", "front_application": "/assets/front_application-0a3ee4b5236c03ebcc2385e290e93e87e17fd1cf486bcb6677b07b9297365fd4.js", "clipboard": "/assets/clipboard-14d4a51cf895fdb7317f69d49f21f5d2ff92971729a11430296be8e97e914e97.js", "controllers/application": "/assets/controllers/application-48e8b4d3dfcce7f7f8225f64dfd4717ff1874643325602d9eed09ad17b95cb76.js", "controllers/hello_controller": "/assets/controllers/hello_controller-5e545fa92cdc41ea2e6870cfbea018726fae4680ea0a8820832957dbdd46d65f.js", "controllers": "/assets/controllers/index-d3bed66b3a37b8fb69ca3314e202b85db13e3b837c8fb5657366f5aadec7c851.js", "controllers/search_form_controller": "/assets/controllers/search_form_controller-ffed0193133367e62a0a311864bf8c0fdddd73c6d2de2119db2f872bfafe956e.js", "controllers/submit_form_controller": "/assets/controllers/submit_form_controller-c7019c38316d3552c4c3f945bc52decc0b23d701d273cc673dc0c7b7945fe64d.js", "controllers/tinymce_controller": "/assets/controllers/tinymce_controller-aaad6dd41a32ba286cfeceb59ca8633f55f4cf7e72d3b43716c80405b33de93b.js" } }</script> <link rel="modulepreload" href="/assets/application-4b34addc893d2010defe97321368b6659ffb56145f2829c2b2c4cb0f5eaca21b.js"> <link rel="modulepreload" href="/assets/turbo.min-2e9bac970edde05487571a0e0e606e6f770e82852243dcd7429f9000a6fd6c51.js"> <link rel="modulepreload" href="/assets/stimulus.min-716bd9ba81743f197ff9159292472d9ab8c89bdd671f80f5d8a4c0d13f8a0d2d.js"> <link rel="modulepreload" href="/assets/stimulus-loading-b4e8c71c6e3c1180a18517670d3626e09d2d359d5e3fb8cdc063471fb259d6c2.js"> <link rel="modulepreload" href="/assets/bootstrap.min-1660cd67d843dfa74374593cb3b5f263bfcbd1704955530d0e910bc61261e609.js"> <link rel="modulepreload" href="/assets/popper-655af59083235769bb9c68cb617eb4e52dfee00768da8c0099fc3bebf3ff0e3f.js"> <script src="/assets/es-module-shims.min-f6e61a1a9f41be4f7947efa52fef6f0b9b265d4a397ce46d39a09e1c1d044578.js" async="async" data-turbo-track="reload"></script> <script type="module">import "application"</script> <script type="module">import "front_application"</script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css" integrity="sha512-UTNP5BXLIptsaj5WdKFrkFov94lDx+eBvbKyoe1YAfjeRPC+gT5kyZ10kOHCfNZqEui1sxmqvodNUx3KbuYI/A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W6D45HV');</script>  <title>Composition</title> <meta name="description" content="The Composition Program at GMU serves over 10,000 students a year in classes taught by approximately 100 faculty at campuses in Northern Virginia..." /> <link href="https://composition.gmu.edu/" rel="canonical" /> <link rel="alternate" type="application/atom+xml" title="ATOM" href="/feed" /> <meta property="fb:app_id" content="308196929201214" /> <meta property="fb:admins" content="545039898" /> <meta property="og:site_name" content="Composition" /> <meta property="og:url" content="https://composition.gmu.edu/" /> <meta property="og:type" content="article" /> <meta property="og:title" content="home" /> <meta property="og:image" content="https://d101vc9winf8ln.cloudfront.net/page_images/2423/large/Core_Written_Comm_Lit_Infographic.png?1545152033" /> <meta property="og:description" content="The Composition Program at GMU serves over 10,000 students a year in classes taught by approximately 100 faculty at campuses in Northern Virginia..." /> <meta name="apple-mobile-web-app-capable" content="yes"> </head> <body id="composition">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W6D45HV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="cookies-eu-banner" style="display: none;"> <div id="cookies-eu-text">We use cookies and similar technologies to improve your website experience and help us understand how you use our website. By continuing to use this website, you consent to the usage of cookies. Learn more about our <a href="https://www.gmu.edu/about-mason/internet-privacy" target="_blank" title="George Mason University Privacy Statement" class="cookies-eu-link">Privacy Statement</a> and <a href="https://www.gmu.edu/cookie-policy" target="_blank" title="George Mason University Cookie Policy" class="cookies-eu-link">Cookie Policy</a>.</div> <div id="cookies-eu-link-group"> <button id="cookies-eu-accept">Agree</button> <button id="cookies-eu-reject">Decline Non-Essential Cookies</button> </div> </div> <div id="header-container"> <nav class="home-nav"> <div class="container-fluid"> <div class="row style-default"> <div class="col-md-12 absu-nav-cont"> <a class="navbar-brand" href="https://english.gmu.edu" aria-label="Visit English homepage"> <span class="logo-back"> <img alt="English Logo" class="brandlogo" src="/assets/logos/composition-tagline-fc6ed0bb50df17a73522575af68943cc540c786032dc340d4dfc450c33404567.png" /> </span> </a> <div id="myNav2" class="overlay2"> <a class="closebtn2" onclick="closeNav2()" aria-label="close search">×</a> <div class="overlay-content2"> <form method="get" action="/searches" role="search"> <input class="mainsearch" type="text" placeholder="Search" name="searchFor" title="Enter search terms"> </form> </div> </div> <div class="mobile-comp-container"> <span class="hbuttonout2" onclick="openNav2()" aria-controls="myNav2"><i class="fa-solid fa-magnifying-glass hbuttons2"></i></span> <button id="mobile-burger" class="navbar-toggler" type="button" data-bs-toggle="" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation three"> <i class="fa-solid fa-bars"></i> </button> </div> </div> <div class="col-md-12 navbars-tog second-nav" aria-labelledby="audience Site Navigation"> <ul class="utility-nav-sites"> <li class="nav-item"><a class="donate nav-link" href="https://chss.gmu.edu/give">Give</a></li> <li class="nav-item"><a class="nav-link" href="http://admissions.gmu.edu">Apply</a></li> <li class="nav-item search-item2"> <a class="hbuttonout nav-link" onclick="openNav2()"><i class="fa-solid fa-magnifying-glass hbuttons"></i></a> </li> </ul> <ul class="nav-list-ul"> </ul> </div> <ul class="mobile_second-nav" aria-labelledby="audience "> </ul> <div class="col-md-12 navbars-tog first-nav" aria-labelledby="main Site Navigation"> <ul class="nav-list-ul"> <li title="About" class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://composition.gmu.edu/about" role="button" aria-expanded="false"> About </a> <ul class="dropdown-menu dropdown-menu-end"> <li> <a class="dropdown-item" href="https://composition.gmu.edu/about/composition-program-position-statement-on-linguistic-diversity-and-inclusion"> Composition Program Position Statement on Linguistic Diversity and Inclusion </a> </li> <li> <a class="dropdown-item" href="https://composition.gmu.edu/about/course-modalities"> Course Modalities </a> </li> </ul> </li> <li title="First-Year Composition" class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://composition.gmu.edu/first-year-composition" role="button" aria-expanded="false"> First-Year Composition </a> <ul class="dropdown-menu dropdown-menu-end"> <li> <a class="dropdown-item" href="https://composition.gmu.edu/first-year-composition/engh-100-101"> Multilingual Composition - ENGH 100 </a> </li> <li> <a class="dropdown-item" href="https://composition.gmu.edu/first-year-composition/english-101"> Composition - ENGH 101 </a> </li> <li> <a class="dropdown-item" href="https://composition.gmu.edu/first-year-composition/community-engaged-composition-courses"> Community Engaged Composition Courses </a> </li> </ul> </li> <li title="Advanced Composition" class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://composition.gmu.edu/advanced-composition" role="button" aria-expanded="false"> Advanced Composition </a> </li> <li title="Waivers" class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://composition.gmu.edu/waivers" role="button" aria-expanded="false"> Waivers </a> <ul class="dropdown-menu dropdown-menu-end"> <li> <a class="dropdown-item" href="https://composition.gmu.edu/waivers/engh-101"> Waiver of English 101 </a> </li> <li> <a class="dropdown-item" href="https://composition.gmu.edu/waivers/waiver-of-english-302"> Waiver of English 302 </a> </li> </ul> </li> <li title="Events" class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="/events" role="button" aria-expanded="false"> Events </a> <ul class="dropdown-menu dropdown-menu-end"> <li> <a class="dropdown-item" href="/events">All Upcoming</a> </li> <li><a class="dropdown-item" href="/events/past">Past Events</a></li> <li><a class="dropdown-item" href="/events/chss"><span>Events on Other Sites</span></a></li> </ul> </li> <li title="News" class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://composition.gmu.edu/articles" role="button" aria-expanded="false"> News </a> </li> <li title="Contact Us" class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://composition.gmu.edu/contact" role="button" aria-expanded="false"> Contact Us </a> </li> </ul> </div> <ul class="mobile_first-nav" aria-labelledby="main "> <li title="About" class="mobile_menu_list_item"> <div class="link_and_icon_cont"> <a href="https://composition.gmu.edu/about" class="mobile_menu_list_link" style="display:block">About</a> <i class="fa-solid fa-plus rotate"></i> </div> <ul class="mobile_submenu_list_cont"> <li class="mobile_submenu_list_item"> <a href="https://composition.gmu.edu/about/composition-program-position-statement-on-linguistic-diversity-and-inclusion" class="mobile_submenu_list_link">Composition Program Position Statement on Linguistic Diversity and Inclusion</a> </li> <li class="mobile_submenu_list_item"> <a href="https://composition.gmu.edu/about/course-modalities" class="mobile_submenu_list_link">Course Modalities</a> </li> </ul> </li> <li title="First-Year Composition" class="mobile_menu_list_item"> <div class="link_and_icon_cont"> <a href="https://composition.gmu.edu/first-year-composition" class="mobile_menu_list_link" style="display:block">First-Year Composition</a> <i class="fa-solid fa-plus rotate"></i> </div> <ul class="mobile_submenu_list_cont"> <li class="mobile_submenu_list_item"> <a href="https://composition.gmu.edu/first-year-composition/engh-100-101" class="mobile_submenu_list_link">Multilingual Composition - ENGH 100</a> </li> <li class="mobile_submenu_list_item"> <a href="https://composition.gmu.edu/first-year-composition/english-101" class="mobile_submenu_list_link">Composition - ENGH 101</a> </li> <li class="mobile_submenu_list_item"> <a href="https://composition.gmu.edu/first-year-composition/community-engaged-composition-courses" class="mobile_submenu_list_link">Community Engaged Composition Courses</a> </li> </ul> </li> <li title="Advanced Composition" class="mobile_menu_list_item"> <a href="https://composition.gmu.edu/advanced-composition" class="mobile_menu_list_link">Advanced Composition</a> </li> <li title="Waivers" class="mobile_menu_list_item"> <div class="link_and_icon_cont"> <a href="https://composition.gmu.edu/waivers" class="mobile_menu_list_link" style="display:block">Waivers</a> <i class="fa-solid fa-plus rotate"></i> </div> <ul class="mobile_submenu_list_cont"> <li class="mobile_submenu_list_item"> <a href="https://composition.gmu.edu/waivers/engh-101" class="mobile_submenu_list_link">Waiver of English 101</a> </li> <li class="mobile_submenu_list_item"> <a href="https://composition.gmu.edu/waivers/waiver-of-english-302" class="mobile_submenu_list_link">Waiver of English 302</a> </li> </ul> </li> <li title="Events" class="mobile_menu_list_item"> <a href="/events" class="mobile_menu_list_link">Events</a> </li> <li title="News" class="mobile_menu_list_item"> <a href="https://composition.gmu.edu/articles" class="mobile_menu_list_link">News</a> </li> <li title="Contact Us" class="mobile_menu_list_item"> <a href="https://composition.gmu.edu/contact" class="mobile_menu_list_link">Contact Us</a> </li> </ul> <div class="col-md-12 navbars-tog third-nav"> <a class="linkforpage sl-link" href="https://composition.gmu.edu"> <span><i class="fa-solid fa-house-chimney"></i></span> Composition</a> </div> </div> </div> </nav> </div> <div id="mySidenav" class="sidenav"> <button class="close-btn closebtn" id="closeBtn">×</button> <div class="mobile_menu_list"> <div class="col-md-12 navbars-tog first-nav" aria-labelledby="main Site Navigation"> <ul class="nav-list-ul"> <li title="About" class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://composition.gmu.edu/about" role="button" aria-expanded="false"> About </a> <ul class="dropdown-menu dropdown-menu-end"> <li> <a class="dropdown-item" href="https://composition.gmu.edu/about/composition-program-position-statement-on-linguistic-diversity-and-inclusion"> Composition Program Position Statement on Linguistic Diversity and Inclusion </a> </li> <li> <a class="dropdown-item" href="https://composition.gmu.edu/about/course-modalities"> Course Modalities </a> </li> </ul> </li> <li title="First-Year Composition" class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://composition.gmu.edu/first-year-composition" role="button" aria-expanded="false"> First-Year Composition </a> <ul class="dropdown-menu dropdown-menu-end"> <li> <a class="dropdown-item" href="https://composition.gmu.edu/first-year-composition/engh-100-101"> Multilingual Composition - ENGH 100 </a> </li> <li> <a class="dropdown-item" href="https://composition.gmu.edu/first-year-composition/english-101"> Composition - ENGH 101 </a> </li> <li> <a class="dropdown-item" href="https://composition.gmu.edu/first-year-composition/community-engaged-composition-courses"> Community Engaged Composition Courses </a> </li> </ul> </li> <li title="Advanced Composition" class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://composition.gmu.edu/advanced-composition" role="button" aria-expanded="false"> Advanced Composition </a> </li> <li title="Waivers" class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://composition.gmu.edu/waivers" role="button" aria-expanded="false"> Waivers </a> <ul class="dropdown-menu dropdown-menu-end"> <li> <a class="dropdown-item" href="https://composition.gmu.edu/waivers/engh-101"> Waiver of English 101 </a> </li> <li> <a class="dropdown-item" href="https://composition.gmu.edu/waivers/waiver-of-english-302"> Waiver of English 302 </a> </li> </ul> </li> <li title="Events" class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="/events" role="button" aria-expanded="false"> Events </a> <ul class="dropdown-menu dropdown-menu-end"> <li> <a class="dropdown-item" href="/events">All Upcoming</a> </li> <li><a class="dropdown-item" href="/events/past">Past Events</a></li> <li><a class="dropdown-item" href="/events/chss"><span>Events on Other Sites</span></a></li> </ul> </li> <li title="News" class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://composition.gmu.edu/articles" role="button" aria-expanded="false"> News </a> </li> <li title="Contact Us" class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://composition.gmu.edu/contact" role="button" aria-expanded="false"> Contact Us </a> </li> </ul> </div> <ul class="mobile_first-nav" aria-labelledby="main "> <li title="About" class="mobile_menu_list_item"> <div class="link_and_icon_cont"> <a href="https://composition.gmu.edu/about" class="mobile_menu_list_link" style="display:block">About</a> <i class="fa-solid fa-plus rotate"></i> </div> <ul class="mobile_submenu_list_cont"> <li class="mobile_submenu_list_item"> <a href="https://composition.gmu.edu/about/composition-program-position-statement-on-linguistic-diversity-and-inclusion" class="mobile_submenu_list_link">Composition Program Position Statement on Linguistic Diversity and Inclusion</a> </li> <li class="mobile_submenu_list_item"> <a href="https://composition.gmu.edu/about/course-modalities" class="mobile_submenu_list_link">Course Modalities</a> </li> </ul> </li> <li title="First-Year Composition" class="mobile_menu_list_item"> <div class="link_and_icon_cont"> <a href="https://composition.gmu.edu/first-year-composition" class="mobile_menu_list_link" style="display:block">First-Year Composition</a> <i class="fa-solid fa-plus rotate"></i> </div> <ul class="mobile_submenu_list_cont"> <li class="mobile_submenu_list_item"> <a href="https://composition.gmu.edu/first-year-composition/engh-100-101" class="mobile_submenu_list_link">Multilingual Composition - ENGH 100</a> </li> <li class="mobile_submenu_list_item"> <a href="https://composition.gmu.edu/first-year-composition/english-101" class="mobile_submenu_list_link">Composition - ENGH 101</a> </li> <li class="mobile_submenu_list_item"> <a href="https://composition.gmu.edu/first-year-composition/community-engaged-composition-courses" class="mobile_submenu_list_link">Community Engaged Composition Courses</a> </li> </ul> </li> <li title="Advanced Composition" class="mobile_menu_list_item"> <a href="https://composition.gmu.edu/advanced-composition" class="mobile_menu_list_link">Advanced Composition</a> </li> <li title="Waivers" class="mobile_menu_list_item"> <div class="link_and_icon_cont"> <a href="https://composition.gmu.edu/waivers" class="mobile_menu_list_link" style="display:block">Waivers</a> <i class="fa-solid fa-plus rotate"></i> </div> <ul class="mobile_submenu_list_cont"> <li class="mobile_submenu_list_item"> <a href="https://composition.gmu.edu/waivers/engh-101" class="mobile_submenu_list_link">Waiver of English 101</a> </li> <li class="mobile_submenu_list_item"> <a href="https://composition.gmu.edu/waivers/waiver-of-english-302" class="mobile_submenu_list_link">Waiver of English 302</a> </li> </ul> </li> <li title="Events" class="mobile_menu_list_item"> <a href="/events" class="mobile_menu_list_link">Events</a> </li> <li title="News" class="mobile_menu_list_item"> <a href="https://composition.gmu.edu/articles" class="mobile_menu_list_link">News</a> </li> <li title="Contact Us" class="mobile_menu_list_item"> <a href="https://composition.gmu.edu/contact" class="mobile_menu_list_link">Contact Us</a> </li> </ul> <div class="col-md-12 navbars-tog second-nav" aria-labelledby="audience Site Navigation"> <ul class="utility-nav-sites"> <li class="nav-item"><a class="donate nav-link" href="https://chss.gmu.edu/give">Give</a></li> <li class="nav-item"><a class="nav-link" href="http://admissions.gmu.edu">Apply</a></li> <li class="nav-item search-item2"> <a class="hbuttonout nav-link" onclick="openNav2()"><i class="fa-solid fa-magnifying-glass hbuttons"></i></a> </li> </ul> <ul class="nav-list-ul"> </ul> </div> <ul class="mobile_second-nav" aria-labelledby="audience "> </ul> <ul class="mobile_menu_list_utility"> <li class="nav-item"><a class="donate nav-link" href="https://chss.gmu.edu/give">Give</a></li> <li class="nav-item"><a class="nav-link" href="http://admissions.gmu.edu">Apply</a></li> </ul> </div> </div> <link rel="stylesheet" href="/assets/mason2022/mason-homepage-91e8d3c6c46b9ef9c6012c5b425a555cdd03bc248aee2578bdeb9c01a8a95e2b.css" media="all" /> <div class="marquee-container" id="top-container"> <div class="wrapper clearfix"> <div id="marqueehomeslider" class="carousel slide" data-bs-ride="carousel" data-bs-pause="false"> <div class="carousel-inner"> <div class="carousel-item" style="background-image: url(//d101vc9winf8ln.cloudfront.net/article_images/14504/rotating/Option_3.jpg?1700154629)"> <div class="carousel-caption d-md-block"> <h5> <a href="/about">Composition @ Mason</a> </h5> <style> .carousel-caption h5{ margin-bottom: auto !important; } </style> </div> <figcaption class="marquee-caption"> Horizon Hall Word Wall </figcaption> </div> <style> .carousel{ border-bottom: 5px solid; color: #fc3; } .carousel-item { height: 66vh; background-repeat: no-repeat; background-position: top; background-size: cover; } .carousel-caption .marq_long_text{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .carousel-caption h5{ font-family: 'Roboto Slab', serif; position: relative; margin: auto; margin-bottom: 1em; left: 0; right: 0; width: 80%; bottom: 0px; /* vertical-align: bottom; */ font-weight: 700; /* margin-bottom: 3em; */ font-size: 3.45rem; text-shadow: -1px 2px 1px rgb(0 0 0 / 50%), 0 0 40px #000000 !important; } .carousel-caption { position: relative; margin-top: auto; height: inherit; text-align: center; display: flex !important; flex-direction: column; justify-content: flex-end; right: 0; bottom: 0px; left: 0; padding-top: 0; /* vertical-align: bottom; */ padding-bottom: 0; color: #fff; text-align: center; } .carousel-caption h5 a{ color: white !important; text-decoration: none; text-shadow: -1px 2px 1px rgb(0 0 0 / 50%), 0 0 40px #000000 !important; } .carousel-caption h5 a:hover{ text-decoration: none; } .carousel-caption p{ font-size: 1.3em; text-shadow: -1px 2px 1px rgb(0 0 0 / 50%), 0 0 40px #000000; padding: 2em; } .disc-outer{ position: relative; background-color: #00000085; /* width: 144%; */ text-align: center; /* left: -22%; */ /* vertical-align: bottom; */ /* bottom: 0; */ } @media (max-width:1199px){ .carousel-caption h5 { font-size: 2.5rem; } .carousel-caption p { padding: 1em; } } @media (max-width: 999px) { .marquee-caption {display: none;} } @media (max-width: 700px){ .carousel-caption h5 { font-size: 1.7rem; } .carousel-caption p { font-size: 15px; } } @media (min-width: 1000px) { .marquee-caption {display: none;} } @keyframes slickCaptionUp { from {bottom: -10%;} to {bottom: 0;} } @media (min-width: 1000px) { .slick-active:hover .marquee-caption { display: block; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; font-size: 3.2em; text-shadow: 3px 2px #333; font-size: 1.05em; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9)); padding: 10px 15%; color: #eee; line-height: 1.5em; animation-name: slickCaptionUp; animation-duration: 1s; } } </style> </div> </div> </div> </div> <div class="main-container" id="main-text"> <div class="wrapper clearfix"> <div class="main-text"> <section><p>The Composition Program at GMU serves over 10,000 students a year in classes taught by approximately 100 faculty at campuses in Northern Virginia and Mason Korea in Songdo, South Korea via three courses: English 100, English 101, and English 302. </p> <p><span style="font-weight: 400;">In all three courses, students are encouraged to see writing as a social, imaginative, inquiry-based recursive action. Writers create texts in a range of genres that attend to particular rhetorical and academic contexts and that meet the expectations of particular audiences.</span></p></section> </div> </div> </div> <div class="main-container" id="articles"> <div class="featured-articles mosaic wrapper clearfix" id="articles"> <div class="container"> <h2 class="feature-article-title"><a href="/articles">The Latest from Composition</a></h2> <span class="view-all"><a title="view all news articles" href="/articles">All News</a> | <a title="view all events" href="/events">All Events</a></span> <div class="flex-articles no-event"> <article> <figure class=""> <a href="/articles/21331"><img alt="Spring 2025 Undergraduate Coursebook" class="left border1" src="//d101vc9winf8ln.cloudfront.net/article_thumbnails/21331/slider/Spring_2025_Cover_QR_code.png?1729111498" /></a> </figure> <h2><a aria-label="Spring 2025 Undergraduate Coursebook" href="/articles/21331">Spring 2025 Undergraduate Coursebook</a> </h2> <div class="teaser"> <time class="articlelist" datetime="2024-10-16">October 16, 2024</time> </div> </article> <article> <figure class=""> <a href="/articles/21022"><img alt="Rachel Yoho at Composition Program Workshop" class="left border1" src="//d101vc9winf8ln.cloudfront.net/article_thumbnails/21022/slider/Composition_Program_August_2024_Workshop_Flyer.png?1722632201" /></a> </figure> <h2><a aria-label="Rachel Yoho at Composition Program Workshop" href="/articles/21022">Rachel Yoho at Composition Program Workshop</a> </h2> <div class="teaser"> <p>Featuring a workshop with Mason鈥檚 own Rachel Yoho, Inclusive Excellence Specialist in the Stearns Center, about facilitating difficult classroom conversations.</p> <time class="articlelist" datetime="2024-08-02">August 2, 2024</time> </div> </article> <article> <figure class=""> <a href="/articles/20730"><img alt="English faculty recognized for inclusive teaching" class="left border1" src="/assets/placeholders/default_news-96e8888ee571b46ffeb956f85c68165e081ba65ff2609cee778c67b356619d39.jpg" /></a> </figure> <h2><a aria-label="English faculty recognized for inclusive teaching" href="/articles/20730">English faculty recognized for inclusive teaching</a> </h2> <div class="teaser"> <p>Elizabeth Paul (English) received Mason鈥檚 esteemed 2024 Teaching Excellence Award with special recognition for her inclusive teaching. In this article, she shares what drew her to teaching, how she creates an inclusive learning space, what to do when a classroom is not as energized, and what to do about how AI could motivate an instructor.</p> <time class="articlelist" datetime="2024-05-06">May 6, 2024</time> </div> </article> </div> </div> </div> </div> <style> body:before { background-position: center -80px; } .marquee-container .container-fluid .row .col-lg-4 { display: inline-block; position: relative; overflow: hidden; margin-right: -3.6%; width: 35.73%; /* margin-right: -10px; */ /* Adjust the margin to control the spacing between the cards */ } .image-marquee-card { width: calc(100% + 20px); /* Account for the negative margin */ height: 100%; display: none; position: relative; clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%); } .marquee-container .container-fluid .row .col-lg-4:nth-child(1) .image-marquee-card{ clip-path: polygon(0% 0%, 100% 0%, 88% 100%, 0% 100%); } .marquee-container .container-fluid .row .col-lg-4:nth-child(3) .image-marquee-card{ clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 0% 100%); } .image-marquee-card .title-action{ text-align: center; } ul.ui-autocomplete { padding: 1em; list-style: none; border: 1px solid rgb(221, 221, 221); max-width: 240px; background: #FFF; overflow: scroll; max-height: 220px; } ul.ui-autocomplete a { margin-bottom: 4px; font-weight: bold; text-decoration: none; } .imagecrdhvr{ position: relative; margin: auto; height: 215px; display: block; width: 339px; aspect-ratio: 1 / 1; overflow: hidden; } .marqueetextwrapper{ width: 95%; } .image-marquee-card{ height: 66vh !important; width: 100% !important; } figure { margin: 0; } .marqueecont{ height: 66vh; background-color: #005239;; } .imagecrdhvr:hover .marquee-readmore{ display: block; } .marquee-container .container-fluid .row .col-lg-4{ padding: 0; } .actionbuttons{ padding-top: 2em; padding-bottom: 2em; } .imagecrdhvr img{ position: absolute; top: 0; object-fit: cover; object-position: top; width: 100%; height: 100%; z-index: 1; transition: transform 0.3s ease-out; } .sub-action{ font-size: 16px; margin-bottom: 0.5rem; font-family: 'Open Sans',Verdana,Geneva,sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,0.5) !important; } .firsttext{ font-family: 'Open Sans',Verdana,Geneva,sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,0.5) !important; } .title-action{ z-index: 1; position: absolute; bottom: 0px; /* background-color: #005239;9e; */ /* display: block; */ width: 100%; /* padding-left: 1em; */ font-family: 'Roboto Slab'; color: white; font-size: 1.2em; margin-bottom: 0; padding: 25px 10px 25px 20px; transition: transform 0.3s ease-out; /* box-shadow: inset 0px 11px 8px -22px rgba(0,0,0,0.5), inset 0px -216px 109px -10px rgba(0,0,0,0.1) !important; */ background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 64%, rgba(0, 0, 0, 0) 100%); box-shadow: 0px 4px 6px rgba(0,0,0,0.1) !important; } .imagecrdhvr:hover img{ transform: scale(1.2); } /* .imagecrdhvr:hover .title-action{ background-color: #005239;de; } */ .main-container{ padding-top: 2em !important; padding-bottom: 2em !important; } /* New Mosaic Styles */ .carousel-control-prev .fa-chevron-left{ font-size: 2.5em; top: 10%; position: relative; } .carousel-control-next .fa-chevron-right{ font-size: 2.5em; top: 10%; position: relative; } .featured-articles article.event { margin: 0px; margin-left: 12px; margin-top: 12px; /* margin-top: 0; */ height: 214.3px; max-width: 618px; margin-bottom: 0em; } .featured-articles article:first-child { width: 534px; /* width: 350px; */ float: left; /* margin: 0.5em; */ margin-right: 12px; /* margin: 0 !important; */ /* padding-bottom: 10px; */ } .featured-articles article:nth-child(2) { /* margin: 0.5em; */ width: 297px; /* width: 350px; */ margin-right: 12px; margin-left: 12px; margin-bottom: 12px; } .featured-articles article:nth-child(3) { /* margin: 0.5em; */ width: 297px; margin-left: 12px; margin-right: 0px; /* width: 350px; */ margin-bottom: 12px; } .featured-articles article figure ~ h2 { bottom: -15px; padding: 20px 3% 8%; } .featured-articles article figure ~ h2 a{ text-shadow: -1px 2px 1px rgb(0 0 0 / 25%), 0 0 40px #000000 !important; } .featured-articles article.event .date { width: 202px; padding: 1.5em 0.5em; background: white; } .featured-articles article.event .month { margin-bottom: 0em; } .featured-articles article.event .day { font-size: 6em; } .featured-articles article.event .details-container { padding: 1.5em 1em; } .featured-articles article.event span.more { margin-top: 11px } :root { --d: 700ms; --e: cubic-bezier(0.19, 1, 0.22, 1); } .marqueetextwrapper { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; padding: 1rem; transition: transform var(--d) var(--e); z-index: 1; } .marqueecontcards .container-fluid .row .col-lg-4:first-child .imagecrdhvr .title-action .marqueetextwrapper{ width: 89%; } .marqueecontcards .container-fluid .row .col-lg-4:nth-child(2) .imagecrdhvr .title-action .marqueetextwrapper{ width: 90%; } .marqueecontcards .container-fluid .row .col-lg-4:nth-child(3) .imagecrdhvr .title-action .marqueetextwrapper{ width: 100%; } .marqueecontcards{ border-bottom: 5px solid; color: #fec734; } .firsttext { font-size: 1.3rem; font-weight: bold; } .sub-action { font-size: 1.125rem; font-style: italic; } .marquee-readmore{ color: white; font-size: 0.9rem; display: none; font-family: 'Open Sans',Verdana,Geneva,sans-serif; /* text-shadow: 1px 1px 1px rgba(0,0,0,0.5) !important; */ cursor: pointer; padding: 0.75rem 1.5rem; margin-top: 0.8em; font-weight: bold; letter-spacing: 0.025rem; text-transform: uppercase; background-color: #005239;; border: none; } .marquee-readmore:hover{ background-color: #fec734; color: #005239;; } .marquee-readmore:focus { outline: 1px dashed yellow; outline-offset: 3px; } @media (hover: hover) and (min-width: 600px) { .marqueetextwrapper:after { transform: translateY(0); } .marqueetextwrapper { transform: translateY(calc(100% - 5.5rem)); } .marqueetextwrapper > *:not(.firsttext) { opacity: 1; transform: translateY(0rem); transition: transform var(--d) var(--e), opacity var(--d) var(--e); } .imagecrdhvr:hover, .imagecrdhvr:focus-within { align-items: center; } .imagecrdhvr:hover:before, .imagecrdhvr:focus-within:before { transform: translateY(-4%); } .imagecrdhvr:hover:after, .imagecrdhvr:focus-within:after { transform: translateY(-50%); } .imagecrdhvr:hover .marqueetextwrapper, .imagecrdhvr:focus-within .marqueetextwrapper { transform: translateY(0); } .imagecrdhvr:hover .marqueetextwrapper > *:not(.firsttext), .imagecrdhvr:focus-within .marqueetextwrapper > *:not(.firsttext) { opacity: 1; transform: translateY(0); transition-delay: calc(var(--d) / 8); } .imagecrdhvr:focus-within:before, .imagecrdhvr:focus-within:after, .imagecrdhvr:focus-within .marqueetextwrapper, .imagecrdhvr:focus-within .marqueetextwrapper > *:not(.title) { transition-duration: 0s; } } @media(max-width: 1199px) { .imagecrdhvr { width: 100% ; margin-top: 2em ; } } @media all and (max-width: 800px) { ul.ui-autocomplete {max-width: 78%} } @media all and (max-width: 850px) { } @media all and (max-width: 500px) { .marqueeSlickSlider .slick-prev::before, .marqueeSlickSlider .slick-next::before { font-size: 22px !important; } } @media all and (max-width: 640px) { ul.ui-autocomplete {max-width: 80%;} } #top-container.marquee-and-text { background: url("/assets/theme2016/backgrounds/fullmarquee_bg-b811dc3d5d616bfc91c7be908927f5797db3878ef5eed28e0277ed40f5c2a9ba.png") repeat fixed; } #top-container.marquee-and-text .wrapper { max-width: 100%; } .marqueeSlickSlider .slick-prev {left: 1%;} .marqueeSlickSlider .slick-next {right: 1%;} .marqueeSlickSlider .slick-prev:before, .marqueeSlickSlider .slick-next:before {font-size: 50px;} .marqueeSlickSlider.slick-slider {margin-bottom: 0;} .marqueeSlickSlider .slick-list {box-shadow: 0;} .marqueeSlickSlider .slick-slide { position: relative; } .marqueeSlickSlider .slick-slide h2 { background: none; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; max-width: 50%; font-size: 3.2em; font-weight: 700; text-shadow: 3px 2px #333; top: 40%; } /* styles to change */ .marqueeSlickSlider { width: 100%; margin: 0; } .main-container#articles .news-bg { background: #005239; padding: 3em 0; height: auto; } .featured-articles#articles { margin-top: 0; padding: 2em 0 1em; } .featured-articles#articles .container > h2 a, .featured-articles#articles .container a.all-news { color: #333; } .main-container .action-buttons { margin:0; } @media(max-width:1399px){ .featured-articles article:first-child { width: 512px; /* width: 350px; */ float: left; /* margin: 0.5em; */ margin-right: 12px; /* margin: 0 !important; */ /* padding-bottom: 10px; */ } .featured-articles article:nth-child(2) { /* margin: 0.5em; */ width: 278px; /* width: 350px; */ margin-right: 12px; margin-left: 12px; margin-bottom: 12px; } .featured-articles article:nth-child(3) { /* margin: 0.5em; */ width: 278px; margin-left: 12px; margin-right: 0px; /* width: 350px; */ margin-bottom: 12px; } .featured-articles article.event { margin: 0px; margin-left: 12px; margin-top: 12px; /* margin-top: 0; */ height: 211.3px; max-width: 580px; margin-bottom: 0em; } } @media all and (max-width: 1200px) { .featured-articles article:first-child { width: 365px; float: left; margin: 0.5em; } .featured-articles article:nth-child(2) { margin: 0.5em; width: 365px; } .featured-articles article:nth-child(3) { margin-top: 0.5em; margin-bottom: 8px; width: 365px; } .featured-articles article.event { max-width: 99.4%; margin-left: 7px; height: auto; } .featured-articles article figure ~ h2 { bottom: -17px; } } @media all and (max-width: 800px) { #header-container header {margin-bottom: 0;} } @media(max-width:767px){ .featured-articles article:first-child { width: 100%; float: left; margin: 0.5em; } .featured-articles article:nth-child(2) { margin: 0.5em; width: 100%; } .featured-articles article:nth-child(3) { margin: 0.5em; width: 100%; } .marqueetextwrapper{ width: 100% !important; } } </style> <style> .card-crou-body { display: inline-block; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%); position: relative; height: 370px; margin-bottom: 18px; transition: all .2s ease-in-out; width: 100%; background-position: center !important; background-size: cover !important; transition: all .2s ease-in-out; } .card-crou-body:hover .card-event-date{ background-color: #005239;; } .card-crou-title a:hover{ color: #fffffff0 !important; } .carousel-caption p { padding-right: 20%; padding-left: 20%; } .text { padding: 20px; width: 100%; position: absolute; color: #f3f4f4; background: linear-gradient(to bottom, transparent, black); /* padding-top: 86%; */ /* padding-left: 1.2em; */ bottom: 0px; } .slider{ padding-top: 2em; padding-bottom: 2em; } .briefs-section{ padding-top: 2em !important; padding-bottom: 2em !important; } .briefs-section .container h2{ margin-bottom: 0em !important; padding-bottom: 1em !important; } .card-crou-body p { margin-bottom: 0px; } .card-crou-body p { margin-bottom: 0px; text-shadow: -1px 2px 1px rgb(0 0 0 / 25%), 0 0 40px #000000 !important; } .card-crou-desc { color: #FFFFFF; } .carousel-inner { overflow: visible !important; } .slider{ background-color: white; } .card-event-date{ background-color: #282A3A; width: 66px; color: #ffffffeb; position: relative; left: 1em; top: 1em; padding: 8px 5px 11px 5px; text-align: center; line-height: 20px; } .card-event-month{ font-size: 0.85em; text-transform: uppercase; font-weight: 300; } .card-event-day{ font-size: 1.4em; font-weight: 800; } .card-crou-title a{ font-size: 1.1em; font-family: 'Roboto Slab'; line-height: 1.5rem; letter-spacing: .5px; font-weight: 600; color: white !important; text-decoration: none !important; text-shadow: -1px 2px 1px rgb(0 0 0 / 25%), 0 0 40px #000000 !important; text-transform: capitalize !important; } .card-crou-title a:hover{ text-decoration: underline !important; } .owl-nav { position: relative; bottom: 272px; text-align: center; color: black; } .owl-nav span { font-size: 33px; } .owl-next { position: absolute; right: 0px; } .owl-prev { position: absolute; left: 0px; } .owl-prev span{ border-radius: 50em; width: 60px; display: block; height: 60px; line-height: 50px; position: relative; vertical-align: middle; padding: 0px 3px 0px 0px; font-size: 47px; color: white; margin-top: 0; background-color: #282a3a; } .owl-next span { border-radius: 50em; width: 60px; display: block; height: 60px; line-height: 50px; position: relative; vertical-align: middle; padding: 0px 0px 0px 3px; font-size: 47px; color: white; margin-top: 0; background-color: #282a3a; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { padding: 8px !important; } .owl-prev span:hover{ background-color: #005239;; color: white; } .owl-next span:hover{ background-color: #005239;; color: white; } .container-spacing { padding-top: 2em; padding-bottom: 2em; } .slider .container h2{ margin-bottom: 0em !important; padding-bottom: 1em; width: fit-content; display: inline-block; } </style> <div id="footer-container"> <div class="container">  <div class="row middle-row"> <div class="col-lg-6"> <div class="footer-branding"> <div class="chss"> <a href="https://chss.gmu.edu" aria-label="College of Humanities and Social Sciences homepage"> <img alt="College of Humanities and Social Sciences Logo" src="/assets/logos/chss-logo-2024-d27216dba60b058e2dbe9cb7f2f7dea30eeaa497c45c13bbdba5dd3d43d92ebd.png" /> </a> </div> <hr style="width: 56%;"> <div class="branding-titles"> <p class="brdnftr"> <a href="https://composition.gmu.edu"> <i class="fa-solid fa-house-chimney footer-site-icon"></i> Composition </a>          </p> <p class="brdnftr locftr"> <i class="fa-solid fa-location-dot locationgmu footer-site-icon"></i> 4400 University Drive, 3E4<br> Fairfax, VA 22030 </p> </div> </div> </div> <div class="col-lg-6"> <div class="row seccolftr"> <div class="col-lg-6"> <div> <p class="footer-list-title">Contact us</p> <ul class="footer-list"> <li> <a href="tel:+1-703-993-1162"><i class='fa-solid fa-phone footer-list-item-icon' role='presentation'></i>+1-703-993-1162</a> </li> </ul> </div> </div> <div class="col-lg-6"> <div> <p class="footer-list-title">Quick Links</p> <ul class="footer-list"> <li class="nav-item"><a class="nav-link" href="http://admissions.gmu.edu"><i class="fa-solid fa-pen-to-square footer-list-item-icon"></i>Apply</a></li> <li class="nav-item"><a class="donate nav-link" href="https://chss.gmu.edu/give"><i class='fa-solid fa-hand-holding-hand footer-list-item-icon'></i>Give</a></li> <li> <a href="https://www.gmu.edu" aria-label="Visit the George Mason University homepage"><i class="fa-solid fa-globe footer-list-item-icon"></i>gmu.edu</a> </li> </ul> </div> </div> </div> </div> </div>  <div class="row"> <div class="col-lg-12"> <form method="get" action="/searches" class="searchForm"> <div class="footer-search"> <input type="text" name="searchFor" placeholder="Search" size="12" maxlength="150" value="" class="searchbox footer-searchbox" title="Enter search terms" /> </div> </form> </div> </div>  <hr> <div class="row"> <p class="copyright">漏 Copyright 2025 <a href="https://www.gmu.edu" aria-label="Visit the George Mason University homepage" target="_blank">George Mason University</a>. All Rights Reserved. <a href="https://www.gmu.edu/about-mason/internet-privacy" target="_blank">Privacy Statement</a> | <a href="https://accessibility.gmu.edu/" target="_blank">Accessibility</a></p> </div> </div> </div> <script src="/assets/theme2016/theme-01118bfa4b270433b954be9d0d1f247e8c56685370b59917bb9729ba5a687ef1.js"></script> <script src="/assets/theme2022/theme-15ac0110cffaaf846c00a7c4797847dca5a11ba4604fe5d66fb0fb462b5da228.js"></script> <script> $(document).ready(function () { $('#marqueehomeslider').find('.carousel-item').first().addClass('active'); }); </script> <script> new CookiesEuBanner(function () { }, true); </script> <style> @import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300); @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic|Istok+Web:400,700,400italic,700italic); </style> </body> </html>

CINXE.COM

Composition