{"id":270,"date":"2020-04-24T20:50:58","date_gmt":"2020-04-24T20:50:58","guid":{"rendered":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/?page_id=270"},"modified":"2020-04-26T00:35:33","modified_gmt":"2020-04-26T00:35:33","slug":"dynamic-digital-analog-texts","status":"publish","type":"page","link":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/dynamic-digital-analog-texts\/","title":{"rendered":"Dynamic Digital"},"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><div id=\"g-main-slider_9\" class=\"gallery-img-content g-main-slider liquid-slider view-content-slider\"\r\n     data-pause-hover=\"on\"\r\n     data-autoslide=\"on\"\r\n     data-slide-duration=\"1000\"\r\n     data-slide-interval=\"4000\"\r\n     data-rating-type=\"off\"\r\n>\r\n\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_9\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group9\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Blackout-Poetry-In-the-Penal-Colony-2-e1587780734280.jpg\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Blackout-Poetry-In-the-Penal-Colony-2-e1587780734280.jpg\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_9\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group9\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Blackout-Poetry-In-the-Penal-Colony.jpg\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/Blackout-Poetry-In-the-Penal-Colony-1024x768.jpg\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_9\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group9\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/IPC-excerpt-Esperanto.png\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/IPC-excerpt-Esperanto.png\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_9\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group9\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/In-the-penal-colony-components.png\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/In-the-penal-colony-components.png\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t<div class=\"slider-content\">\r\n\t\t\t<div class=\"slider-content-wrapper\">\r\n\t\t\t\t<div class=\"image-block_9\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"gallery_group9\" href=\"http:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/In-the-penal-colony-photomosh.png\"\r\n\t\t\t\t\t\t\t   title=\"\"><img\r\n\t\t\t\t\t\t\t\t\talt=\"\" class=\"main-image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/uploads\/sites\/18583\/2020\/04\/In-the-penal-colony-photomosh.png\"\/><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"right-block\">                    \t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"description\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<\/div><style>\r\n* {outline:none;}\r\n#g-main-slider_9 {background:#f9f9f9;}\r\n.entry-content a{\r\n\tborder-bottom: none;\r\n}\r\n#g-main-slider_9 div.slider-content {\r\n\tposition:relative;\r\n\twidth:100%;\r\n\tpadding:0 0 0 0;\r\n\tposition:relative;\r\n\tbackground:#f9f9f9;\r\n}\r\n[class$=\"-arrow\"] {\r\n\tbackground-image:url(https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/plugins\/gallery-images\/assets\/images\/admin_images\/arrow.dark.png) !important;\r\n}\r\n.ls-select-box {\r\n\tbackground:url(https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/plugins\/gallery-images\/assets\/images\/admin_images\/menu.dark.png) right center no-repeat #f9f9f9;\r\n}\r\n#g-main-slider_9-nav-select {\r\n\tcolor:#0074a2;\r\n}\r\n#g-main-slider_9 div.slider-content .slider-content-wrapper {\r\n\tposition:relative;\r\n\twidth:100%;\r\n\tpadding:0;\r\n\tdisplay:block;\r\n}\r\n#g-main-slider_9 .slider-content-wrapper .image-block_9 {\r\n\tposition:relative;\r\n\twidth:275px;\r\n\tdisplay:table-cell;\r\n\tpadding:0 10px 0 0;\r\n\tfloat:left;\r\n}\r\n#g-main-slider_9 .slider-content-wrapper .image-block_9 img.main-image {\r\n\tposition:relative;\r\n\twidth:100%;\r\n\theight:auto;\r\n\tdisplay:block;\r\n}\r\n#g-main-slider_9 .slider-content-wrapper .image-block_9 .play-icon {\r\n\tposition:absolute;\r\n\ttop:0;\r\n\tleft:0;\r\n\twidth:100%;\r\n\theight:100%;\r\n}\r\n#g-main-slider_9 .slider-content-wrapper .image-block_9  .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#g-main-slider_9 .slider-content-wrapper .image-block_9  .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#g-main-slider_9 .slider-content-wrapper .right-block {\r\n\tdisplay:table-cell;\r\n    min-width: 210px;\r\n}\r\n#g-main-slider_9 .slider-content-wrapper .right-block > div {\r\n\tpadding-bottom:10px;\r\n\tmargin-top:10px;\r\n\tbackground:url('https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-content\/plugins\/gallery-images\/assets\/images\/admin_images\/divider.line.png') center bottom repeat-x;\r\n}\r\n#g-main-slider_9 .slider-content-wrapper .right-block > div:last-child {background:none;}\r\n#g-main-slider_9 .slider-content-wrapper .right-block .title {\r\n\tposition:relative;\r\n\tdisplay:block;\r\n\tmargin:-10px 0 0 0;\r\n\tfont-size:16px !important;\r\n\tline-height:16px !important;\r\n\tcolor:#0074a2;\r\n}\r\n#g-main-slider_9 .slider-content-wrapper .right-block .description {\r\n\tclear:both;\r\n\tposition:relative;\r\n\tfont-weight:normal;\r\n\ttext-align:justify;\r\n\tfont-size:14px !important;\r\n\tline-height:14px !important;\r\n\tcolor:#555555;\r\n}\r\n#g-main-slider_9 .slider-content-wrapper .right-block .description h1,\r\n#g-main-slider_9 .slider-content-wrapper .right-block .description h2,\r\n#g-main-slider_9 .slider-content-wrapper .right-block .description h3,\r\n#g-main-slider_9 .slider-content-wrapper .right-block .description h4,\r\n#g-main-slider_9 .slider-content-wrapper .right-block .description h5,\r\n#g-main-slider_9 .slider-content-wrapper .right-block .description h6,\r\n#g-main-slider_9 .slider-content-wrapper .right-block .description p,\r\n#g-main-slider_9 .slider-content-wrapper .right-block .description strong,\r\n#g-main-slider_9 .slider-content-wrapper .right-block .description span {\r\n\tpadding:2px !important;\r\n\tmargin:0 !important;\r\n}\r\n#g-main-slider_9 .slider-content-wrapper .right-block .description ul,\r\n#g-main-slider_9 .slider-content-wrapper .right-block .description li {\r\n\tpadding:2px 0 2px 5px;\r\n\tmargin:0 0 0 8px;\r\n}\r\n#g-main-slider_9 .slider-content-wrapper .button-block {\r\n\tposition:relative;\r\n}\r\n#g-main-slider_9 .slider-content-wrapper .button-block a,#g-main-slider_9 .slider-content-wrapper .button-block a:link,#g-main-slider_9 .slider-content-wrapper .button-block a:visited{\r\n\tposition:relative;\r\n\tdisplay:inline-block;\r\n\tpadding:6px 12px;\r\n\tbackground:#2ea2cd;\r\n\tcolor:#ffffff;\r\n\tfont-size:14px;\r\n\ttext-decoration:none;\r\n}\r\n#g-main-slider_9 .slider-content-wrapper .button-block a:hover,#g-main-slider_9 .slider-content-wrapper .button-block a:focus,#g-main-slider_9 .slider-content-wrapper .button-block a:active {\r\n\tbackground:#0074a2;\r\n\tcolor:#ffffff;\r\n}\r\n@media only screen and (min-width:500px) {\r\n\t#g-main-slider_9-nav-ul {\r\n\t\tvisibility:hidden !important;\r\n\t\theight:1px;\r\n\t}\r\n}\r\n@media only screen and (max-width:500px) {\r\n\t#g-main-slider_9 .slider-content-wrapper .image-block_9,#g-main-slider_9 .slider-content-wrapper .right-block {\r\n\t\twidth:100%;\r\n\t\tdisplay:block;\r\n\t\tfloat:none;\r\n\t\tclear:both;\r\n\t}\r\n}\r\n<\/style>\n\n\n\n<p><strong>Dynamic-<\/strong> I had no idea what we would be doing to for this TP but was intrigued by the idea of digital poetry and &#8220;mixing&#8221; up the mediums\/interfaces of analog and poetry. The concept of appropriation and making something different out of something already in existence was cool. The blackout poetry and the photomosh Benny had us complete were a really interesting way to bring the invisible and the visible together. <\/p>\n\n\n\n<p>I was very confused by the photomosh, but once it worked, it was great! I took a page from Kafka&#8217;s &#8220;In the Penal Colony&#8221; about the machine and imposed it over an image of &#8220;the apparatus.&#8221; I translated it into Esperanto since Kafka is so widely known and translated into so many languages. A universal language like Esperanto seemed fitting. I also used an intricate, ornate font to simulate the Commandant&#8217;s handwriting used to inscribe the sentence onto the prisoners. The effect used for the mosh was &#8220;slice&#8221; to reproduce how the needles of the inscriber  would work on the commended. A very visual way to experience the invisibility of digital space! <\/p>\n\n\n\n<p>I want to try blackout poetry in a different way. Instead of making a poem from literature, I want to use this with my composition students when we discuss how to write an abstract or my public speaking students when we discuss how to create a keyword outline. Hopefully, using some of Kenneth Goldsmith&#8217;s ideas on &#8220;uncreative writing&#8221; will help cement the concept for my students and make this interface more visual! I wish we had done this TP sooner because my undergraduates could really use it! <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dynamic- I had no idea what we would be doing to for this TP but was intrigued by the idea of digital poetry and &#8220;mixing&#8221; up the mediums\/interfaces of analog and poetry. The concept of appropriation and making something different out of something already in existence was cool. The blackout poetry and the photomosh Benny &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/dynamic-digital-analog-texts\/\">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\/270"}],"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=270"}],"version-history":[{"count":5,"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/pages\/270\/revisions"}],"predecessor-version":[{"id":454,"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/pages\/270\/revisions\/454"}],"wp:attachment":[{"href":"https:\/\/sites.wp.odu.edu\/sgutcodingpractice\/wp-json\/wp\/v2\/media?parent=270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}