{"id":446,"date":"2020-04-26T00:21:05","date_gmt":"2020-04-26T00:21:05","guid":{"rendered":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/?page_id=446"},"modified":"2020-04-26T00:34:06","modified_gmt":"2020-04-26T00:34:06","slug":"amazing-analog","status":"publish","type":"page","link":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/amazing-analog\/","title":{"rendered":"Amazing Analog"},"content":{"rendered":"\n<style>\r\n\/*===== general options =========*\/\r\na {\r\n    box-shadow: none !important;\r\n}\r\n\r\n.view *:not(i), .album_categories *, .album_back_button *, #album_disabled_layer {\r\n    font-family: sans-serif, Arial, Verdana, Sylfaen !important;\r\n}\r\n\r\n#album_disabled_layer {\r\n    display: none;\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-align: center;\r\n    background-color: transparent;\r\n    z-index: 10;\r\n    padding-top: 20px;\r\n    color: #fff;\r\n}\r\n\r\n#album_list_container {\r\n    position: relative;\r\n}\r\n\r\n\/* ====================== album onhover styles ==========================*\/\r\n\r\n#album_list .view {\r\n    -webkit-box-sizing: border-box;\r\n    -moz-box-sizing: border-box;\r\n    -o-box-sizing: border-box;\r\n    display: none;\r\n\r\n}\r\n\r\n.view .mask,\r\n.view .content {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    overflow: hidden;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.view h2 {\r\n    text-transform: uppercase;\r\n    color: #fff;\r\n    text-align: center;\r\n    position: relative;\r\n    font-size: 17px;\r\n    font-family: Raleway, serif;\r\n    padding: 10px;\r\n    \/*background: rgba(0, 0, 0, 0.8);*\/\r\n    margin: 20px 0 0 0;\r\n\r\n}\r\n\r\n.album_back_button a, .view a {\r\n    text-decoration: none !important;\r\n}\r\n\r\n.view p {\r\n    font-family: Merriweather, serif;\r\n    font-style: italic;\r\n    font-size: 14px;\r\n    position: relative;\r\n    color: #fff;\r\n    padding: 0px 20px 0px;\r\n    text-align: center;\r\n\r\n}\r\n\r\n.view a.info {\r\n    display: inline-block;\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    padding: 2px 14px;\r\n    margin-bottom: 3px;\r\n    background: #000;\r\n    color: #fff;\r\n    font-family: Raleway, serif;\r\n    text-transform: uppercase;\r\n    box-shadow: 0 0 1px #000\r\n}\r\n\r\n.mask-text h2 {\r\n    font-size: 20px !important;\r\n}\r\n\r\n.view a.info:hover {\r\n    box-shadow: 0 0 5px #000\r\n}\r\n\r\n.view .mask-bg {\r\n    height: 100%;\r\n}\r\n\r\n.view .album_social {\r\n    color: #fff;\r\n    position: absolute;\r\n    bottom: 3px;\r\n    left: 3px;\r\n    border: 1px solid #ffffff;\r\n    -webkit-border-radius: 3px;\r\n    -moz-border-radius: 3px;\r\n    border-radius: 3px;\r\n    padding: 3px 5px;\r\n\r\n}\r\n\r\n.view .album_social:active, .view .album_social:focus, .view .album_social:hover {\r\n    color: #ffffff;\r\n    outline: none;\r\n}\r\n\r\n\/*1*\/\r\n\r\n.view .info {\r\n    margin-top: 5px;\r\n}\r\n\r\n.view-first .mask {\r\n    opacity: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    transition: all 0.4s ease-in-out;\r\n\r\n}\r\n\r\n.view-first h2 {\r\n    transform: translateY(-100px);\r\n    opacity: 0;\r\n    font-family: Raleway, serif;\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.view-first p {\r\n    transform: translateY(100px);\r\n    opacity: 0;\r\n    transition: all 0.2s linear;\r\n}\r\n\r\n.view-first a.info {\r\n    opacity: 0;\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n\r\n\/* *\/\r\n\r\n.view-first:hover img {\r\n    \/*transform: scale(1.1);*\/\r\n}\r\n\r\n.view-first:hover .mask {\r\n    opacity: 1;\r\n}\r\n\r\n.view-first:hover h2,\r\n.view-first:hover p,\r\n.view-first:hover a.info {\r\n    opacity: 1;\r\n    transform: translateY(0px);\r\n}\r\n\r\n.view-first:hover p {\r\n    transition-delay: 0.1s;\r\n}\r\n\r\n.view-first:hover a.info {\r\n    transition-delay: 0.2s;\r\n}\r\n\r\n\/*2*\/\r\n.view-second img {\r\n    -webkit-filter: grayscale(0) blur(0);\r\n    filter: grayscale(0) blur(0);\r\n    -webkit-transition: .3s ease-in-out;\r\n    transition: .3s ease-in-out;\r\n}\r\n\r\n.view-second .mask {\r\n    background-color: rgba(226, 200, 127, 0.2);\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n}\r\n\r\n.view-second h2 {\r\n    background: transparent;\r\n    margin: 20px 40px 0px 40px;\r\n    transform: scale(0);\r\n    color: #333;\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n}\r\n\r\n.view-second p {\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-second a.info {\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-second:hover img {\r\n    -webkit-filter: grayscale(100%) blur(3px);\r\n    filter: grayscale(100%) blur(3px);\r\n}\r\n\r\n.view-second:hover .mask {\r\n    opacity: 1;\r\n}\r\n\r\n.view-second:hover h2,\r\n.view-second:hover p,\r\n.view-second:hover a.info {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n}\r\n\r\n.view-second img {\r\n    -webkit-filter: grayscale(0) blur(0);\r\n    filter: grayscale(0) blur(0);\r\n    -webkit-transition: .3s ease-in-out;\r\n    transition: .3s ease-in-out;\r\n}\r\n\r\n.view-second:hover img {\r\n    -webkit-filter: grayscale(100%) blur(3px);\r\n    filter: grayscale(100%) blur(3px);\r\n}\r\n\r\n\/*3*\/\r\n\r\n.view-third img {\r\n    transform: scaleY(1);\r\n    transition: all .7s ease-in-out;\r\n}\r\n\r\n.view-third a.info {\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-third:hover img {\r\n    -webkit-transform: scale(10);\r\n    transform: scale(10);\r\n    opacity: 0;\r\n}\r\n\r\n.view-third:hover .mask {\r\n    opacity: 1;\r\n}\r\n\r\n.view-third:hover h2,\r\n.view-third:hover p,\r\n.view-third:hover a.info {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n}\r\n\r\n\/* ==== view 4 ===*\/\r\n\r\n.view-forth-wrapper {\r\n    overflow: hidden;\r\n    position: relative !important;\r\n    height: 100%;\r\n    \/* cursor: pointer;*\/\r\n}\r\n\r\n.view-forth img {\r\n    max-width: 100%;\r\n    position: relative;\r\n    top: 0;\r\n    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n}\r\n\r\n.view-forth .mask {\r\n    position: absolute;\r\n    width: 100%;\r\n    \/*    height: 70px;*\/\r\n    \/*    bottom: -70px;*\/\r\n    height: 50%;\r\n    bottom: -50%;\r\n    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    top: inherit;\r\n}\r\n\r\n.view-forth:hover .mask {\r\n    bottom: 0;\r\n}\r\n\r\n.view-forth:hover img {\r\n    top: -30px;\r\n}\r\n\r\n\/*==  view 5 ==*\/\r\n\r\n.view-fifth .view-fifth-wrapper,\r\n.view-fifth .view-fifth-wrapper img {\r\n    display: block;\r\n    position: relative;\r\n}\r\n\r\n.view-fifth .view-fifth-wrapper {\r\n    overflow: hidden;\r\n    height: 100%;\r\n}\r\n\r\n.view-fifth .view-fifth-wrapper .mask {\r\n    display: none;\r\n    position: absolute;\r\n    background: #333;\r\n    background: rgba(75, 75, 75, 0.7);\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n\/* ====================== album category styles ==========================*\/\r\n\r\n#filters {\r\n    margin: 1% 0;\r\n    padding: 0;\r\n    list-style: none;\r\n    list-style-type: none !important;\r\n\r\n}\r\n\r\n#filters li {\r\n    float: left;\r\n    list-style-type: none !important;\r\n}\r\n\r\n#filters li:first-child span {\r\n    margin-left: 0px;\r\n}\r\n\r\n#filters li span {\r\n    display: block;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n}\r\n\r\n.album_categories {\r\n    list-style-type: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    padding-top: 5px;\r\n}\r\n\r\n\/*=========  sharing buttons  ============*\/\r\n\r\n.album_socials {\r\n    position: relative;\r\n    top: 3px;\r\n    width: 100px;\r\n    height: 28px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.album_socials .rwd-share-buttons {\r\n    top: 0px !important;\r\n    width: 100% !important;\r\n    margin: 0px !important;\r\n}\r\n\r\n.album_socials a {\r\n    text-decoration: underline !important;\r\n}\r\n\r\n.gallery_images, .album_image_place {\r\n    margin-top: 15px;\r\n    margin-top: 15px;\r\n}\r\n\r\n#rwd-share-facebook:hover {\r\n    background-position: 0 -31px !important;\r\n}\r\n\r\n#rwd-share-twitter:hover {\r\n    background-position: -31px 32px !important;\r\n}\r\n\r\n#rwd-share-googleplus:hover {\r\n    background-position: -66px -31px !important;\r\n}\r\n\r\n.rwd-share-buttons li, .rwd-share-buttons li a {\r\n    width: 26px !important;\r\n    border: 0px !important;\r\n}\r\n\r\n.rwd-share-buttons {\r\n    top: 0 !important;\r\n}\r\n\r\n.img_link_btn {\r\n    position: absolute;\r\n    z-index: 99999;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    width: 100%;\r\n    padding: 8px;\r\n}\r\n\r\n.rwd-title {\r\n    padding: 10px 0px !important;\r\n}\r\n\r\n@media only screen and (max-width: 475px) {\r\n    .rwd-share-buttons {\r\n        top: -25px !important;\r\n    }\r\n\r\n    .rwd-title-text {\r\n        line-height: 15px;\r\n    }\r\n}\r\n\r\n\/*=========  hover style ===========*\/\r\n\r\n#hover {\r\n    color: rgba(188, 175, 204, 0.9);\r\n}\r\n\r\nh2#testimonials {\r\n    color: #fffae3;\r\n}\r\n\r\ndiv#all {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.view img {\r\n    height: auto;\r\n}\r\n\r\n.view {\r\n    color: #fff;\r\n    margin: 0 10px 10px 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n    text-align: center;\r\n    float: left;\r\n    cursor: default;\r\n    border: 1px solid #ccc;\r\n}\r\n\r\n.view-wrapper {\r\n    height: 100%;\r\n}\r\n\r\n.view img {\r\n    display: block;\r\n    position: relative;\r\n    transition: all 0.2s linear;\r\n    height: 100%;\r\n    width: auto;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n.mask-text h2 {\r\n    font-size: 20px !important;\r\n    margin-top: 20px !important;\r\n}\r\n\r\n\/* view 1 *\/\r\n\r\n.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {\r\n    color: #fff;\r\n}\r\n\r\n\/*  view 2 *\/\r\n.view-second .text-category, .view-second .mask-text h2, .view-second p {\r\n    color: #333;\r\n}\r\n\r\n.view-second .mask-text h2 {\r\n    border-bottom: 1px solid #333;\r\n}\r\n\r\n\/* view 3*\/\r\n.view-third .mask {\r\n    background-color: #ccc;\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n    color: #333;\r\n}\r\n\r\n.view-third h2 {\r\n    border-bottom: 1px solid #333;\r\n    background: transparent;\r\n    margin: 20px 40px 0px 40px;\r\n    transform: scale(0);\r\n    color: #333;\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n}\r\n\r\n.view-third p {\r\n    color: #333;\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-third .text-category {\r\n    color: #333;\r\n}\r\n\r\n\/* view 4 *\/\r\n\r\n.view-forth .mask-bg {\r\n    background: #333;\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.view-forth .mask-text {\r\n    color: #fff;\r\n    position: relative;\r\n    z-index: 500;\r\n    padding: 5px 8px;\r\n}\r\n\r\n.view-forth .mask-text h2 {\r\n    margin: 0px;\r\n    font-size: 13px;\r\n    padding: 2px;\r\n    color: #fff;\r\n}\r\n\r\n.view-forth .mask-text h2:hover {\r\n    cursor: pointer;\r\n}\r\n\r\n.view-forth .text-category {\r\n    display: block;\r\n    font-size: 15px;\r\n    color: #fff;\r\n}\r\n\r\n.view-forth p {\r\n    color: #fff;\r\n}\r\n\r\n\/* view 5 *\/\r\n.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {\r\n    color: #fff;\r\n}\r\n\r\n<\/style>\r\n    <input type=\"hidden\" name=\"view_style\" value=\"view-first\">\r\n\r\n    <section id=\"huge_it_gallery_content_10\" class=\"gallery-img-content\"\r\n             data-gallery-id=\"10\"\r\n             data-content-per-page=\"2\"\r\n             data-rating-type=\"off\">\r\n        <div id=\"huge_it_gallery_container_10\"\r\n             data-show-center=\"off\"\r\n             class=\"huge_it_gallery_container super-list variable-sizes clearfix view-lightbox-gallery\">\r\n            <div id=\"huge_it_gallery_container_moving_10\"\r\n                 class=\"super-list variable-sizes clearfix\">\r\n                <input type=\"hidden\" class=\"pagenum\" value=\"1\"\/>\r\n                                <input type=\"hidden\" id=\"total\" value=\"1\"\/>\r\n                                    <div class=\"view view-first element element_10\" tabindex=\"0\"\r\n                         data-symbol=\"\" data-category=\"alkaline-earth\">\r\n                        <div class=\"view-first-wrapper view-wrapper\">\r\n                                                                                                                <a href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Screenshot_20200423-215618_Groovepad-e1587862379241.jpg\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img0\"\r\n                                        title=\"\"\r\n                                        src=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Screenshot_20200423-215618_Groovepad-e1587862379241.jpg\"\/>\r\n                                                                                                        <div class=\"mask\">\r\n                                            <div class=\"mask-text\">\r\n                                                                                                <span class=\"text-category\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"mask-bg\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                                        <div class=\"view view-first element element_10\" tabindex=\"0\"\r\n                         data-symbol=\"\" data-category=\"alkaline-earth\">\r\n                        <div class=\"view-first-wrapper view-wrapper\">\r\n                                                                                                                <a href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Screenshot_20200423-215618_Groovepad.jpg\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img1\"\r\n                                        title=\"\"\r\n                                        src=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Screenshot_20200423-215618_Groovepad-e1587862379241-509x1024.jpg\"\/>\r\n                                                                                                        <div class=\"mask\">\r\n                                            <div class=\"mask-text\">\r\n                                                                                                <span class=\"text-category\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"mask-bg\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n            <div class=\"clear\"><\/div>\r\n        <\/div>\r\n        \r\n\r\n    <\/section>\r\n\r\n<style>\r\n.gallery-img-content .clear {\r\n    clear: both;\r\n}\r\n.gallery-img-content a{\r\n    border-bottom: none;\r\n}\r\n.element_10 {\r\n    max-width:275px;\r\n    margin:0 2px 10px 0;\r\n    border:0px solid #eeeeee;\r\n    border-radius:3px;\r\n    outline:none;\r\n    overflow:hidden;\r\n}\r\n.element_10 .image-block_10 {\r\n    position:relative;\r\n    width: 100%;\r\n\twidth:275px;\r\n    max-width:275px;\r\n}\r\n.element_10 .image-block_10 a {display:block;}\r\n.element_10 .image-block_10 img {\r\n    width: 100%;\r\n    max-width:275px !important;\r\n    height:auto;\r\n    display:block;\r\n    border-radius: 0 !important;\r\n    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;\r\n}\r\n.element_10 .image-block_10 img:hover {\r\n    cursor: -webkit-zoom-in; cursor: -moz-zoom-in;\r\n}\r\n.element_10 .image-block_10 .play-icon {\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    height:100%;\r\n}\r\n\r\n.element_10:hover .title-block_10 {bottom:0;}\r\n.element_10 .title-block_10 a, .element_10 .title-block_10 a:link, .element_10 .title-block_10 a:visited, .element_10 .title-block_10 {\r\n    position:relative;\r\n    margin:0;\r\n    padding:0 1% 0 2%;\r\n    width:97%;\r\n    text-decoration:none !important;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    white-space:nowrap;\r\n    z-index:20;\r\n    font-size: 16px;\r\n    color:#0074A2;\r\n    font-weight:normal;\r\n}\r\n.element_10 .image-block_10  .play-icon.youtube-icon {background:url(https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/plugins\/gallery-images\/assets\/images..\/admin_images\/play.youtube.png) center center no-repeat;}\r\n.element_10 .image-block_10  .play-icon.vimeo-icon {background:url(https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/plugins\/gallery-images\/assets\/images..\/admin_images\/play.vimeo.png) center center no-repeat;}\r\n.element_10 .title-block_10 {\r\n    position:absolute;\r\n    left:0;\r\n    width:100%;\r\n    padding-top:5px;\r\n    height: 36px;\r\n    bottom:-41px;\r\n    background: rgba(0,0,0,0.8)  !important;\r\n    -webkit-transition: bottom 0.3s ease-out 0.1s;\r\n    -moz-transition: bottom 0.3s ease-out 0.1s;\r\n    -o-transition: bottom 0.3s ease-out 0.1s;\r\n    transition: bottom 0.3s ease-out 0.1s;\r\n}\r\n.element_10 .title-block_10 a:hover, .element_10 .title-block_10 a:focus, .element_10 .title-block_10 a:active {\r\n    color:#2EA2CD;\r\n    text-decoration:none;\r\n}\r\n.load_more4 {\r\n    margin: 10px 0;\r\n    position:relative;\r\n    text-align:center;\r\n    width:100%;\r\n}\r\n.load_more_button4 {\r\n    border-radius: 10px;\r\n    display:inline-block;\r\n    padding:5px 15px;\r\n    font-size:16px !important;;\r\n    color:#FF0D0D !important;;\r\n    background:#5CADFF !important;\r\n    cursor:pointer;\r\n}\r\n.load_more_button4:hover{\r\n    color:#FF4040 !important;\r\n    background:#99C5FF !important;\r\n}\r\n.loading4 {\r\n    display:none;\r\n}\r\n.paginate4{\r\n    font-size:19px !important;\r\n    color:#FF2C2C !important;\r\n    text-align: center;\r\n    margin-top: 25px;\r\n}\r\n.paginate4 a{\r\n    border-bottom: none !important;\r\n}\r\n.icon-style4{\r\n    font-size: 21px !important;\r\n    color:#B82020 !important;\r\n}\r\n.clear{\r\n    clear:both;\r\n}\r\n@media screen and (max-width: 480px){\r\n    .element_10{\r\n        max-width:100% !important;\r\n    }\r\n}\r\n\r\n\r\n.view-wrapper img{\r\n    height:auto;\r\n}\r\n\r\n<\/style>\n\n\n\n<p><strong>Amazing-<\/strong> Who knew a middle-aged Midwest woman could drop a beat? Not this middle-aged Midwest woman! When Si sent out her video before class, I thought, &#8220;Well, this should be &#8216;interesting.'&#8221; I understood what she was saying, but I had no idea how I was going to make these tracks and work with this interface. Luckily, I was wrong! The Groovepad app was a great invisible interface to use. It helped me understand the aesthetic choices made in creating the tracks, but I didn&#8217;t have to understand how to mix or fade to produce music I could enjoy! Again, instantaneous action! A few clicks and selects and I had a recording. If I didn&#8217;t like it, I could record another or change up the elements of the one I had. <\/p>\n\n\n\n<p>Emerson&#8217;s magic again comes to mind! This is what gave this invisible interface meaning to me. I could enjoy the audio, the communication, without having the interface &#8220;interfere&#8221; with the music, which is ironic. Without the interface, I wouldn&#8217;t have the music. I wouldn&#8217;t be able to have  the creative license I did in making these tracks. Even though my choices were limited to the selection offered by Groovepad, the variety of items and the endless combination of them made this amazing interface one of my unexpected favorites!<\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Modern-Hip-Hop-23-04-2020-10-13.mp3\"><\/audio><\/figure>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Modern-Hip-Hop-23-04-2020-10-04.mp3\"><\/audio><\/figure>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Modern-Hip-Hop-23-04-2020-10-03.mp3\"><\/audio><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Amazing- Who knew a middle-aged Midwest woman could drop a beat? Not this middle-aged Midwest woman! When Si sent out her video before class, I thought, &#8220;Well, this should be &#8216;interesting.&#8217;&#8221; I understood what she was saying, but I had no idea how I was going to make these tracks and work with this interface. &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/amazing-analog\/\">Continue reading<\/a><\/p>\n","protected":false},"author":15418,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/pages\/446"}],"collection":[{"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/users\/15418"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/comments?post=446"}],"version-history":[{"count":5,"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/pages\/446\/revisions"}],"predecessor-version":[{"id":453,"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/pages\/446\/revisions\/453"}],"wp:attachment":[{"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/media?parent=446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}