    <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
            <script type="text/javascript">
    var ajaxurl = 'https://writingforsciences.commons.gc.cuny.edu/wp-admin/admin-ajax.php';
    </script>
        <style type="text/css">
        #site-title a {
        color: #9cd7ed !important;
    }
    </style>
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
    <script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('.first_slide span').css('bottom','0');

});
</script>

    <!-- Start of cunycommons Zendesk Widget script -->
    <script>
    window.zESettings = {
        webWidget: {
            zIndex: -1,
            contactForm: {
            title: {
                '*': 'Contact CUNY Academic Commons Support'
            }
            }
        }
    };
    </script>

    <iframe src="javascript:false" title="" style="display: none;"></iframe><script>/*<![CDATA[*/window.zEmbed||function(e,t){var n,o,d,i,s,a=[],r=document.createElement("iframe");window.zEmbed=function(){a.push(arguments)},window.zE=window.zE||window.zEmbed,r.src="javascript:false",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="display: none",d=document.getElementsByTagName("script"),d=d[d.length-1],d.parentNode.insertBefore(r,d),i=r.contentWindow,s=i.document;try{o=s}catch(c){n=document.domain,r.src='javascript:var d=document.open();d.domain="'+n+'";void(0);',o=s}o.open()._l=function(){var o=this.createElement("script");n&&(this.domain=n),o.id="js-iframe-async",o.src=e,this.t=+new Date,this.zendeskHost=t,this.zEQueue=a,this.body.appendChild(o)},o.write('<body onload="document._l();">'),o.close()}("https://assets.zendesk.com/embeddable_framework/main.js","cunycommons.zendesk.com");/*]]>*/</script>
    <!-- End of cunycommons Zendesk Widget script -->

    <script>
    // Hide Zendesk modal by default.
    zE(function() {
        zE.hide();
    });
    </script>

    <style type="text/css">
    #wpadminbar #wp-admin-bar-cac-help > .ab-item:before {
        content: "\f223";
        margin-top:6px;
    }
    #cac-help-overlay {
        background:#fff;
        border-radius:20px;
        display:none;
        text-align:center;
    }
    #cac-help-overlay span {
        color: #444;
        display: inline-block;
        font-size: 20px;
        margin-top: 1em;
    }
    #cac-help-overlay a {
        border: 2px solid #d3d3d3;
        border-radius: 6px;
        display: inline-block;
        font-size: 16px;
        line-height: 1;
        margin-top: 1em;
        padding: 5px 15px;
        width: 100px;
        text-decoration: none;

        background: #feffff;
        background: -moz-linear-gradient(top, #feffff 32%, #efefef 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#feffff), color-stop(100%,#efefef));
        background: -webkit-linear-gradient(top, #feffff 32%,#efefef 100%);
        background: -o-linear-gradient(top, #feffff 32%,#efefef 100%);
        background: -ms-linear-gradient(top, #feffff 32%,#efefef 100%);
        background: linear-gradient(to bottom, #feffff 32%,#efefef 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#efefef',GradientType=0 );
    }
    #cac-zendesk {margin-left:1em;}
    #wpadminbar ul li#wp-admin-bar-cac-help {float:right; text-align:right;}
    #wp-admin-bar-bp-register {width:86px;}

    #simplemodal-overlay {
background-color:#000;

}

.simplemodal-wrap{
/height:80px;/
}

simplemodal-container {

background-color:#333;
border:1px solid #fff;
/*padding:12px;*/

-moz-border-radius: 24px;
-webkit-border-radius: 24px;
border-radius: 24px;

top: 65px !important;
left: auto !important;
width: 350px;
/*height:70%;*/

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

}

body.logged-in #simplemodal-container {
right: 63px !important;
}

simplemodal-container a.modalCloseImg {

background:url(//assets.zendesk.com/external/zenbox/images/close_big.png) no-repeat; /* adjust url as required */
width:46px;
height:46px;
display:inline;
z-index:4000;
position:absolute;
top:-20px;
right:-23px;
cursor:pointer;

}

.simplemodal-data{
font-size: 1.1em;
color:#fff;
height:100%;
}

.simplemodal-data h2{
background-color:#3FC2F3;
color: #fff;
padding:1em;
margin:0 0 1em 0;
font-family: sans-serif;
font-size:2em;
font-weight: 400;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom: 1px solid #fff;
}

.simplemodal-data p{
padding:0 2em;
}
.simplemodal-data ul{
margin-left: 2em;
}

.simplemodal-data li{
margin-left: 2em;
}

.simplemodal-data ul li{
margin-left: 2em;
list-style-type: disc;
margin-bottom:1em;
}

.simplemodal-data strong{
font-weight: 900;
color: #70C176;
}

.simplemodal-data b{
font-weight: 900;
color: #F58D59;
}

    iframe#webWidget {
        top: 47px !important;
        right: 55px;
        z-index: -1;
    }
        iframe#webWidget.zEWidget-webWidget--active {z-index:1001 !important;}
        body.logged-in iframe#webWidget {right: 30px;}

    .arrow-up {
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #f8f8f8;
        position: absolute;
        top: -16px;
        right: 30px;
    }

    .zendesk-arrow {
        position: fixed;
        right: 172px;
        top: 38px;
        border-bottom: 15px solid #3fc2f3;
        z-index: 999999;
    }
        body.logged-in .zendesk-arrow {right:98px;}

        iframe#webWidget + .zendesk-arrow {display: none;}
        iframe#webWidget.zEWidget-webWidget--active + .zendesk-arrow {display: block;}

    @media screen and ( max-width: 985px ) {
        #wpadminbar #wp-admin-bar-cac-help > .ab-item:before {margin-top:3px;}
        .zendesk-arrow {display:none !important;}
    }

    @media screen and ( max-width: 782px ) {
        #simplemodal-container {right: 20px !important;}
            body.logged-in #simplemodal-container {right: 32px !important;}

        #wpadminbar #wp-admin-bar-cac-help a.ab-item {text-overflow: clip;}

        #wpadminbar #wp-admin-bar-cac-help > .ab-item {
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            width: 52px;
            padding: 0;
            position: relative;
        }

        #wpadminbar #wp-admin-bar-cac-help > .ab-item:before {
            display: block;
            text-indent: 0;
            font: normal 32px/1 'dashicons';
            speak: none;
            top: 5px;
            width: 52px;
            text-align: center;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        #wpadminbar li#wp-admin-bar-cac-help {display: block;}
    }

    @media screen and ( max-width: 610px ) {
        #simplemodal-container {
                            top: 120px !important;
                            width: 270px;
                            height: 220px;
                    }
                    #cac-zendesk {
                            margin-left: 0;
                    }
    }
    </style>

<style type="text/css">.transition, .autocomplete, .showAll-transition, .autocomplete ul, .autocomplete ul li a{

transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
}

.autocomplete ul{
border: 1px solid #aaa;
font-family: sans-serif;
position: absolute;
list-style: none;
background: #f8f8f8;
padding: 0 0 10px 0;
margin: 0;
display: inline-block;
min-width: 15%;
width: 50%;
z-index: 1000;
}

.autocomplete ul li a{
text-decoration: none;
display: block;
background: #f8f8f8;
color: #2b2b2b;
padding: 5px;
padding-left: 10px;
}

.autocomplete ul li a:hover, .autocomplete ul li.focus-list a{
color: white;
background: #2F9AF7;
}

.autocomplete ul li a span{
display: block;
margin-top: 3px;
color: grey;
font-size: 13px;
}

.autocomplete ul li a:hover span, .autocomplete ul li.focus-list a span{
color: white;
}

.showAll-transition{
opacity: 1;
height: 50px;
overflow: hidden;
}

.showAll-enter{
opacity: 0.3;
height: 0;
}

<div id="cac-help-overlay">
    <div class="arrow-up"></div>
    <span>Need help with the Commons?</span>
    <a href="https://help.commons.gc.cuny.edu">Visit our <br>help page</a>
    <a id="cac-zendesk" rel="nofollow" href="mailto:[email protected]">Send us a message</a>
</div>

<script>
    jQuery(function($){

    // If Bootstrap exists, namespace BS modal to avoid conflict with SimpleModal.
    if(typeof($.fn.popover) != 'undefined'){
        var bsModal = $.fn.modal.noConflict();
    }

    $('#wp-admin-bar-cac-help,.btn-get-help-cta').on( 'click', function(event) {
        event.preventDefault();

        zE(function() {
            zE.hide();
        });

        $("#cac-help-overlay").modal({
            overlayClose: true,
            containerCss:{
                right: '125px',
            },
            minHeight: 120,
            opacity: 50,
            zIndex: 10000,
            onOpen: function (dialog) {
                dialog.data.show();
                dialog.container.show();
                dialog.overlay.fadeIn('fast');
            },
            onClose: function (dialog) {
                dialog.data.hide();
                dialog.container.hide();
                dialog.overlay.hide( 0, function () {
                    $.modal.close();
                });
            }
        });

        /* Trigger a GA event to track where the click came from. */
        if ( typeof ga !== 'undefined' ) {
            path = window.location.hostname + window.location.pathname;
            ga( 'send', 'event', 'Help', 'Click Help button', path );
        }
        return false;
    });

    $('#cac-zendesk').on( 'click', function(event) {
        var iframe = $('iframe#webWidget');
        $.modal.close();

        zE(function() {
            zE.activate({hideOnClose: true});
        });

        if ( iframe.length && ! $('iframe#webWidget ~ .zendesk-arrow').length ) {
            var $head = iframe.contents().find("head");
            $head.append($('\
                <style> \
                .Icon--zendesk { display:none !important; } \
                header {background:#3fc2f3 !important;} \
                header div {color:#FFF;} \
                .Button--nav, .Icon svg {fill:#fff !important;} \
                .Icon--close {position:absolute; top:4px; right:5px;} \
                </style> \
            '));
            $( "<div class='arrow-up zendesk-arrow'></div>" ).insertAfter('iframe#webWidget');
        }

        if ( iframe.length ) {
            return false;
        }
    });

    });


</script>

<script type="text/javascript">

(function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,’script’,’//www.google-analytics.com/analytics.js’,’ga’);

ga(‘create’, ‘UA-8990737-1’, ‘auto’);
ga(‘set’, ‘dimension1’, 1);
ga(‘send’, ‘pageview’);

Salsabil’s Portfolio

Fall Semester 2019

Self-Assessment

simplemodal-container {

simplemodal-container a.modalCloseImg {

Need help with the Commons?