Singapore Memories

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta content='width=device-width, minimum-scale=1.0, maximum-scale=5.0' name='viewport'> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="Description" content="The National Archives of Singapore (NAS) has many records that have not yet been adequately described to be put on our online catalogue, Archives Online. For the Citizen Archivist Project, we're asking for everybody's help in making these records more discoverable. At this moment, the ways to contribute would be to describe photographs, transcribe documents, transcribe and translate records labels, or transcribe oral history recordings."> <title>Singapore Memories</title> <link rel="shortcut icon" href="/content/images/nlblogo.png" type="image/x-icon"> <link rel="icon" href="/content/images/nlblogo.png" type="image/x-icon"> <link rel="stylesheet" href="/Content/css/style.css"> <link rel="stylesheet" href="/Content/css/Contribute/vendor.css">  <link rel="stylesheet" href="/Content/assets/css/style.css"> <link rel="stylesheet" href="/Content/assets/css/vendor.css"> <link rel="preload" href="/Scripts/jquery-3.6.0.js" as="script"> <link href="/Content/css/ca.css" rel="stylesheet"/> <link href="https://eservice.nlb.gov.sg/assets/themes/nlb-1.1/css/fontawesome.css" rel="stylesheet"/> <link rel="stylesheet" href="/Content/css/Contribute/style.css"> <script type="text/javascript" nonce="4AEemGb0xJptoIGFP3Nd"> var PDFARootPath = ''; var base = "https://www.singaporememories.gov.sg:443"; var BaseURL = "/"; var isMobile = false; if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0, 4))) isMobile = true; (function() { if (sessionStorage.getItem('onsite') === 'Y') { document.write('<style>#navbarSupportedContent ul { display: none !important; }</style>'); document.write('<style>.breadcrumb-item { display: none !important; }</style>'); } })(); document.addEventListener('DOMContentLoaded', function () { if (sessionStorage.getItem('onsite') === 'Y') { var link = document.querySelector('.navbar-brand'); if (link) { link.addEventListener('click', function (event) { event.preventDefault(); }); } } }); </script> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content=""> <title>New page</title>  <link rel="stylesheet" href="/Content/css/Contribute/style.css"> <link rel="stylesheet" href="/Content/css/Contribute/vendor.css">   <link href="https://eservice.nlb.gov.sg/assets/themes/nlb-1.0/css/fontawesome.css" rel="stylesheet"/> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet"> </head> <body class="d-flex flex-column"> <div class="flex-fill"> <header> <nlb-header data-appurl="#" data-appname=" "></nlb-header> <nav class="navbar navbar-top navbar-expand-lg"> <div class="container"> <a class="navbar-brand" href="/"> <img src="/Content/images/logo.png" alt="Singapore Memories"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa fa-bars"></i> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mx-md-auto"> <li class="nav-item active"> <a class="nav-link" href="/About" onclick="goTo('features')">About Us</a> </li> <li class="nav-item"> <a class="nav-link" href="/Contribute/NewContribute" onclick="goTo('started')">Contribute</a> </li> <li class="nav-item"> <a class="nav-link" href="/Improve" onclick="goTo('started')">Improve</a> </li> <li class="nav-item"> <a class="nav-link" href="/Highlight">Themes</a> </li> <li class="nav-item active"> <a class="nav-link" href="/FAQ" onclick="goTo('features')">FAQ</a> </li> <li class="nav-item"> <a class="nav-link" href="https://form.gov.sg/64fec941df2e250012c0da98">Contact Us</a> </li> <li class="nav-item"> <a class="nav-link" href="#" role="button" aria-label="search" id="searchdropdown"> <i class="fa fa-search"></i> </a> </li> </ul> <ul class="navbar-nav ml-auto"> <li class="nav-item active"> <a class="nav-link btn btn-main py-2" href="#" onclick="return false;" data-bs-toggle="modal" data-bs-target="#loginModal"> <i class="fal fa-user"></i> Log In </a> </li> </ul> </div> </div> </nav> </header> </div> <div class="nlb-search homesearch" id="nlb-search"> <div class="container"> <form> <div class="row"> <div class="col-md-3"> <select name="filter" id="filter" class="filter"> <option value="Within this site">Within this Site</option> <option value="Describe">Describe</option> <option value="Transcribe">Transcribe</option> <option value="Translate">Translate</option> <option value="Transliterate">Transliterate</option> <option value="Contribute">Contribute</option> <option value="Themes">Themes</option> </select> </div> <div class="col-md-7"> <div class="input-group"> <span class="input-group-text" id="basic-addon1"> <i class="fa fa-search"></i> </span> <input type="text" class="form-control" id="inputSearch" aria-label="Search Sound Clips" aria-describedby="basic-addon1"> </div> </div> <div class="col-md-2"> <a href="#" class="btn btn-main" id="searchbtnclick"> Search </a> </div> </div> </form> </div> </div> <nlb-notice data-appcode="CITIZENARCHIVIST"> </nlb-notice>  <div> <div class="nlb-slide"> <div class="container-fluid px-0"> <div class="row margins-0px"> <div id="mainCarousel" class="carousel slide paddings-0px" data-bs-ride="true" onchange="myFunction()"> <div class="carousel-inner"> <div class="carousel-item HomeBannersitem active h-100" role="tabpanel" id="tabpanel-0-0" aria-label="tab-0-0"> <a href="https://www.nlb.gov.sg/main/nlonline" title=""> <div class="d-block w-100 d-md-block"> <img aria-label="Banner image" src="/Default/GetBannerImage?filename=026de90f-8e43-49af-8c41-35348a0ebd23.png&size=Actual" class="lazyload h-100 d-block w-100 d-md-block"> </div>   </a> </div> <div class="carousel-item HomeBannersitem h-100" role="tabpanel" id="tabpanel-0-1" aria-label="tab-0-1"> <a href="https://www.singaporememories.gov.sg/Highlight/HighlightCollections?HighlightId=6"> <div class="d-block w-100 d-md-block"> <img aria-label="Banner image" src="/Default/GetBannerImage?filename=2ecc529c-0a09-4233-94b9-71927d7b96bb.jpg&size=Actual" class="lazyload h-100 d-block w-100 d-md-block"> </div>   </a> </div> <div class="carousel-item HomeBannersitem h-100" role="tabpanel" id="tabpanel-0-2" aria-label="tab-0-2"> <a href="."> <div class="d-block w-100 d-md-block"> <img aria-label="Banner image" src="/Default/GetBannerImage?filename=ba618a49-e010-458b-9e4c-d1641eec9314.jpg&size=Actual" class="lazyload h-100 d-block w-100 d-md-block"> </div>   </a> </div> <div class="carousel-item HomeBannersitem h-100" role="tabpanel" id="tabpanel-0-3" aria-label="tab-0-3"> <a href="."> <div class="d-block w-100 d-md-block"> <img aria-label="Banner image" src="/Default/GetBannerImage?filename=73d29d5a-7dfa-4a43-8e5f-26667d0f5e1b.png&size=Actual" class="lazyload h-100 d-block w-100 d-md-block"> </div>   </a> </div> <div class="slide-pagination slide-pagination-resize margins-0px d-none d-md-block"> <div class="height-100percent"> <div class="row height-100percent"> <div class="col-md-2"> <button class="btn width100percent height-100percent border-padding-0px" aria-label="Previous" type="button" data-bs-target="#mainCarousel" data-bs-slide="prev"> <i class="fa fa-chevron-left carousel-button"></i> </button> </div> <div class="col-md-8" id="navigate"></div> <div class="col-md-2 display-flex"> <button class="btn width100percent height-100percent border-padding-0px" aria-label="Next" type="button" data-bs-target="#mainCarousel" data-bs-slide="next"> <i class="fa fa-chevron-right carousel-button"></i> </button> </div> </div> </div> </div> </div> </div> <div class="paddings-0px"> <ol class="carousel-indicator"> <li data-bs-target="#mainCarousel" data-bs-slide-to="0" class="active" aria-current="true"></li> <li data-bs-target="#mainCarousel" data-bs-slide-to="1" class=""></li> <li data-bs-target="#mainCarousel" data-bs-slide-to="2" class=""></li> <li data-bs-target="#mainCarousel" data-bs-slide-to="3" class=""></li> </ol> </div> </div> </div> </div> </div>  <div class="nlb-news-header my-4"> <div class="container"> <div class="row row-button"> <div class="col-md-6 text-center text-md-start mb-3"> <span class="homepage-title px-2 py-2"> Themes </span> </div> <div class="col-md-6 text-center text-md-end"> <a href="/Highlight" class="textLink"> View All <img src="/Content/images/Improve/Vector.png" alt="Arrow"> </a> </div> </div> </div> </div> <div class="nlb-news"> <div class="container"> <div class="row row-slide" style="display:none"> <div class="col-md-12"> <div class="card card-news"> <div class="card-body"> <div id="newsCarousel1" class="carousel slide" data-bs-ride="true"> <div class="carousel-inner"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="row"> <div class="col-sm-8 text-center px-md-5 mb-5 mb-sm-0 homethemetext"> <h2> Remembering the Golden Age of Malay Cinema: P. Ramlee </h2> <p> Do you have fond memories of visiting Rex Theatre on a Sunday night and immersing yourself in the world of Malay cinema? Perhaps you recall being captivated by Maria Menado, bursting into laughter at P. Ramlee's antics, and feeling your heart swell with emotion while listening to the music of Zubir Said. Help us document this pivotal age in our cinematic history! </p> <a href="/Highlight/HighlightCollections?highlightId=6" class="btn btn-main"> View More </a> </div> <div class="col-sm-4"> <a href="/Highlight/HighlightCollections?highlightId=6" class="btn btn-main"> <img src="/Default/GetHighlightImage?Image=6cd809fc-56e9-4d89-a07f-8bb9ef513f49.png" class="d-block w-100 main-img homethemeimage" alt="Highlight image"> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row row-slide"> <div class="col-md-2 d-flex align-items-center HighlightArrow"> </div> <div class="col-md-8"> <div id="newsCarousel" class="carousel slide" data-bs-touch="false" data-bs-interval="false"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="row"> <div class="col-md-3 col-6 padding12px active"> <a href="/Highlight/HighlightCollections?HighlightId=6" data-bs-slide-to=0> <div class="card card-thumb"> <div class="card-body p-0"> <img src="/Default/GetHighlightImage?Image=6cd809fc-56e9-4d89-a07f-8bb9ef513f49.png" class="img-fluid" alt="Highlight image"> <div class="px-3 py-1"> <h3 class="highlightbox">Remembering the Golden Age of Malay Cinema: P. Ramlee</h3> </div> </div> </div> </a> </div> </div> </div> </div> </div>  <div class="d-flex align-items-center HighlightArrow"> </div> </div> <div class="col-md-2 d-flex align-items-center HighlightArrow"> </div> </div> </div> </div>   <div class="nlb-image-header my-4" > <div div class="container"> <div class="row row-button"> <div class="col-md-9 text-center text-md-start mb-md-0 py-3 padding-left1px"> <div class="d-none d-md-block"> <span class="homepage-title px-2 py-2"> Contribute to our Collection </span> </div> <div class="homepage-title px-2 py-2 d-block d-md-none"> Contribute to our Collection </div> </div> <div class="col-md-3 text-center text-md-end py-3"> <a href="/Contribute/NewContribute" class="textLink"> View All <img src="/Content/images/Improve/Vector.png" alt="Arrow"> </a> </div> </div> </div> </div> <div class="nlb-image"> <div class="container-fluid">  <div class="desktopView"> <div class="row "> <div class="col-md-6 pe-md-5 inner text-center text-md-start d-none d-md-block padding-left4px-border-right1pxsolid"> <div class="card card-form py-2"> <div class="card-body"> <div class="row"> </div> <div class="row"> <p> Have a record you would like to share? Upload to our collection. </p> <form class="row g-3"> <div class="col-12 mb-3"> <select id="submissionFormatDDL" class="form-select" aria-label="dropdownlist"> <option value="" selected>Select Format</option> </select> </div> <div class="col-12 mb-3"> <select id="submissionSubCategoryDDL" class="form-select" aria-label="dropdownlist"> <option value="" selected>Select Sub-category</option> </select> </div> <p class="mb-md-0 contributeLogin"> <a class="contributeLogin" href="/Session/Login">Please click here to register or login to contribute.</a> </p> <div class="col-12 mb-3"> <div class="d-grid gap-2"> <a class="btn btn-primary btn-upload" href="#" onclick="return false;" data-bs-toggle="modal" data-bs-target="#loginModal" aria-label="Log in"> <i class="fal fa-user"></i> </a> </div> </div> </form> </div> </div> </div> </div> <div class="col-md-6 ps-md-5 inner text-center text-md-start d-none d-md-block"> <div class="ContributeHomepage"> <div class="row"> <div class="col-sm-7 mb-3 d-none d-md-block"> <a href="/Contribute/NewContribute" class="ContributeSubHeader"> Contribution Highlights </a> </div> <div class="col-sm-12 mb-3 d-block d-md-none"> <a href="/Contribute/NewContribute" class="ContributeSubHeader"> Contribution Highlights <img src="/Content/images/Improve/Vector.png" alt="Arrow"> </a> </div> <div class="col-sm-5 d-none d-md-block"> <div class="d-none d-md-block"> <div class="slide-pagination w-100 text-end arrowForDataContribute"> <button class="btn ms-auto btn-nav" id="LArrow_Contribute" aria-label="Previous" type="button" data-bs-target="#target_Contribute" data-bs-slide="prev"> <i class="fa fa-arrow-left"></i> </button> <label class="displayCount_Contribute displayCount_Contribute-Bold">01 / 07</label> <button class="btn ms-auto btn-nav" id="RArrow_Contribute" aria-label="Next" type="button" data-bs-target="#target_Contribute" data-bs-slide="next"> <i class="fa fa-arrow-right"></i> </button> </div> </div> </div> </div> <br> <div class="row"> <div class="btn-group-toggle form-control select"> <select aria-label="Contribute type dropdownlist" class="form-select" id="inputState" name="Type"><option value="All">All</option> <option value="Images">Images</option> <option value="Documents and Publications">Documents and Publications</option> <option value="Films and Videos">Films and Videos</option> <option value="Audio">Audio</option> <option value="Soundscape">Soundscape</option> </select> </div> </div> <br> <div class="row"> <div id="dataRow"> <div class="tab-content" id="CollectionTabContent"> <div class="col-md-12"> <div id="target_Contribute" class="carousel slide target" data-bs-touch="false" data-bs-interval="false"> <div class="carousel-inner"> <div class="carousel-item item active" role="tabpanel" id="tabpanel-0-0" aria-label="tab-0-0"> <div class="d-none d-md-block"> <div class="row"> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=19&contributeId=2790"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="BiblioAsia Inaugural Issue, 2005" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">BiblioAsia Inaugural Issue, 2005</h3> </div> </div> </div> </a> </div> </div> </div> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=19&contributeId=2848"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="Childhood dreams" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">Childhood dreams</h3> </div> </div> </div> </a> </div> </div> </div> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=21&contributeId=2849"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="Wedding Certificate" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">Wedding Certificate</h3> </div> </div> </div> </a> </div> </div> </div> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=19&contributeId=2853"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="1234" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">1234</h3> </div> </div> </div> </a> </div> </div> </div> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=19&contributeId=2856"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="1" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">1</h3> </div> </div> </div> </a> </div> </div> </div> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=21&contributeId=2883"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="Test doc" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">Test doc</h3> </div> </div> </div> </a> </div> </div> </div> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=21&contributeId=2918"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="February Sheryl's Food Journal " alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">February Sheryl's Food Journal </h3> </div> </div> </div> </a> </div> </div> </div> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=21&contributeId=3003"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="My Singapore Food Journal-1" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">My Singapore Food Journal-1</h3> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div class="d-block d-md-none"> <div class="row"> <div class="col-md-4 mb-2 col-6"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=19&contributeId=2790"> <div class="card card-thumb"> <div class="card-body p-0"> <div class="HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="BiblioAsia Inaugural Issue, 2005" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">BiblioAsia Inaugural Issue, 2005</h3> </div> </div> </div> </a> </div> <div class="col-md-4 mb-2 col-6"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=19&contributeId=2848"> <div class="card card-thumb"> <div class="card-body p-0"> <div class="HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="Childhood dreams" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">Childhood dreams</h3> </div> </div> </div> </a> </div> <div class="col-md-4 mb-2 col-6"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=21&contributeId=2849"> <div class="card card-thumb"> <div class="card-body p-0"> <div class="HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="Wedding Certificate" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">Wedding Certificate</h3> </div> </div> </div> </a> </div> <div class="col-md-4 mb-2 col-6"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=19&contributeId=2853"> <div class="card card-thumb"> <div class="card-body p-0"> <div class="HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="1234" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">1234</h3> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row align-items-center mt-2"> <div class="col-sm-5 d-block d-md-none"> <div class="d-block d-md-none"> <div class="slide-pagination w-100"> <button class="btn ms-auto btn-nav" id="leftmobile" aria-label="Previous" type="button" data-bs-target="#target_Contribute" data-bs-slide="prev"> <i class="fa fa-arrow-left"></i> </button> <label class="labelmobile">1 / 14</label> <button class="btn ms-auto btn-nav" id="rightmobile" aria-label="Next" type="button" data-bs-target="#target_Contribute" data-bs-slide="next"> <i class="fa fa-arrow-right"></i> </button> </div> </div> </div> </div> </div> </div>  </div> </div>  <div class="mobileView"> <div class="col-md-12 pe-md-5 inner-1 text-center text-md-start padding-top0px"> <div class="card card-form py-2"> <div class="card-body"> <div class="row"> </div> <div class="row"> <p> Have a record you would like to share? Upload to our collection. </p> <form class="row g-3"> <div class="col-12 mb-3"> <select id="submissionFormatDDLM" class="form-select" aria-label="dropdownlist"> <option value="" selected>Select Format</option> </select> </div> <div class="col-12 mb-3"> <select id="submissionSubCategoryDDLM" class="form-select" aria-label="dropdownlist"> <option value="" selected>Select Sub-category</option> </select> </div> <p class="mb-md-0"> <a class="contributeLogin" href="/Session/Login">Please click here to register or login to contribute.</a> </p> <div class="col-12 mb-3"> <div class="d-grid gap-2"> <a class="btn btn-primary btn-upload" href="#" onclick="return false;" data-bs-toggle="modal" data-bs-target="#loginModal" aria-label="Login"> <i class="fal fa-user"></i> </a> </div> </div> </form> </div> </div> </div> </div> <div class="col-md-12 ps-md-5 inner-2 text-center text-md-start" id="mobileView"> <div class="ContributeHomepage"> <div class="row"> <div class="col-sm-7 mb-3 d-none d-md-block"> <a href="/Contribute/NewContribute" class="ContributeSubHeader"> Contribution Highlights </a> </div> <div class="col-sm-12 mb-3 d-block d-md-none"> <a href="/Contribute/NewContribute" class="ContributeSubHeader"> Contribution Highlights <img src="/Content/images/Improve/Vector.png" alt="Arrow"> </a> </div> <div class="col-sm-5 d-none d-md-block"> <div class="d-none d-md-block"> <div class="slide-pagination w-100 text-end arrowForDataContribute"> <button class="btn ms-auto btn-nav" id="LArrow_Contribute" aria-label="Previous" type="button" data-bs-target="#target_Contribute" data-bs-slide="prev"> <i class="fa fa-arrow-left"></i> </button> <label class="displayCount_Contribute displayCount_Contribute-Bold">01 / 07</label> <button class="btn ms-auto btn-nav" id="RArrow_Contribute" aria-label="Next" type="button" data-bs-target="#target_Contribute" data-bs-slide="next"> <i class="fa fa-arrow-right"></i> </button> </div> </div> </div> </div> <br> <div class="row"> <div class="btn-group-toggle form-control select"> <select aria-label="Contribute type dropdownlist" class="form-select" id="inputState" name="Type"><option value="All">All</option> <option value="Images">Images</option> <option value="Documents and Publications">Documents and Publications</option> <option value="Films and Videos">Films and Videos</option> <option value="Audio">Audio</option> <option value="Soundscape">Soundscape</option> </select> </div> </div> <br> <div class="row"> <div id="dataRow"> <div class="tab-content" id="CollectionTabContent"> <div class="col-md-12"> <div id="target_Contribute" class="carousel slide target" data-bs-touch="false" data-bs-interval="false"> <div class="carousel-inner"> <div class="carousel-item item active" role="tabpanel" id="tabpanel-0-0" aria-label="tab-0-0"> <div class="d-none d-md-block"> <div class="row"> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=19&contributeId=2790"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="BiblioAsia Inaugural Issue, 2005" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">BiblioAsia Inaugural Issue, 2005</h3> </div> </div> </div> </a> </div> </div> </div> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=19&contributeId=2848"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="Childhood dreams" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">Childhood dreams</h3> </div> </div> </div> </a> </div> </div> </div> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=21&contributeId=2849"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="Wedding Certificate" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">Wedding Certificate</h3> </div> </div> </div> </a> </div> </div> </div> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=19&contributeId=2853"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="1234" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">1234</h3> </div> </div> </div> </a> </div> </div> </div> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=19&contributeId=2856"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="1" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">1</h3> </div> </div> </div> </a> </div> </div> </div> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=21&contributeId=2883"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="Test doc" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">Test doc</h3> </div> </div> </div> </a> </div> </div> </div> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=21&contributeId=2918"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="February Sheryl's Food Journal " alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">February Sheryl's Food Journal </h3> </div> </div> </div> </a> </div> </div> </div> <div class="col-md-4-5 mb-3 col-3"> <div class="card card-item"> <div class="card-body p-0"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=21&contributeId=3003"> <div class="card card-thumb"> <div class="card-body p-0"> <div class=" HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="My Singapore Food Journal-1" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">My Singapore Food Journal-1</h3> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div class="d-block d-md-none"> <div class="row"> <div class="col-md-4 mb-2 col-6"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=19&contributeId=2790"> <div class="card card-thumb"> <div class="card-body p-0"> <div class="HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="BiblioAsia Inaugural Issue, 2005" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">BiblioAsia Inaugural Issue, 2005</h3> </div> </div> </div> </a> </div> <div class="col-md-4 mb-2 col-6"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=19&contributeId=2848"> <div class="card card-thumb"> <div class="card-body p-0"> <div class="HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="Childhood dreams" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">Childhood dreams</h3> </div> </div> </div> </a> </div> <div class="col-md-4 mb-2 col-6"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=21&contributeId=2849"> <div class="card card-thumb"> <div class="card-body p-0"> <div class="HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="Wedding Certificate" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">Wedding Certificate</h3> </div> </div> </div> </a> </div> <div class="col-md-4 mb-2 col-6"> <a href="/Contribute/NewDescribe?formatId=2&subcatId=19&contributeId=2853"> <div class="card card-thumb"> <div class="card-body p-0"> <div class="HomeNonImage"> <img src=/Default/GetCollectionImage?collectionImage=9b37f24a-10fe-47e7-8728-34dace0af771.png&format=2&size=Actual class="img-fluid" title="1234" alt="Collection image" /> </div> <div class="px-3 py-1"> <h3 class="highlightbox">1234</h3> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row align-items-center mt-2"> <div class="col-sm-5 d-block d-md-none"> <div class="d-block d-md-none"> <div class="slide-pagination w-100"> <button class="btn ms-auto btn-nav" id="leftmobile" aria-label="Previous" type="button" data-bs-target="#target_Contribute" data-bs-slide="prev"> <i class="fa fa-arrow-left"></i> </button> <label class="labelmobile">1 / 14</label> <button class="btn ms-auto btn-nav" id="rightmobile" aria-label="Next" type="button" data-bs-target="#target_Contribute" data-bs-slide="next"> <i class="fa fa-arrow-right"></i> </button> </div> </div> </div> </div> </div> </div> </div>  </div> </div>   <div class="nlb-participate"> <div class="container-fluid"> <div class="row"> <div class="col-md-9 text-center text-md-start mb-4 mb-md-0 padding-left12px"> <div class="d-none d-md-block"> <span class="homepage-title px-2 py-2"> Improve our Collection </span> </div> <div class="homepage-title px-2 py-2 d-block d-md-none"> Improve our Collection </div> </div> <div class="col-md-3 text-center text-md-end"> <a href="/Improve" class="textLink"> View All <img src="/Content/images/Improve/Vector.png" alt="Arrow"> </a> </div> </div> </div> </div>   <div class="nlb-archive"> <div class="container-fluid task"> <div class="row"> <div class="col-md-12 inner pe-md-5 text-center text-md-start task_5018"> <div class="row py-3"> <div class="margin-bottom30px"> <a href="/Improve/Task?taskId=5018" class="ImproveSubHeader" title="View All"> Describe Images <img src="/Content/images/Improve/Vector.png" alt="Arrow"> </a> </div> </div>  <div id="dataRow"> <div class="right"> <div class="tab-content"> <div class="col-md-12"> <div class="row"> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5018&collectionId=30&itemId=4620" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5018&collectionId=30&itemId=4620&type=1&size=Small" title="B34442001G_0204.jpg" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">B34442001G_0204.jpg</h3> <span class="py-1">Open</span> </div> </div> </div> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5018&collectionId=30&itemId=4625" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5018&collectionId=30&itemId=4625&type=1&size=Small" title="B34442001G_0329.jpg" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">B34442001G_0329.jpg</h3> <span class="py-1">Open</span> </div> </div> </div> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5018&collectionId=30&itemId=4630" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5018&collectionId=30&itemId=4630&type=1&size=Small" title="B34442002H_0359.jpg" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">B34442002H_0359.jpg</h3> <span class="py-1">Open</span> </div> </div> </div> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5018&collectionId=30&itemId=4616" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5018&collectionId=30&itemId=4616&type=1&size=Small" title="B34442001G_0178.jpg" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">B34442001G_0178.jpg</h3> <span class="py-1">Open</span> </div> </div> </div> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5018&collectionId=30&itemId=4619" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5018&collectionId=30&itemId=4619&type=1&size=Small" title="B34442001G_0203.jpg" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">B34442001G_0203.jpg</h3> <span class="py-1">Open</span> </div> </div> </div> </div> </div> </div> </div> <div class="right-mobile"> <div class="tab-content"> <div class="col-12">   <div class="grid-container">    <div class="grid-item d-md-none"> <div class="card card-record-mobile h-100"> <div class="card-body p-0"> <div class="img-wrapper-mobile d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5018&collectionId=30&itemId=4620" class="image-container"> <img src="/Default/GetImproveImage?taskId=5018&collectionId=30&itemId=4620&type=1&size=Small" title="B34442001G_0204.jpg" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">B34442001G_0204.jpg</h3> <span class="badge py-1 padding-left0px">Open</span> </div> </div> </div>   <div class="grid-item d-md-none"> <div class="card card-record-mobile h-100"> <div class="card-body p-0"> <div class="img-wrapper-mobile d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5018&collectionId=30&itemId=4625" class="image-container"> <img src="/Default/GetImproveImage?taskId=5018&collectionId=30&itemId=4625&type=1&size=Small" title="B34442001G_0329.jpg" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">B34442001G_0329.jpg</h3> <span class="badge py-1 padding-left0px">Open</span> </div> </div> </div>   <div class="grid-item d-md-none"> <div class="card card-record-mobile h-100"> <div class="card-body p-0"> <div class="img-wrapper-mobile d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5018&collectionId=30&itemId=4630" class="image-container"> <img src="/Default/GetImproveImage?taskId=5018&collectionId=30&itemId=4630&type=1&size=Small" title="B34442002H_0359.jpg" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">B34442002H_0359.jpg</h3> <span class="badge py-1 padding-left0px">Open</span> </div> </div> </div>   <div class="grid-item d-md-none"> <div class="card card-record-mobile h-100"> <div class="card-body p-0"> <div class="img-wrapper-mobile d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5018&collectionId=30&itemId=4616" class="image-container"> <img src="/Default/GetImproveImage?taskId=5018&collectionId=30&itemId=4616&type=1&size=Small" title="B34442001G_0178.jpg" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">B34442001G_0178.jpg</h3> <span class="badge py-1 padding-left0px">Open</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row row-main"> <div class="col-md-12 inner pe-md-5 text-center text-md-start task_5023"> <div class="row py-3"> <div class="margin-bottom30px"> <a href="/Improve/Task?taskId=5023" class="ImproveSubHeader" title="View All"> Transcribe Publications and Documents <img src="/Content/images/Improve/Vector.png" alt="Arrow"> </a> </div> </div>  <div id="dataRow"> <div class="right"> <div class="tab-content"> <div class="col-md-12"> <div class="row"> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5023&collectionId=3&itemId=2" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5023&collectionId=3&itemId=2&type=1&size=Small" title="NL0583_0003" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">NL0583_0003</h3> <span class="py-1">Pending Review</span> </div> </div> </div> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5023&collectionId=6&itemId=1448" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5023&collectionId=6&itemId=1448&type=1&size=Small" title="NL0585_1088.jpg" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">NL0585_1088.jpg</h3> <span class="py-1">Open</span> </div> </div> </div> </div> </div> </div> </div> <div class="right-mobile"> <div class="tab-content"> <div class="col-12">   <div class="grid-container">    <div class="grid-item d-md-none"> <div class="card card-record-mobile h-100"> <div class="card-body p-0"> <div class="img-wrapper-mobile d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5023&collectionId=3&itemId=2" class="image-container"> <img src="/Default/GetImproveImage?taskId=5023&collectionId=3&itemId=2&type=1&size=Small" title="NL0583_0003" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">NL0583_0003</h3> <span class="badge py-1 padding-left0px">Pending Review</span> </div> </div> </div>   <div class="grid-item d-md-none"> <div class="card card-record-mobile h-100"> <div class="card-body p-0"> <div class="img-wrapper-mobile d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5023&collectionId=6&itemId=1448" class="image-container"> <img src="/Default/GetImproveImage?taskId=5023&collectionId=6&itemId=1448&type=1&size=Small" title="NL0585_1088.jpg" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">NL0585_1088.jpg</h3> <span class="badge py-1 padding-left0px">Open</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row row-main"> <div class="col-md-12 inner pe-md-5 text-center text-md-start task_5039"> <div class="row py-3"> <div class="margin-bottom30px"> <a href="/Improve/Task?taskId=5039" class="ImproveSubHeader" title="View All"> Transcribe Film and Videos <img src="/Content/images/Improve/Vector.png" alt="Arrow"> </a> </div> </div>  <div id="dataRow"> <div class="right"> <div class="tab-content"> <div class="col-md-12"> <div class="row"> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5039&collectionId=23&itemId=2328" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5039&collectionId=23&itemId=2328&type=3&size=Small" title="2004001975" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">2004001975</h3> <span class="py-1">Open</span> </div> </div> </div> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5039&collectionId=23&itemId=2330" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5039&collectionId=23&itemId=2330&type=3&size=Small" title="2004001975" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">2004001975</h3> <span class="py-1">Open</span> </div> </div> </div> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5039&collectionId=23&itemId=2324" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5039&collectionId=23&itemId=2324&type=3&size=Small" title="1992000559" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">1992000559</h3> <span class="py-1">Open</span> </div> </div> </div> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5039&collectionId=23&itemId=5355" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5039&collectionId=23&itemId=5355&type=3&size=Small" title="2020027300" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">2020027300</h3> <span class="py-1">Open</span> </div> </div> </div> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5039&collectionId=23&itemId=1451" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5039&collectionId=23&itemId=1451&type=3&size=Small" title="1982000287" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">1982000287</h3> <span class="py-1">Open</span> </div> </div> </div> </div> </div> </div> </div> <div class="right-mobile"> <div class="tab-content"> <div class="col-12">   <div class="grid-container">    <div class="grid-item d-md-none"> <div class="card card-record-mobile h-100"> <div class="card-body p-0"> <div class="img-wrapper-mobile d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5039&collectionId=23&itemId=2328" class="image-container"> <img src="/Default/GetImproveImage?taskId=5039&collectionId=23&itemId=2328&type=3&size=Small" title="2004001975" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">2004001975</h3> <span class="badge py-1 padding-left0px">Open</span> </div> </div> </div>   <div class="grid-item d-md-none"> <div class="card card-record-mobile h-100"> <div class="card-body p-0"> <div class="img-wrapper-mobile d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5039&collectionId=23&itemId=2330" class="image-container"> <img src="/Default/GetImproveImage?taskId=5039&collectionId=23&itemId=2330&type=3&size=Small" title="2004001975" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">2004001975</h3> <span class="badge py-1 padding-left0px">Open</span> </div> </div> </div>   <div class="grid-item d-md-none"> <div class="card card-record-mobile h-100"> <div class="card-body p-0"> <div class="img-wrapper-mobile d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5039&collectionId=23&itemId=2324" class="image-container"> <img src="/Default/GetImproveImage?taskId=5039&collectionId=23&itemId=2324&type=3&size=Small" title="1992000559" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">1992000559</h3> <span class="badge py-1 padding-left0px">Open</span> </div> </div> </div>   <div class="grid-item d-md-none"> <div class="card card-record-mobile h-100"> <div class="card-body p-0"> <div class="img-wrapper-mobile d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5039&collectionId=23&itemId=5355" class="image-container"> <img src="/Default/GetImproveImage?taskId=5039&collectionId=23&itemId=5355&type=3&size=Small" title="2020027300" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">2020027300</h3> <span class="badge py-1 padding-left0px">Open</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row row-main"> <div class="col-md-12 inner pe-md-5 text-center text-md-start task_5035"> <div class="row py-3"> <div class="margin-bottom30px"> <a href="/Improve/Task?taskId=5035" class="ImproveSubHeader" title="View All"> Transcribe Oral History <img src="/Content/images/Improve/Vector.png" alt="Arrow"> </a> </div> </div>  <div id="dataRow"> <div class="right"> <div class="tab-content"> <div class="col-md-12"> <div class="row"> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5035&collectionId=7&itemId=1059" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5035&collectionId=7&itemId=1059&type=2&size=Small" title="Accession Number 001015" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">Accession Number 001015</h3> <span class="py-1">Open</span> </div> </div> </div> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5035&collectionId=12&itemId=2334" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5035&collectionId=12&itemId=2334&type=2&size=Small" title="Accession Number 003422" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">Accession Number 003422</h3> <span class="py-1">Open</span> </div> </div> </div> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5035&collectionId=12&itemId=2333" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5035&collectionId=12&itemId=2333&type=2&size=Small" title="Accession Number 003422" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">Accession Number 003422</h3> <span class="py-1">Open</span> </div> </div> </div> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5035&collectionId=12&itemId=2336" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5035&collectionId=12&itemId=2336&type=2&size=Small" title="Accession Number 003422" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">Accession Number 003422</h3> <span class="py-1">Open</span> </div> </div> </div> <div class="col-sm-12 col-6 mb-3 d-none d-md-block"> <div class="card card-record h-100"> <div class="card-body p-0"> <div class="img-wrapper d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5035&collectionId=12&itemId=2335" class="image-container py-3"> <img src="/Default/GetImproveImage?taskId=5035&collectionId=12&itemId=2335&type=2&size=Small" title="Accession Number 003422" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">Accession Number 003422</h3> <span class="py-1">Open</span> </div> </div> </div> </div> </div> </div> </div> <div class="right-mobile"> <div class="tab-content"> <div class="col-12">   <div class="grid-container">    <div class="grid-item d-md-none"> <div class="card card-record-mobile h-100"> <div class="card-body p-0"> <div class="img-wrapper-mobile d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5035&collectionId=7&itemId=1059" class="image-container"> <img src="/Default/GetImproveImage?taskId=5035&collectionId=7&itemId=1059&type=2&size=Small" title="Accession Number 001015" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">Accession Number 001015</h3> <span class="badge py-1 padding-left0px">Open</span> </div> </div> </div>   <div class="grid-item d-md-none"> <div class="card card-record-mobile h-100"> <div class="card-body p-0"> <div class="img-wrapper-mobile d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5035&collectionId=12&itemId=2334" class="image-container"> <img src="/Default/GetImproveImage?taskId=5035&collectionId=12&itemId=2334&type=2&size=Small" title="Accession Number 003422" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">Accession Number 003422</h3> <span class="badge py-1 padding-left0px">Open</span> </div> </div> </div>   <div class="grid-item d-md-none"> <div class="card card-record-mobile h-100"> <div class="card-body p-0"> <div class="img-wrapper-mobile d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5035&collectionId=12&itemId=2333" class="image-container"> <img src="/Default/GetImproveImage?taskId=5035&collectionId=12&itemId=2333&type=2&size=Small" title="Accession Number 003422" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">Accession Number 003422</h3> <span class="badge py-1 padding-left0px">Open</span> </div> </div> </div>   <div class="grid-item d-md-none"> <div class="card card-record-mobile h-100"> <div class="card-body p-0"> <div class="img-wrapper-mobile d-flex align-items-center justify-content-center overflow-hidden @*img-thumbnail*@"> <a href="/Improve/Activity?taskId=5035&collectionId=12&itemId=2336" class="image-container"> <img src="/Default/GetImproveImage?taskId=5035&collectionId=12&itemId=2336&type=2&size=Small" title="Accession Number 003422" alt="Improve image"> </a> </div> <h3 class="ellipsis-2lines mt-2 mb-0">Accession Number 003422</h3> <span class="badge py-1 padding-left0px">Open</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  <footer class="background-color-black"> <nlb-footer data-lastupdate="2023-01-20" class="ui-theme-white" data-feedbackurl="https://form.gov.sg/63da10b10447a00011e14735" data-faqurl="https://www.singaporememories.gov.sg/FAQ" ></nlb-footer> </footer> <div class="apple_overlay" id="sc_btns"> <div id="sc_btns_content"></div> </div>  <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="Login Modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <nlb-gdb data-returnurl="https://www.singaporememories.gov.sg/Session/Login?returnURL=https%3A%2F%2Fwww.singaporememories.gov.sg%2F"> <gdb-sources> <gdb-cas></gdb-cas> <gdb-facebook></gdb-facebook> <gdb-google></gdb-google> <gdb-windows></gdb-windows> </gdb-sources> </nlb-gdb> </div> </div> </div> </div> <script src="/bundles/jquery?v=235DeCRyc2KKtm5-u-WowaGmWHU3ft44y448NxHpMf41"></script> <script src="https://eservice.nlb.gov.sg/assets/js/jquery.js"></script> <script src="/Scripts/popper.min.js"></script> <script src="/Scripts/bootstrap.bundle.min.js"></script> <script src="/Scripts/lazysizes.min.js"></script> <script src="/bundles/common?v=ohAqhdDWPROsOVMNN0qaXHUfmykNtRglEmtsCbtAEHQ1"></script> <script src="https://eservice.nlb.gov.sg/components/v2/js/bundle.js?key=MPK0keBvOgkh"></script> <script src="https://assets.wogaa.sg/scripts/wogaa.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-714BBWGRMR"></script> <script nonce="4AEemGb0xJptoIGFP3Nd"> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-714BBWGRMR'); $(document).ready(function () { var idleMax = 29; var idleTime = 0; var user = $('.dropdown-toggle.text-nowrap.text-decoration-none').text().trim(); function startTimer() { setTimeout(function () { timerIncrement(); startTimer(); // Call the function again }, 60000); // 1 minute interval } if (user != "") { //var idleInterval = setInterval(timerIncrement, 60000); // 1 minute interval //timerIncrement(); startTimer(); // Start the timer } else { idleTime = 0; } $("body").mousemove(function (event) { idleTime = 0; // reset to zero }); // count minutes function timerIncrement() { console.log("Timer incremented", (idleTime+1)); // Log for debugging idleTime = idleTime + 1; if (idleTime > idleMax) { var base_url = window.location.origin; //alert("You have gone idle for 20 minutes and will now be logged out."); window.location.href = base_url + '/Session/Logout'; } } //function startTimer() { // setTimeout(function () { // timerIncrement(); // startTimer(); // Call the function again // }, 60000); // 1 minute interval //} //startTimer(); // Start the timer $("#nlb-search").hide(); $("#searchdropdown").click(function () { var url = window.location.href; if (url.indexOf("Search") < 0) { if ($("#nlb-search").is(":hidden")) { $("#nlb-search").show(); } else { $("#nlb-search").hide(); } } }) $("#searchbtnclick").click(function () { redirectToFilteredSearch(); }); $("#inputSearch").keypress(function (e) { if (e.which == 13) { e.preventDefault(); redirectToFilteredSearch(); } }); function redirectToFilteredSearch() { var state = $('#filter').find(":selected").val(); var q = $("#inputSearch").val(); if (state == "Contribute") { state = 2; } else if (state == "Themes") { state = 3; } var redirectUrl = BaseURL + `Search?inputSearch=` + q + "&state=" + state; location.href = redirectUrl; } }) function checkAndSetOnsiteSession() { const urlParams = new URLSearchParams(window.location.search); const onsite = urlParams.get('onsite'); if (onsite === 'Y') { sessionStorage.setItem('onsite', 'Y'); } } document.addEventListener('DOMContentLoaded', function () { checkAndSetOnsiteSession(); }); </script> <script nonce="4AEemGb0xJptoIGFP3Nd"> var pagemobile = 1; var totalcount = parseInt(55); var totalpage = Math.ceil(totalcount / 4); $(".labelmobile").text("1 / " + totalpage); $(document).on('click', '#leftmobile', function () { if (pagemobile > 1) { pagemobile -= 1; var status = $('#inputState').find(":selected").val(); if (status != "All") { $.ajax({ data: { statusType: status, SlidePageNo: pagemobile, isphone: true }, type: "POST", url: "/Default/_HomepageContributeCollection", success: function (result) { $(".ContributeHomepage").html(result); /*$(".labelmobile").text((pagemobile) + " / " + totalpage);*/ }, error: function (result) { alert(result); console.log(r) } }); } else { $.ajax({ data: { Arrow: "L", SlidePageNo: pagemobile, isphone: true }, type: "POST", url: "/Default/_HomepageContributeCollection", success: function (result) { $(".ContributeHomepage").html(result); /*$(".labelmobile").text((pagemobile) + " / " + totalpage);*/ }, error: function (result) { alert(result); console.log(r) } }); } } }) $(document).on('click', '#rightmobile', function () { var split = $(".labelmobile").html().split(" "); if (parseInt(split[0]) < parseInt(split[2])) { pagemobile += 1; var status = $('#inputState').find(":selected").val(); if (status != "All") { $.ajax({ data: { statusType: status, SlidePageNo: pagemobile, isphone: true }, type: "POST", url: "/Default/_HomepageContributeCollection", success: function (result) { $(".ContributeHomepage").html(result); /*$(".labelmobile").text((pagemobile) + " / " + totalpage);*/ }, error: function (result) { alert(result); console.log(r) } }); } else { $.ajax({ data: { Arrow: "R", SlidePageNo: pagemobile, isphone: true }, type: "POST", url: "/Default/_HomepageContributeCollection", success: function (result) { $(".ContributeHomepage").html(result); /*$(".labelmobile").text((pagemobile) + " / " + totalpage);*/ }, error: function (result) { alert(result); console.log(r) } }); } } }) $(document).ready(function () { $('#mainCarousel').bind('slide.bs.carousel', function (f) { var tabpanelcnt = (parseInt($(this).find(".carousel-inner").find(".HomeBannersitem").eq(f.to).attr("id").split("-")[2])); $(".carousel-indicator li").each(function () { if (tabpanelcnt == $(this).attr("data-bs-slide-to")) { $(this).addClass("active"); $(this).attr("aria-current", true); } else { $(this).removeClass("active"); $(this).removeAttr("aria-current"); } }); }); $("#navigate").click(function () { var activeclass = $(".HomeBannersitem.active").find("a").attr("href"); window.location.href = activeclass; }) $(".carousel-indicator li.active").click(); // #region Hero banner var totalItems = $('.HomeBannersitem').length; var currentIndex = $('div.active').index() + 1; $('.num').html('' + currentIndex + '/' + totalItems + ''); $('#mainCarousel').on('slid.bs.carousel', function () { currentIndex = $('div.active').index() + 1; $('.num').html('' + currentIndex + '/' + totalItems + ''); }); // #endregion Hero Banner var globalvalue = null // #region User Contribution $.ajax({ url: BaseURL + 'Submission/GetFormats', type: 'POST', dataType: 'json', beforeSend: function () { // $("#submissionFormatDDL ").each(function (index) { // console.log(index); //}); // Remove each option besides the default message that was populated $("#submissionFormatDDL > option").each(function (index) { if (index > 0) { $(this).remove(); } }); $("#submissionFormatDDLM > option").each(function (index) { if (index > 0) { $(this).remove(); } }); }, success: function (data) { if (checkajaxResponse(data)) { if (data.Status === "Success") { // Iterate through the filtered results and create new DDL options //$("#submissionFormatDDL").append('<option value = "" selected>Select Format</option>') //$("<option/>").attr({ "formatId": "" }).text("Select Format").appendTo("select[id=submissionFormatDDL]"); $.each(data.ContributeFormats, function (index, obj) { $("<option/>").attr({ "formatId": obj.FormatId }).text(obj.FormatName) .appendTo("#submissionFormatDDL"); }) $.each(data.ContributeFormats, function (index, obj) { $("<option/>").attr({ "formatId": obj.FormatId }).text(obj.FormatName) .appendTo("#submissionFormatDDLM"); }) } } }, error: function (e, data) { console.log(e); } }); // #endregion User Contribution }); // #region Hero banner // $(document).on('click', '.arrowForData button', getDisplayCount); function getDisplayCount(x) { var id = $(this).attr('id'); var Arrow = id.substring(0, 1); var TaskId = id.substring(id.indexOf('_') + 1); $.ajax({ data: { TaskId: TaskId, Arrow: Arrow }, type: "POST", url: "/Default/getPage", success: function (data) { $(".displayCount_" + TaskId).html(data.Page); }, error: function (data) { alert(data.Error); console.log(data.Error) } }); x.preventDefault(); } // #endregion Hero Banner // #region User Contribution $('#submissionFormatDDL').on('change', function (e) { if (typeof $(this).find(":selected").attr("formatId") === 'undefined') { // Remove each option besides the default message that was populated $("#submissionSubCategoryDDL > option").each(function (index) { if (index > 0) { $(this).remove(); } }); return false; } $.ajax({ url: BaseURL + 'Submission/GetSubcategoryByFormat', type: 'POST', dataType: 'json', data: { formatId: $(this).find(":selected").attr("formatId") }, beforeSend: function () { // Remove each option besides the default message that was populated $("#submissionSubCategoryDDL > option").each(function (index) { if (index > 0) { $(this).remove(); } }); $("#submissionSubCategoryDDLM > option").each(function (index) { if (index > 0) { $(this).remove(); } }); }, success: function (data) { if (checkajaxResponse(data)) { if (data.Status === "Success") { // Iterate through the filtered results and create new DDL options //$("#submissionSubCategoryDDL]").eq(1).append('<option value = "" selected>Select Sub-category</option>') $.each(data.SubCategories, function (index, obj) { $("<option/>").attr({ "formatId": obj.FormatId, "subCategoryId": obj.SubCategoryId }) .text(obj.SubCategoryName) .appendTo("#submissionSubCategoryDDL"); }) $.each(data.SubCategories, function (index, obj) { $("<option/>").attr({ "formatId": obj.FormatId, "subCategoryId": obj.SubCategoryId }) .text(obj.SubCategoryName) .appendTo("#submissionSubCategoryDDLM"); }) } } }, error: function (e, data) { console.log(e); } }); }); $('#submissionFormatDDLM').on('change', function (e) { if (typeof $(this).find(":selected").attr("formatId") === 'undefined') { // Remove each option besides the default message that was populated $("#submissionSubCategoryDDLM > option").each(function (index) { if (index > 0) { $(this).remove(); } }); return false; } $.ajax({ url: BaseURL + 'Submission/GetSubcategoryByFormat', type: 'POST', dataType: 'json', data: { formatId: $(this).find(":selected").attr("formatId") }, beforeSend: function () { // Remove each option besides the default message that was populated $("#submissionSubCategoryDDLM > option").each(function (index) { if (index > 0) { $(this).remove(); } }); $("#submissionSubCategoryDDL > option").each(function (index) { if (index > 0) { $(this).remove(); } }); }, success: function (data) { if (checkajaxResponse(data)) { if (data.Status === "Success") { // Iterate through the filtered results and create new DDL options //$("#submissionSubCategoryDDL]").eq(1).append('<option value = "" selected>Select Sub-category</option>') $.each(data.SubCategories, function (index, obj) { $("<option/>").attr({ "formatId": obj.FormatId, "subCategoryId": obj.SubCategoryId }) .text(obj.SubCategoryName) .appendTo("#submissionSubCategoryDDLM"); }) $.each(data.SubCategories, function (index, obj) { $("<option/>").attr({ "formatId": obj.FormatId, "subCategoryId": obj.SubCategoryId }) .text(obj.SubCategoryName) .appendTo("#submissionSubCategoryDDL"); }) } } }, error: function (e, data) { console.log(e); } }); }); $('#submissionFormatDDL').on('change', function (e) { var value = $('#submissionFormatDDL').find(":selected").val(); $("#submissionFormatDDLM").val(value); }); $('#submissionFormatDDLM').on('change', function (e) { var value = $('#submissionFormatDDLM').find(":selected").val(); $("#submissionFormatDDL").val(value); }); $('#submissionSubCategoryDDL').on('change', function (e) { var subvalue = $('#submissionSubCategoryDDL').find(":selected").val(); console.log(subvalue) $("#submissionSubCategoryDDLM").val(subvalue); }); $('#submissionSubCategoryDDLM').on('change', function (e) { var value = $('#submissionSubCategoryDDLM').find(":selected").val(); $("#submissionSubCategoryDDL").val(value); }); $('button[id=btn-submission]').click(function (e) { var formatId = $('select[id=submissionFormatDDL]').find(":selected").attr("formatId"); if (formatId == undefined) { formatId = $('select[id=submissionFormatDDL]').eq(1).find(":selected").attr("formatId"); } var subCategoryId = $('select[id=submissionSubCategoryDDL]').find(":selected").attr("subCategoryId"); if (subCategoryId == undefined) { subCategoryId = $('select[id=submissionSubCategoryDDL]').eq(1).find(":selected").attr("subCategoryId"); } $('#submssion-message').find('span').remove(); if (formatId == null || subCategoryId == null) { var errorMessage = "Please select a format and subcategory" $('#submssion-message').append("<span class=\"submission-message\">" + errorMessage + "<br></span>"); return; } location.href = BaseURL + 'Submission?formatId=' + formatId + '&subCategoryId=' + subCategoryId; }); //#endregion User Contribution // #region improve $(document).on('click', '.checkboxes div', updateStatus); $(document).on('change', '.select #inputState', getContributeType); $(document).on('click', '.arrowForData button', getDisplayCount); $(document).on('click', '.arrowForDataContribute button', getDisplayCountContribute); function updateStatus(x) { var id = $(this).attr('id'); var statusType = $(this).children().val(); if ($(this).children().is(':checked')) // Set to uncheck { $(this).attr('aria-pressed', 'false'); $(this).removeClass('btn-success'); $(this).addClass('btn-secondary'); $(this).children().removeAttr('checked'); $(this).css("background-color", "white"); } else // Set to check { $(this).attr('aria-pressed', 'true'); $(this).removeClass('btn-secondary'); $(this).addClass('btn-success'); $(this).children().attr('checked', 'checked'); $(this).css("background-color", "#CECECE"); } updatePage(x, id, statusType); x.preventDefault(); } function updatePage(x, id, statusType) { var TaskId = id.substring(id.indexOf('_') + 1); if (id.substring(0, 1) == "L") { $.ajax({ data: { TaskId: TaskId, statusType: statusType, display: id.substring(0, 1) }, type: "POST", url: "/Default/_HomepageLeftTask", success: function (result) { $(".task_" + TaskId).html(result); }, error: function (result) { alert(result); console.log(r) } }); } x.preventDefault(); } function getDisplayCount(x) { var id = $(this).attr('id'); var Arrow = id.substring(0, 1); var TaskId = id.substring(id.indexOf('_') + 1); var carousel = $('#target_' + TaskId); var beforeSlidePageNo = carousel.find('.active').index() + 1; var displayshow = $(".displayCount_" + TaskId).html(); var Totalpage = displayshow.substring(displayshow.indexOf('/') + 1); var SlidePageNo = 0; if (Arrow == "L") { SlidePageNo = beforeSlidePageNo-- == 1 ? Totalpage : beforeSlidePageNo--; } else { SlidePageNo = beforeSlidePageNo++ == Totalpage ? 1 : beforeSlidePageNo++; } var latestPageText = String(SlidePageNo).padStart(2, '0') + " / " + String(Totalpage).padStart(2, '0'); $(".displayCount_" + TaskId).html(latestPageText); x.preventDefault(); } function getDisplayCountContribute(x) { var id = $(this).attr('id'); var Arrow = id.substring(0, 1); var TaskId = id.substring(id.indexOf('_') + 1); var carousel = $('#target_' + TaskId); var beforeSlidePageNo = carousel.find('.active').index() + 1; var displayshow = $(".displayCount_" + TaskId).html(); var Totalpage = displayshow.substring(displayshow.indexOf('/') + 1); var SlidePageNo = 0; if (Arrow == "L") { SlidePageNo = beforeSlidePageNo-- == 1 ? Totalpage : beforeSlidePageNo--; } else { SlidePageNo = beforeSlidePageNo++ == Totalpage ? 1 : beforeSlidePageNo++; } var latestPageText = String(SlidePageNo).padStart(2, '0') + " / " + String(Totalpage).padStart(2, '0'); /* $(".displayCount_" + TaskId).html(latestPageText);*/ if (TaskId == "Contribute") { $.ajax({ data: { Arrow: Arrow, SlidePageNo: SlidePageNo }, type: "POST", url: "/Default/_HomepageContributeCollection", success: function (result) { $(".ContributeHomepage").html(result); }, error: function (result) { alert(result); console.log(r) } }); } x.preventDefault(); } function getContributeType() { //var state = document.getElementById("inputState").value; pagemobile = 1; var state = $(this).val(); $.ajax({ data: { statusType: state, SlidePageNo: pagemobile }, type: "POST", url: "/Default/_HomepageContributeCollection", success: function (result) { $(".ContributeHomepage").html(result); }, error: function (result) { $.ajax({ type: "POST", url: "/Default/_HomepageContributeCollection", success: function (result) { $(".ContributeHomepage").html(result); }, error: function (result) { alert(result); console.log(r) } }); //alert(result); console.log(r); } }); } //#endregion </script> </body> </html>

CINXE.COM

Singapore Memories