{"id":254,"date":"2020-04-24T20:35:54","date_gmt":"2020-04-24T20:35:54","guid":{"rendered":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/?page_id=254"},"modified":"2020-04-25T22:32:25","modified_gmt":"2020-04-25T22:32:25","slug":"tympanic-typewriter","status":"publish","type":"page","link":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/tympanic-typewriter\/","title":{"rendered":"Tympanic Typewriter"},"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_7\" class=\"gallery-img-content\"\r\n             data-gallery-id=\"7\"\r\n             data-content-per-page=\"5\"\r\n             data-rating-type=\"off\">\r\n        <div id=\"huge_it_gallery_container_7\"\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_7\"\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_7\" 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\/Week-7-Typewriter.png\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img0\"\r\n                                        title=\"\"\r\n                                        src=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Week-7-Typewriter.png\"\/>\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_7\" 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\/Week-7-Typewriter-manipulated.png\"\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\/Week-7-Typewriter-manipulated-1024x670.png\"\/>\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_7 {\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_7 .image-block_7 {\r\n    position:relative;\r\n    width: 100%;\r\n\twidth:275px;\r\n    max-width:275px;\r\n}\r\n.element_7 .image-block_7 a {display:block;}\r\n.element_7 .image-block_7 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_7 .image-block_7 img:hover {\r\n    cursor: -webkit-zoom-in; cursor: -moz-zoom-in;\r\n}\r\n.element_7 .image-block_7 .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_7:hover .title-block_7 {bottom:0;}\r\n.element_7 .title-block_7 a, .element_7 .title-block_7 a:link, .element_7 .title-block_7 a:visited, .element_7 .title-block_7 {\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_7 .image-block_7  .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_7 .image-block_7  .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_7 .title-block_7 {\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_7 .title-block_7 a:hover, .element_7 .title-block_7 a:focus, .element_7 .title-block_7 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_7{\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>Tympanic-<\/strong> There is something sensual about the <em>clickity clack<\/em> of a typewriter. It is rhythmic and real and hits me like a drum beat or rain on a window the way a click of a keyboard cannot do. They are different. The typewriter is the definitive sound of work and production where a keyboard seems ethereal, a hushed key stroke that doesn\u2019t want to disturb the work. &nbsp;A typewriter is a machine that records work and thoughts already made; the keyboard waits for work and ideas to be created.<\/p>\n\n\n\n<p>This experience was great, mistakes and all! It really made me aware of the keys and finger placement. I became much more aware of this interface and how carefully we had to type. The machine really became center stage in this TP, and a true partnership twixt human and machine was forged. The simulator wouldn\u2019t let me scroll down to the end of the page, though, so I was typing blind. These short excerpts took me several tries before I typed a few lines without a mistake. Once I did make a mistake, I just left it because the thought of typing this over yet again was painful (much like my students who don\u2019t want to proofread emails or text messages). During the TP, we couldn&#8217;t figure out how to make the simulator manipulate the letters to swirl and bend, but later we did and I tried my hand at it (literally). Typing in a linear fashion without making mistakes was difficult enough, but trying to remember the keystrokes and manipulate the letters and not make mistakes was excruciatingly slow and frustrating and yet, still FUN! Again combining so many of the senses- touch, sight, and sound.<\/p>\n\n\n\n<p>It brought me back to high school typing class days! I remember typing drills to see how many words per minute we could type without any errors. Before I was hired for my first summer job as a data-entry clerk, I had to take a typing test and score at least 100 wpm with only one mistake. I barely passed. Now my fingers know the muscle memory for the backspace key almost better than they do for the qwerty keys. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tympanic- There is something sensual about the clickity clack of a typewriter. It is rhythmic and real and hits me like a drum beat or rain on a window the way a click of a keyboard cannot do. They are different. The typewriter is the definitive sound of work and production where a keyboard seems &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/tympanic-typewriter\/\">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\/254"}],"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=254"}],"version-history":[{"count":5,"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/pages\/254\/revisions"}],"predecessor-version":[{"id":422,"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/pages\/254\/revisions\/422"}],"wp:attachment":[{"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/media?parent=254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}