{"id":184,"date":"2026-08-09T19:39:37","date_gmt":"2026-08-09T19:39:37","guid":{"rendered":"https:\/\/sites.wp.odu.edu\/mason-kofi-307t\/?page_id=184"},"modified":"2026-08-22T00:11:13","modified_gmt":"2026-08-22T00:11:13","slug":"engl-307t-project","status":"publish","type":"page","link":"https:\/\/sites.wp.odu.edu\/mason-kofi-307t\/engl-307t-project\/","title":{"rendered":"Projects"},"content":{"rendered":"\n<div style=\"max-width: 800px;margin: 0 auto;font-family: system-ui, -apple-system, sans-serif;color: #2b2b2b;line-height: 1.6\">\n\n  <!-- Page Header -->\n  <header style=\"margin-bottom: 2.5rem;padding-bottom: 1rem;border-bottom: 2px solid #e2e8f0\">\n    <h1 style=\"color: #003057;font-size: 2.25rem;font-weight: 700;margin: 0 0 0.5rem 0\">\n      Featured Projects\n    <\/h1>\n    <p style=\"font-size: 1.05rem;color: #4a5568;margin: 0\">\n      A portfolio of digital writing, workflow automation, and interactive web development created for ENGL 307T.\n    <\/p>\n  <\/header>\n\n  <!-- Project 1 Card -->\n  <div style=\"background-color: #f8f9fa;border: 1px solid #cbd5e1;border-top: 5px solid #003057;border-radius: 8px;padding: 1.75rem;margin-bottom: 2rem\">\n    <h2 style=\"color: #003057;font-size: 1.4rem;font-weight: 700;margin-top: 0;margin-bottom: 0.75rem\">\n      01. Interactive Project: The Geometry of Groove\n    <\/h2>\n    <p style=\"color: #334155;font-size: 0.95rem;margin-bottom: 1rem\">\n      An interactive multimodal guide analyzing guitar voice-leading, fretboard geometry, and shell voicings through an interactive Web Audio 12-bar blues model. Explores how spatial arrangements translate music theory into physical and visual design.\n    <\/p>\n    <div style=\"margin-bottom: 1.25rem\">\n      <span style=\"display: inline-block;background: #e2e8f0;color: #1e293b;font-size: 0.8rem;font-weight: 600;padding: 0.2rem 0.6rem;border-radius: 4px;margin-right: 0.4rem\">Multimodal Rhetoric<\/span>\n      <span style=\"display: inline-block;background: #e2e8f0;color: #1e293b;font-size: 0.8rem;font-weight: 600;padding: 0.2rem 0.6rem;border-radius: 4px;margin-right: 0.4rem\">Web Audio API<\/span>\n      <span style=\"display: inline-block;background: #e2e8f0;color: #1e293b;font-size: 0.8rem;font-weight: 600;padding: 0.2rem 0.6rem;border-radius: 4px\">Music Theory<\/span>\n    <\/div>\n    <a href=\"https:\/\/sites.wp.odu.edu\/mason-kofi-307t\/interactive-project\/\" style=\"display: inline-block;background-color: #003057;color: #ffffff;padding: 0.65rem 1.25rem;border-radius: 6px;text-decoration: none;font-weight: 600;font-size: 0.9rem\">\n      Explore Interactive Essay \u2192\n    <\/a>\n  <\/div>\n\n  <!-- Project 2 Card -->\n  <div style=\"background-color: #f8f9fa;border: 1px solid #cbd5e1;border-top: 5px solid #003057;border-radius: 8px;padding: 1.75rem;margin-bottom: 2rem\">\n    <h2 style=\"color: #003057;font-size: 1.4rem;font-weight: 700;margin-top: 0;margin-bottom: 0.75rem\">\n      02. Video Tutorial: Outreach Workflow Automation\n    <\/h2>\n    <p style=\"color: #334155;font-size: 0.95rem;margin-bottom: 1rem\">\n      A step-by-step video demonstration detailing how to streamline personalized networking outreach by integrating Microsoft Word mail merge templates with structured Excel data sources.\n    <\/p>\n    <div style=\"margin-bottom: 1.25rem\">\n      <span style=\"display: inline-block;background: #e2e8f0;color: #1e293b;font-size: 0.8rem;font-weight: 600;padding: 0.2rem 0.6rem;border-radius: 4px;margin-right: 0.4rem\">Workflow Automation<\/span>\n      <span style=\"display: inline-block;background: #e2e8f0;color: #1e293b;font-size: 0.8rem;font-weight: 600;padding: 0.2rem 0.6rem;border-radius: 4px;margin-right: 0.4rem\">Technical Writing<\/span>\n      <span style=\"display: inline-block;background: #e2e8f0;color: #1e293b;font-size: 0.8rem;font-weight: 600;padding: 0.2rem 0.6rem;border-radius: 4px\">Video Demonstration<\/span>\n    <\/div>\n    <a href=\"https:\/\/sites.wp.odu.edu\/mason-kofi-307t\/analysis-paper\/\" style=\"display: inline-block;background-color: #003057;color: #ffffff;padding: 0.65rem 1.25rem;border-radius: 6px;text-decoration: none;font-weight: 600;font-size: 0.9rem\">\n      Watch Video Tutorial \u2192\n    <\/a>\n  <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Featured Projects A portfolio of digital writing, workflow automation, and interactive web development created for ENGL 307T. 01. Interactive Project: The Geometry of Groove An interactive multimodal guide analyzing guitar voice-leading, fretboard geometry, and shell voicings through an interactive Web Audio 12-bar blues model. Explores how spatial arrangements translate music theory into physical and visual&hellip;&nbsp;<a href=\"https:\/\/sites.wp.odu.edu\/mason-kofi-307t\/engl-307t-project\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">Projects<\/span><\/a><\/p>\n","protected":false},"author":32583,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/sites.wp.odu.edu\/mason-kofi-307t\/wp-json\/wp\/v2\/pages\/184"}],"collection":[{"href":"https:\/\/sites.wp.odu.edu\/mason-kofi-307t\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.wp.odu.edu\/mason-kofi-307t\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wp.odu.edu\/mason-kofi-307t\/wp-json\/wp\/v2\/users\/32583"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wp.odu.edu\/mason-kofi-307t\/wp-json\/wp\/v2\/comments?post=184"}],"version-history":[{"count":4,"href":"https:\/\/sites.wp.odu.edu\/mason-kofi-307t\/wp-json\/wp\/v2\/pages\/184\/revisions"}],"predecessor-version":[{"id":225,"href":"https:\/\/sites.wp.odu.edu\/mason-kofi-307t\/wp-json\/wp\/v2\/pages\/184\/revisions\/225"}],"wp:attachment":[{"href":"https:\/\/sites.wp.odu.edu\/mason-kofi-307t\/wp-json\/wp\/v2\/media?parent=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}