HMSA Contribution Platform<\/title>\n<style>\n \/* =========================================\n 1. GENERAL SETTINGS & LAYOUT\n ========================================= *\/\n .letoon-main-container {\n font-family: 'Segoe UI', Arial, sans-serif;\n color: #444;\n line-height: 1.6;\n background-color: #fff;\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n }\n\n .letoon-wrapper {\n position: relative;\n padding: 20px 40px;\n box-sizing: border-box;\n \/* Grid Background *\/\n background-image: \n linear-gradient(#f8f8f8 1px, transparent 1px),\n linear-gradient(90deg, #f8f8f8 1px, transparent 1px);\n background-size: 40px 40px;\n background-color: #fff;\n }\n\n h1, h2, h3 { margin-top: 0; line-height: 1.2; }\n p { margin-bottom: 20px; font-size: 16px; text-align: justify; color: #555; font-weight: 300; }\n strong { color: #222; font-weight: 700; }\n\n \/* =========================================\n 2. HEADER (BANNER) - EFFECT VERSION\n ========================================= *\/\n .hmsa-pro-wrapper {\n display: block;\n text-decoration: none;\n position: relative;\n width: 100%;\n height: 340px;\n margin: 40px 0 60px 0;\n border: none;\n background-color: transparent;\n border-radius: 8px;\n overflow: hidden;\n cursor: default;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n }\n\n \/* Vignette Effect Grid *\/\n .hmsa-pro-wrapper::before {\n content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n background-color: #ffffff;\n background-image: \n linear-gradient(#f0f0f0 1px, transparent 1px),\n linear-gradient(90deg, #f0f0f0 1px, transparent 1px);\n background-size: 40px 40px;\n z-index: 0;\n mask-image: radial-gradient(circle, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 90%);\n -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 90%);\n opacity: 0.7; transition: transform 0.8s ease;\n }\n\n \/* Hover State (Header) *\/\n .hmsa-pro-wrapper:hover {\n transform: translateY(-5px);\n box-shadow: 0 30px 60px rgba(186, 55, 42, 0.08);\n background-color: #fff;\n }\n .hmsa-pro-wrapper:hover::before { transform: scale(1.1); opacity: 0.4; }\n\n \/* Background Big Text *\/\n .hmsa-bg-typo {\n position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n font-family: Arial, sans-serif; font-size: 280px; font-weight: 900; color: transparent;\n -webkit-text-stroke: 2px rgba(186, 55, 42, 0.03); \n white-space: nowrap; letter-spacing: -10px; pointer-events: none; z-index: 1;\n transition: all 0.7s ease;\n }\n .hmsa-pro-wrapper:hover .hmsa-bg-typo {\n transform: translate(-50%, -50%) scale(0.95);\n -webkit-text-stroke: 2px rgba(186, 55, 42, 0.06); letter-spacing: 15px;\n }\n\n \/* Foreground Content *\/\n .hmsa-content-front {\n position: relative; z-index: 2; width: 100%; height: 100%;\n display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;\n }\n .hmsa-title-red {\n font-family: Arial, sans-serif; font-size: 85px; font-weight: 900; margin: 0; line-height: 0.9;\n color: #ba372a; \n text-shadow: 4px 4px 0px rgba(230, 230, 230, 0.5), 0 10px 20px rgba(186, 55, 42, 0.15);\n letter-spacing: 4px; transition: transform 0.4s ease;\n }\n .hmsa-pro-wrapper:hover .hmsa-title-red {\n transform: scale(1.02);\n text-shadow: 6px 6px 0px rgba(230, 230, 230, 0.8), 0 15px 30px rgba(186, 55, 42, 0.25);\n }\n .hmsa-separator {\n width: 60px; height: 4px; background-color: #34495e; margin: 25px 0;\n border-radius: 2px; transition: width 0.5s ease;\n }\n .hmsa-pro-wrapper:hover .hmsa-separator { width: 150px; background-color: #2c3e50; }\n \n .hmsa-subtitle-pro {\n font-size: 15px; color: #333; font-weight: 700; text-transform: uppercase; letter-spacing: 4px;\n }\n\n \/* =========================================\n 3. CONTENT COMPONENTS (CARDS, LABELS)\n ========================================= *\/\n .section-title {\n color: #34495e; font-size: 24px; font-weight: 800;\n margin-top: 50px; margin-bottom: 25px; display: flex; align-items: center;\n text-transform: uppercase; letter-spacing: 1px;\n }\n .section-title::before {\n content: \"\"; display: inline-block; width: 20px; height: 4px;\n background: #ba372a; margin-right: 15px;\n }\n\n \/* List Styles *\/\n ul.check-list { list-style: none; padding: 0; margin: 0; }\n ul.check-list li {\n font-size: 15px; color: #555; margin-bottom: 12px;\n padding-left: 30px; position: relative; line-height: 1.5;\n }\n ul.check-list li::before {\n content: \"\\2714\"; color: #ba372a; position: absolute; left: 0; top: 2px;\n font-weight: bold; font-size: 18px; line-height: 1;\n }\n\n \/* Content Grid *\/\n .content-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px; margin-bottom: 40px;\n }\n .content-card {\n background: #fff; padding: 25px; border-radius: 8px;\n border-left: 4px solid #ba372a;\n box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n transition: transform 0.3s ease;\n }\n .content-card:hover { transform: translateY(-5px); }\n .content-card-title {\n font-weight: 800; color: #34495e; display: block; margin-bottom: 5px; text-transform: uppercase; font-size: 14px;\n }\n .content-card-desc { font-size: 13px; color: #777; margin: 0; }\n\n \/* Tags *\/\n .focus-tags { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 40px; }\n .focus-tag {\n background: #fff; color: #444; padding: 12px 25px; border-radius: 4px;\n font-size: 14px; font-weight: 700; border: 1px solid #eee;\n box-shadow: 0 2px 5px rgba(0,0,0,0.03); transition: all 0.3s ease;\n border-bottom: 2px solid #ba372a;\n }\n .focus-tag:hover {\n background: #ba372a; color: #fff; transform: translateY(-3px); border-bottom: 2px solid #34495e;\n }\n\n \/* Accordion *\/\n .accordion-container {\n border: none; background: transparent; margin: 30px 0;\n }\n .accordion-header {\n background: #34495e; color: #fff; \n padding: 20px 30px; border-radius: 6px;\n font-size: 18px; font-weight: 800; letter-spacing: 0.5px;\n display: flex; justify-content: space-between; align-items: center; cursor: pointer;\n }\n .accordion-body {\n max-height: 0; opacity: 0; overflow: hidden;\n transition: max-height 0.5s ease, opacity 0.5s ease;\n background: #fff; border: 1px solid #eee; border-top: none;\n border-radius: 0 0 6px 6px;\n }\n .accordion-container.active .accordion-body { opacity: 1; }\n \n .process-step {\n padding: 20px; border-bottom: 1px dashed #ddd; position: relative;\n }\n .process-step:last-child { border-bottom: none; }\n .step-number {\n font-weight: 900; color: #ba372a; font-size: 18px; margin-right: 10px;\n }\n\n \/* Button *\/\n .btn-submit {\n display: inline-block; background-color: #ba372a; color: #fff;\n padding: 15px 40px; text-decoration: none; border-radius: 4px; border:none;\n font-weight: 800; font-size: 14px; letter-spacing: 1px; text-transform: uppercase;\n transition: background 0.3s; margin-top: 20px; cursor: pointer;\n }\n .btn-submit:hover { background-color: #34495e; }\n\n \/* Principles Box *\/\n .principles-box {\n background: #fdfdfd; padding: 30px; border-radius: 12px;\n border: 1px solid #eee; box-shadow: 0 10px 30px rgba(0,0,0,0.03);\n position: relative; overflow: hidden;\n }\n .principles-box::after {\n \/* Translate background text to PRINCIPLES *\/\n content: \"PRINCIPLES\"; position: absolute; right: -10px; bottom: -20px;\n font-size: 80px; font-weight: 900; color: rgba(0,0,0,0.03); pointer-events: none;\n }\n\n \/* =========================================\n 4. MODAL (LIGHTBOX) STYLES\n ========================================= *\/\n .hmsa-modal-overlay {\n display: none; position: fixed; z-index: 9999;\n left: 0; top: 0; width: 100%; height: 100%;\n background-color: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(5px);\n overflow: hidden; opacity: 0; transition: opacity 0.3s ease;\n }\n\n .hmsa-modal-content {\n background-color: #fff;\n margin: 2% auto; width: 95%; max-width: 1100px; height: 90vh;\n border-radius: 8px; position: relative;\n box-shadow: 0 25px 50px rgba(0,0,0,0.5);\n overflow-y: auto;\n transform: translateY(20px); transition: transform 0.3s ease;\n background-image: \n linear-gradient(#f8f8f8 1px, transparent 1px),\n linear-gradient(90deg, #f8f8f8 1px, transparent 1px);\n background-size: 40px 40px;\n }\n \n .hmsa-modal-content::-webkit-scrollbar { width: 8px; }\n .hmsa-modal-content::-webkit-scrollbar-track { background: #f1f1f1; }\n .hmsa-modal-content::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }\n .hmsa-modal-content::-webkit-scrollbar-thumb:hover { background: #ba372a; }\n\n .hmsa-close-btn {\n position: absolute; top: 20px; right: 25px;\n color: #aaa; font-size: 40px; font-weight: bold; line-height: 0.6;\n transition: color 0.3s; cursor: pointer; z-index: 1001;\n }\n .hmsa-close-btn:hover { color: #ba372a; }\n\n .hmsa-modal-overlay.show { display: block; opacity: 1; }\n .hmsa-modal-overlay.show .hmsa-modal-content { transform: translateY(0); }\n\n .modal-inner-padding { padding: 40px; }\n \n .hmsa-modal-title {\n font-size: 28px; font-weight: 900; color: #ba372a;\n text-transform: uppercase; letter-spacing: 2px;\n border-bottom: 4px solid #34495e; display: inline-block; margin-bottom: 30px; padding-bottom: 10px;\n }\n\n .modal-section-title {\n color: #34495e; font-size: 18px; font-weight: 800;\n margin-top: 40px; margin-bottom: 20px; display: flex; align-items: center;\n text-transform: uppercase; letter-spacing: 1px; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;\n }\n .modal-section-title::before {\n content: \"\"; display: inline-block; width: 15px; height: 15px; background: #ba372a; margin-right: 15px; border-radius: 2px;\n }\n\n \/* Form Elements *\/\n .form-row { display: grid; grid-template-columns: 1fr; gap: 20px; margin-bottom: 20px; }\n @media (min-width: 768px) { \n .form-row { grid-template-columns: 1fr 1fr; } \n .form-row.triple { grid-template-columns: 1fr 1fr 1fr; }\n }\n \n .form-group { margin-bottom: 20px; text-align: left; }\n .form-label { display: block; font-weight: 700; color: #34495e; margin-bottom: 8px; font-size: 14px; }\n .form-label span.required { color: #ba372a; margin-left: 3px; }\n \n .form-control {\n width: 100%; padding: 12px 15px; font-size: 15px; color: #444; background-color: #fff;\n border: 1px solid #ddd; border-radius: 6px; box-sizing: border-box; transition: all 0.3s ease; font-family: inherit;\n }\n .form-control:focus { border-color: #ba372a; outline: none; box-shadow: 0 0 0 3px rgba(186, 55, 42, 0.1); }\n \n .radio-group { display: flex; flex-direction: column; gap: 10px; background: #f9f9f9; padding: 15px; border-radius: 6px; border: 1px dashed #ddd; }\n .radio-item { display: flex; align-items: center; cursor: pointer; font-size: 14px; color: #555; }\n .radio-item input { margin-right: 10px; accent-color: #ba372a; width: 16px; height: 16px; }\n\n .legal-scroll-box {\n width: 100%; height: 200px; overflow-y: auto; background-color: #fafafa;\n border: 1px solid #ddd; border-radius: 6px; padding: 20px; box-sizing: border-box;\n margin-bottom: 15px; font-size: 13px; color: #555; text-align: left;\n }\n .legal-text-title { font-weight: 800; color: #ba372a; margin-bottom: 10px; display: block; font-size: 15px; }\n\n .final-consent-box {\n background: #fff; border-left: 5px solid #ba372a; padding: 20px;\n box-shadow: 0 5px 20px rgba(0,0,0,0.05); display: flex; align-items: flex-start; gap: 15px; border-radius: 4px; text-align: left;\n }\n .big-checkbox { width: 24px; height: 24px; accent-color: #ba372a; cursor: pointer; flex-shrink: 0; margin-top: 2px; }\n .final-consent-text { font-weight: 700; color: #333; font-size: 15px; }\n .final-consent-subtext { font-size: 13px; color: #777; display: block; margin-top: 4px; }\n\n @media (max-width: 768px) {\n .hmsa-title-red { font-size: 45px; }\n .hmsa-bg-typo { font-size: 120px; }\n .letoon-wrapper { padding: 15px; }\n .hmsa-modal-content { width: 100%; height: 100%; margin: 0; border-radius: 0; }\n .modal-inner-padding { padding: 20px 15px 80px 15px; }\n .hmsa-close-btn { top: 10px; right: 15px; background: rgba(255,255,255,0.8); padding: 0 10px; border-radius: 4px; }\n }\n<\/style>\n\n<div class=\"letoon-main-container\">\n\n \n <div class=\"hmsa-pro-wrapper\">\n <div class=\"hmsa-bg-typo\">HMSA<\/div>\n <div class=\"hmsa-content-front\">\n <div class=\"hmsa-title-red\">HMSA<\/div>\n <div class=\"hmsa-separator\"><\/div>\n <div class=\"hmsa-subtitle-pro\">You Can Contr\u0131bute to HMSA.<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"letoon-wrapper\">\n\n \n <p><strong>HMSA<\/strong> (Heritage Materials & Sustainability Association) is a platform that supports the sharing of qualified, original, and knowledge-oriented content produced in architecture, restoration, cultural heritage, conservation, materials science, building technologies, and related disciplines.<\/p>\n \n <p>Academics, experts, practitioners, students, and professionals working in the field are invited to share their knowledge and field experiences with a wider audience through HMSA.<\/p>\n\n \n <div class=\"section-title\">What Types of Content Are Accepted?<\/div>\n <div class=\"content-grid\">\n <div class=\"content-card\">\n <span class=\"content-card-title\">Academ\u0131c & Sem\u0131-Academ\u0131c<\/span>\n <p class=\"content-card-desc\">Scientific-based articles and research.<\/p>\n <\/div>\n <div class=\"content-card\">\n <span class=\"content-card-title\">F\u0131eld Exper\u0131ences<\/span>\n <p class=\"content-card-desc\">Application examples and site notes.<\/p>\n <\/div>\n <div class=\"content-card\">\n <span class=\"content-card-title\">Restorat\u0131on Projects<\/span>\n <p class=\"content-card-desc\">Conservation projects and intervention methods.<\/p>\n <\/div>\n <div class=\"content-card\">\n <span class=\"content-card-title\">Techn\u0131cal Rev\u0131ews<\/span>\n <p class=\"content-card-desc\">Material analyses and laboratory results.<\/p>\n <\/div>\n <div class=\"content-card\">\n <span class=\"content-card-title\">Op\u0131n\u0131on & Cr\u0131t\u0131que<\/span>\n <p class=\"content-card-desc\">Professional opinion pieces and evaluations.<\/p>\n <\/div>\n <div class=\"content-card\">\n <span class=\"content-card-title\">Student Works<\/span>\n <p class=\"content-card-desc\">Undergraduate\/graduate work after editorial review.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"section-title\">Who Can Contr\u0131bute?<\/div>\n <div class=\"focus-tags\">\n <div class=\"focus-tag\">Academics<\/div>\n <div class=\"focus-tag\">Restorers & Architects<\/div>\n <div class=\"focus-tag\">Conservation Experts<\/div>\n <div class=\"focus-tag\">Practitioner Firms*<\/div>\n <div class=\"focus-tag\">Undergraduate & Graduate Students<\/div>\n <\/div>\n <p style=\"font-size:13px; color:#888; font-style:italic;\">* For practitioner firms, content must be knowledge and experience-oriented; advertising content is not accepted.<\/p>\n\n \n <div class=\"section-title\">General Publ\u0131sh\u0131ng Pr\u0131nc\u0131ples<\/div>\n <div class=\"principles-box\">\n <ul class=\"check-list\">\n <li>Content must be <strong>original<\/strong> and not previously published on another platform.<\/li>\n <li>Full compliance with scientific and professional <strong>ethics<\/strong> is required.<\/li>\n <li>Sources used must be cited clearly, transparently, and verifiably.<\/li>\n <li>Content with the direct purpose of product promotion or advertising <strong>is not accepted.<\/strong><\/li>\n <li>The HMSA editorial team reserves the right to edit content for language and narrative consistency.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"accordion-container\" id=\"applyAccordion\">\n <div class=\"accordion-header\" onclick=\"toggleApplyAccordion()\">\n <span>Application and Evaluation Process<\/span>\n <span class=\"accordion-arrow\" style=\"font-size: 14px;\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-body\">\n <div class=\"process-step\">\n <span class=\"step-number\">01.<\/span>\n <strong>Application:<\/strong> Authors wishing to contribute fill out the application form and submit a summary or the full text of the work.\n <\/div>\n <div class=\"process-step\">\n <span class=\"step-number\">02.<\/span>\n <strong>Editorial Review:<\/strong> Submitted content is reviewed by the HMSA team within the framework of content suitability, originality, and publishing policies.\n <\/div>\n <div class=\"process-step\">\n <span class=\"step-number\">03.<\/span>\n <strong>Publication:<\/strong> Content deemed suitable is added to the editorial calendar, necessary visual adjustments are made, and it is published.\n <\/div>\n \n <div style=\"padding: 30px; text-align: center;\">\n <p style=\"text-align:center; margin-bottom:15px;\">You can use the form below to start the evaluation process.<\/p>\n \n <button onclick=\"openHmsaModal()\" class=\"btn-submit\">F\u0131ll Out the Appl\u0131cat\u0131on Form<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div> \n\n \n <div id=\"hmsaModal\" class=\"hmsa-modal-overlay\">\n <div class=\"hmsa-modal-content\">\n \n \n <span class=\"hmsa-close-btn\" onclick=\"closeHmsaModal()\">×<\/span>\n\n \n <div class=\"modal-inner-padding\">\n \n \n <div style=\"text-align: center;\">\n <div class=\"hmsa-modal-title\">HMSA Content Appl\u0131cat\u0131on Form<\/div>\n <p style=\"margin-bottom: 40px; color: #666;\">Contribute to the protection of cultural heritage by sharing your knowledge and experiences.<\/p>\n <\/div>\n\n \n <form action=\"https:\/\/formspree.io\/f\/xojvgyjb\" method=\"POST\">\n \n \n <div class=\"modal-section-title\"> Author Informat\u0131on<\/div>\n \n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\">Name Surname <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" class=\"form-control\" name=\"ad_soyad\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">E-mail Address <span class=\"required\">*<\/span><\/label>\n <input type=\"email\" class=\"form-control\" name=\"email\" required>\n <\/div>\n <\/div>\n \n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\">Phone Number (Optional)<\/label>\n <input type=\"tel\" class=\"form-control\" name=\"telefon\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Institution \/ University \/ Company<\/label>\n <input type=\"text\" class=\"form-control\" name=\"kurum\">\n <\/div>\n <\/div>\n \n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\">Profession \/ Title<\/label>\n <input type=\"text\" class=\"form-control\" name=\"meslek_unvan\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Academic Degree<\/label>\n <select class=\"form-control\" name=\"akademik_derece\">\n <option value=\"\">Select…<\/option>\n <option value=\"lisans\">Bachelor’s (Lisans)<\/option>\n <option value=\"yuksek_lisans\">Master’s (Y\u00fcksek Lisans)<\/option>\n <option value=\"doktora\">PhD (Doktora)<\/option>\n <option value=\"diger\">Other<\/option>\n <\/select>\n <\/div>\n <\/div>\n \n \n <div class=\"modal-section-title\">Content Informat\u0131on<\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">Content Title (Draft title accepted) <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" class=\"form-control\" name=\"icerik_basligi\" required>\n <\/div>\n \n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\">Content Type (Single Selection) <span class=\"required\">*<\/span><\/label>\n <div class=\"radio-group\">\n <label class=\"radio-item\"><input type=\"radio\" name=\"icerik_turu\" value=\"akademik\" required> Academic \/ Semi-academic article<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"icerik_turu\" value=\"teknik\"> Technical review<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"icerik_turu\" value=\"saha\"> Field experience \/ Application example<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"icerik_turu\" value=\"proje\"> Project introduction (info and analysis oriented)<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"icerik_turu\" value=\"gorus\"> Opinion piece \/ evaluation<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"icerik_turu\" value=\"ogrenci\"> Student work<\/label>\n <\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">Main Subject \/ Thematic Area<\/label>\n <input type=\"text\" class=\"form-control\" name=\"ana_konu\" placeholder=\"e.g.: restoration, materials, conservation...\">\n <br>\n <label class=\"form-label\">Short Summary of Content (150\u2013300 words) <span class=\"required\">*<\/span><\/label>\n <textarea class=\"form-control\" name=\"ozet\" style=\"min-height: 120px;\" required placeholder=\"Summary for preliminary editorial review...\"><\/textarea>\n <\/div>\n <\/div>\n \n \n <div class=\"modal-section-title\"> Content Deta\u0131ls<\/div>\n \n <div class=\"form-row triple\">\n <div class=\"form-group\">\n <label class=\"form-label\">Has the content been published before?<\/label>\n <div class=\"radio-group\">\n <label class=\"radio-item\"><input type=\"radio\" name=\"yayimlandi_mi\" value=\"hayir\" checked> No<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"yayimlandi_mi\" value=\"evet\"> Yes<\/label>\n <\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">Estimated Content Length<\/label>\n <div class=\"radio-group\">\n <label class=\"radio-item\"><input type=\"radio\" name=\"uzunluk\" value=\"800-1200\"> 800\u20131.200 words<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"uzunluk\" value=\"1200-2000\"> 1.200\u20132.000 words<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"uzunluk\" value=\"2000+\"> 2.000 words and more<\/label>\n <\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">Images \/ Drawings \/ Tables?<\/label>\n <div class=\"radio-group\">\n <label class=\"radio-item\"><input type=\"radio\" name=\"gorsel_var_mi\" value=\"evet\" checked> Yes<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"gorsel_var_mi\" value=\"hayir\"> No<\/label>\n <\/div>\n <div style=\"margin-top:10px;\">\n <label class=\"form-label\" style=\"font-size:12px;\">Do the Copyrights of Images Belong to the Author?<\/label>\n <label class=\"radio-item\" style=\"font-size:12px;\"><input type=\"radio\" name=\"telif_sahibi\" value=\"evet\"> Yes<\/label>\n <label class=\"radio-item\" style=\"font-size:12px;\"><input type=\"radio\" name=\"telif_sahibi\" value=\"hayir\"> No<\/label>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"modal-section-title\"> Publ\u0131cat\u0131on Approval and Copyr\u0131ght Declarat\u0131on<\/div>\n \n \n <div class=\"legal-scroll-box\">\n <span class=\"legal-text-title\">HMSA Publication Approval and Copyright Declaration<\/span>\n <p>I declare that the content submitted to the HMSA platform via this form;<\/p>\n <ul>\n <li>Is my original work,<\/li>\n <li>Has not been previously published on any other printed or digital platform (unless stated otherwise),<\/li>\n <li>Has been prepared in accordance with scientific, professional, and ethical rules,<\/li>\n <li>I possess the copyrights or have obtained usage permissions for all text, images, drawings, tables, and similar elements contained within the content.<\/li>\n <\/ul>\n \n <span class=\"legal-text-title\" style=\"margin-top:20px;\">Editorial Rights<\/span>\n <p>I accept that the HMSA editorial team has the right to;<\/p>\n <ul>\n <li>Review, reject, or find the content suitable for publication in accordance with publishing policies,<\/li>\n <li>Make language, narrative, and formal edits provided they do not alter the meaning, content, and context,<\/li>\n <li>Publish the content free of charge on HMSA’s website, digital publications, and promotional channels.<\/li>\n <\/ul>\n <p>While I retain the intellectual property rights of the published content, I accept that I grant HMSA indefinite and royalty-free publication rights; and that the content cannot be used by third parties for commercial purposes without HMSA’s permission.<\/p>\n <p>I accept and undertake that I have approved this declaration of my own free will and without being under any pressure.<\/p>\n <\/div>\n \n \n <div class=\"final-consent-box\">\n <input type=\"checkbox\" class=\"big-checkbox\" name=\"yasal_beyan_kabul\" value=\"Kabul Edildi\" required id=\"legal-check\">\n <label for=\"legal-check\" style=\"cursor: pointer;\">\n <span class=\"final-consent-text\">I have read, understood, and accept.<\/span>\n <span class=\"final-consent-subtext\">I accept that the submitted content is original, the copyrights belong to me, and I grant HMSA the right to make editorial edits and publish the content on their platforms.<\/span>\n <\/label>\n <\/div>\n \n \n <div class=\"modal-section-title\"> Add\u0131t\u0131onal Informat\u0131on<\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">Notes you want to convey to the HMSA editorial team (Optional)<\/label>\n <textarea class=\"form-control\" name=\"ek_notlar\" style=\"min-height: 80px;\"><\/textarea>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">Links to previous works \/ portfolio (if any) (Optional)<\/label>\n <input type=\"url\" class=\"form-control\" name=\"portfolyo_link\" placeholder=\"https:\/\/...\">\n <\/div>\n \n \n <div style=\"text-align: center; margin-top: 40px; margin-bottom: 20px;\">\n <button type=\"submit\" class=\"btn-submit\" style=\"width: auto; padding: 16px 60px;\">SUBMIT APPLICATION<\/button>\n <\/div>\n \n <\/form>\n \n\n <\/div> \n <\/div> \n <\/div> \n\n<\/div> \n\n<script>\n \/\/ 1. Accordion Functionality\n function toggleApplyAccordion() {\n const container = document.getElementById(\"applyAccordion\");\n const body = container.querySelector(\".accordion-body\");\n const arrow = container.querySelector(\".accordion-arrow\");\n \n container.classList.toggle(\"active\");\n \n if (container.classList.contains(\"active\")) {\n body.style.maxHeight = body.scrollHeight + \"px\";\n arrow.style.transform = \"rotate(180deg)\";\n } else {\n body.style.maxHeight = 0;\n arrow.style.transform = \"rotate(0deg)\";\n }\n }\n\n \/\/ 2. Modal (Lightbox) Functions\n function openHmsaModal() {\n var modal = document.getElementById(\"hmsaModal\");\n modal.style.display = \"block\";\n \/\/ Slight delay for fade-in animation\n setTimeout(function() {\n modal.classList.add(\"show\");\n }, 10);\n \/\/ Prevent background scrolling\n document.body.style.overflow = \"hidden\"; \n }\n\n function closeHmsaModal() {\n var modal = document.getElementById(\"hmsaModal\");\n modal.classList.remove(\"show\");\n \/\/ Hide after animation finishes\n setTimeout(function() {\n modal.style.display = \"none\";\n \/\/ Re-enable background scrolling\n document.body.style.overflow = \"auto\";\n }, 300);\n }\n\n \/\/ Close when clicking outside the modal\n window.onclick = function(event) {\n var modal = document.getElementById(\"hmsaModal\");\n if (event.target == modal) {\n closeHmsaModal();\n }\n }\n \n \/\/ Close when pressing ESC key\n document.addEventListener('keydown', function(event) {\n if (event.key === \"Escape\") {\n closeHmsaModal();\n }\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>HMSA Contribution Platform HMSA HMSA You Can Contr\u0131bute to HMSA. HMSA (Heritage Materials & Sustainability Association) is a platform that<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3148","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/comments?post=3148"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3148\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=3148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3148,"date":"2026-01-08T14:29:45","date_gmt":"2026-01-08T11:29:45","guid":{"rendered":"https:\/\/www.letoon.com.tr\/eng\/?page_id=3148"},"modified":"2026-01-08T14:36:53","modified_gmt":"2026-01-08T11:36:53","slug":"contribute-to-hmsa","status":"publish","type":"page","link":"https:\/\/www.letoon.com.tr\/eng\/contribute-to-hmsa\/","title":{"rendered":"Contribute to HMSA"},"content":{"rendered":"\n\n\n\n\n\nHMSA Contribution Platform<\/title>\n<style>\n \/* =========================================\n 1. GENERAL SETTINGS & LAYOUT\n ========================================= *\/\n .letoon-main-container {\n font-family: 'Segoe UI', Arial, sans-serif;\n color: #444;\n line-height: 1.6;\n background-color: #fff;\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n }\n\n .letoon-wrapper {\n position: relative;\n padding: 20px 40px;\n box-sizing: border-box;\n \/* Grid Background *\/\n background-image: \n linear-gradient(#f8f8f8 1px, transparent 1px),\n linear-gradient(90deg, #f8f8f8 1px, transparent 1px);\n background-size: 40px 40px;\n background-color: #fff;\n }\n\n h1, h2, h3 { margin-top: 0; line-height: 1.2; }\n p { margin-bottom: 20px; font-size: 16px; text-align: justify; color: #555; font-weight: 300; }\n strong { color: #222; font-weight: 700; }\n\n \/* =========================================\n 2. HEADER (BANNER) - EFFECT VERSION\n ========================================= *\/\n .hmsa-pro-wrapper {\n display: block;\n text-decoration: none;\n position: relative;\n width: 100%;\n height: 340px;\n margin: 40px 0 60px 0;\n border: none;\n background-color: transparent;\n border-radius: 8px;\n overflow: hidden;\n cursor: default;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n }\n\n \/* Vignette Effect Grid *\/\n .hmsa-pro-wrapper::before {\n content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n background-color: #ffffff;\n background-image: \n linear-gradient(#f0f0f0 1px, transparent 1px),\n linear-gradient(90deg, #f0f0f0 1px, transparent 1px);\n background-size: 40px 40px;\n z-index: 0;\n mask-image: radial-gradient(circle, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 90%);\n -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 90%);\n opacity: 0.7; transition: transform 0.8s ease;\n }\n\n \/* Hover State (Header) *\/\n .hmsa-pro-wrapper:hover {\n transform: translateY(-5px);\n box-shadow: 0 30px 60px rgba(186, 55, 42, 0.08);\n background-color: #fff;\n }\n .hmsa-pro-wrapper:hover::before { transform: scale(1.1); opacity: 0.4; }\n\n \/* Background Big Text *\/\n .hmsa-bg-typo {\n position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n font-family: Arial, sans-serif; font-size: 280px; font-weight: 900; color: transparent;\n -webkit-text-stroke: 2px rgba(186, 55, 42, 0.03); \n white-space: nowrap; letter-spacing: -10px; pointer-events: none; z-index: 1;\n transition: all 0.7s ease;\n }\n .hmsa-pro-wrapper:hover .hmsa-bg-typo {\n transform: translate(-50%, -50%) scale(0.95);\n -webkit-text-stroke: 2px rgba(186, 55, 42, 0.06); letter-spacing: 15px;\n }\n\n \/* Foreground Content *\/\n .hmsa-content-front {\n position: relative; z-index: 2; width: 100%; height: 100%;\n display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;\n }\n .hmsa-title-red {\n font-family: Arial, sans-serif; font-size: 85px; font-weight: 900; margin: 0; line-height: 0.9;\n color: #ba372a; \n text-shadow: 4px 4px 0px rgba(230, 230, 230, 0.5), 0 10px 20px rgba(186, 55, 42, 0.15);\n letter-spacing: 4px; transition: transform 0.4s ease;\n }\n .hmsa-pro-wrapper:hover .hmsa-title-red {\n transform: scale(1.02);\n text-shadow: 6px 6px 0px rgba(230, 230, 230, 0.8), 0 15px 30px rgba(186, 55, 42, 0.25);\n }\n .hmsa-separator {\n width: 60px; height: 4px; background-color: #34495e; margin: 25px 0;\n border-radius: 2px; transition: width 0.5s ease;\n }\n .hmsa-pro-wrapper:hover .hmsa-separator { width: 150px; background-color: #2c3e50; }\n \n .hmsa-subtitle-pro {\n font-size: 15px; color: #333; font-weight: 700; text-transform: uppercase; letter-spacing: 4px;\n }\n\n \/* =========================================\n 3. CONTENT COMPONENTS (CARDS, LABELS)\n ========================================= *\/\n .section-title {\n color: #34495e; font-size: 24px; font-weight: 800;\n margin-top: 50px; margin-bottom: 25px; display: flex; align-items: center;\n text-transform: uppercase; letter-spacing: 1px;\n }\n .section-title::before {\n content: \"\"; display: inline-block; width: 20px; height: 4px;\n background: #ba372a; margin-right: 15px;\n }\n\n \/* List Styles *\/\n ul.check-list { list-style: none; padding: 0; margin: 0; }\n ul.check-list li {\n font-size: 15px; color: #555; margin-bottom: 12px;\n padding-left: 30px; position: relative; line-height: 1.5;\n }\n ul.check-list li::before {\n content: \"\\2714\"; color: #ba372a; position: absolute; left: 0; top: 2px;\n font-weight: bold; font-size: 18px; line-height: 1;\n }\n\n \/* Content Grid *\/\n .content-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px; margin-bottom: 40px;\n }\n .content-card {\n background: #fff; padding: 25px; border-radius: 8px;\n border-left: 4px solid #ba372a;\n box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n transition: transform 0.3s ease;\n }\n .content-card:hover { transform: translateY(-5px); }\n .content-card-title {\n font-weight: 800; color: #34495e; display: block; margin-bottom: 5px; text-transform: uppercase; font-size: 14px;\n }\n .content-card-desc { font-size: 13px; color: #777; margin: 0; }\n\n \/* Tags *\/\n .focus-tags { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 40px; }\n .focus-tag {\n background: #fff; color: #444; padding: 12px 25px; border-radius: 4px;\n font-size: 14px; font-weight: 700; border: 1px solid #eee;\n box-shadow: 0 2px 5px rgba(0,0,0,0.03); transition: all 0.3s ease;\n border-bottom: 2px solid #ba372a;\n }\n .focus-tag:hover {\n background: #ba372a; color: #fff; transform: translateY(-3px); border-bottom: 2px solid #34495e;\n }\n\n \/* Accordion *\/\n .accordion-container {\n border: none; background: transparent; margin: 30px 0;\n }\n .accordion-header {\n background: #34495e; color: #fff; \n padding: 20px 30px; border-radius: 6px;\n font-size: 18px; font-weight: 800; letter-spacing: 0.5px;\n display: flex; justify-content: space-between; align-items: center; cursor: pointer;\n }\n .accordion-body {\n max-height: 0; opacity: 0; overflow: hidden;\n transition: max-height 0.5s ease, opacity 0.5s ease;\n background: #fff; border: 1px solid #eee; border-top: none;\n border-radius: 0 0 6px 6px;\n }\n .accordion-container.active .accordion-body { opacity: 1; }\n \n .process-step {\n padding: 20px; border-bottom: 1px dashed #ddd; position: relative;\n }\n .process-step:last-child { border-bottom: none; }\n .step-number {\n font-weight: 900; color: #ba372a; font-size: 18px; margin-right: 10px;\n }\n\n \/* Button *\/\n .btn-submit {\n display: inline-block; background-color: #ba372a; color: #fff;\n padding: 15px 40px; text-decoration: none; border-radius: 4px; border:none;\n font-weight: 800; font-size: 14px; letter-spacing: 1px; text-transform: uppercase;\n transition: background 0.3s; margin-top: 20px; cursor: pointer;\n }\n .btn-submit:hover { background-color: #34495e; }\n\n \/* Principles Box *\/\n .principles-box {\n background: #fdfdfd; padding: 30px; border-radius: 12px;\n border: 1px solid #eee; box-shadow: 0 10px 30px rgba(0,0,0,0.03);\n position: relative; overflow: hidden;\n }\n .principles-box::after {\n \/* Translate background text to PRINCIPLES *\/\n content: \"PRINCIPLES\"; position: absolute; right: -10px; bottom: -20px;\n font-size: 80px; font-weight: 900; color: rgba(0,0,0,0.03); pointer-events: none;\n }\n\n \/* =========================================\n 4. MODAL (LIGHTBOX) STYLES\n ========================================= *\/\n .hmsa-modal-overlay {\n display: none; position: fixed; z-index: 9999;\n left: 0; top: 0; width: 100%; height: 100%;\n background-color: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(5px);\n overflow: hidden; opacity: 0; transition: opacity 0.3s ease;\n }\n\n .hmsa-modal-content {\n background-color: #fff;\n margin: 2% auto; width: 95%; max-width: 1100px; height: 90vh;\n border-radius: 8px; position: relative;\n box-shadow: 0 25px 50px rgba(0,0,0,0.5);\n overflow-y: auto;\n transform: translateY(20px); transition: transform 0.3s ease;\n background-image: \n linear-gradient(#f8f8f8 1px, transparent 1px),\n linear-gradient(90deg, #f8f8f8 1px, transparent 1px);\n background-size: 40px 40px;\n }\n \n .hmsa-modal-content::-webkit-scrollbar { width: 8px; }\n .hmsa-modal-content::-webkit-scrollbar-track { background: #f1f1f1; }\n .hmsa-modal-content::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }\n .hmsa-modal-content::-webkit-scrollbar-thumb:hover { background: #ba372a; }\n\n .hmsa-close-btn {\n position: absolute; top: 20px; right: 25px;\n color: #aaa; font-size: 40px; font-weight: bold; line-height: 0.6;\n transition: color 0.3s; cursor: pointer; z-index: 1001;\n }\n .hmsa-close-btn:hover { color: #ba372a; }\n\n .hmsa-modal-overlay.show { display: block; opacity: 1; }\n .hmsa-modal-overlay.show .hmsa-modal-content { transform: translateY(0); }\n\n .modal-inner-padding { padding: 40px; }\n \n .hmsa-modal-title {\n font-size: 28px; font-weight: 900; color: #ba372a;\n text-transform: uppercase; letter-spacing: 2px;\n border-bottom: 4px solid #34495e; display: inline-block; margin-bottom: 30px; padding-bottom: 10px;\n }\n\n .modal-section-title {\n color: #34495e; font-size: 18px; font-weight: 800;\n margin-top: 40px; margin-bottom: 20px; display: flex; align-items: center;\n text-transform: uppercase; letter-spacing: 1px; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;\n }\n .modal-section-title::before {\n content: \"\"; display: inline-block; width: 15px; height: 15px; background: #ba372a; margin-right: 15px; border-radius: 2px;\n }\n\n \/* Form Elements *\/\n .form-row { display: grid; grid-template-columns: 1fr; gap: 20px; margin-bottom: 20px; }\n @media (min-width: 768px) { \n .form-row { grid-template-columns: 1fr 1fr; } \n .form-row.triple { grid-template-columns: 1fr 1fr 1fr; }\n }\n \n .form-group { margin-bottom: 20px; text-align: left; }\n .form-label { display: block; font-weight: 700; color: #34495e; margin-bottom: 8px; font-size: 14px; }\n .form-label span.required { color: #ba372a; margin-left: 3px; }\n \n .form-control {\n width: 100%; padding: 12px 15px; font-size: 15px; color: #444; background-color: #fff;\n border: 1px solid #ddd; border-radius: 6px; box-sizing: border-box; transition: all 0.3s ease; font-family: inherit;\n }\n .form-control:focus { border-color: #ba372a; outline: none; box-shadow: 0 0 0 3px rgba(186, 55, 42, 0.1); }\n \n .radio-group { display: flex; flex-direction: column; gap: 10px; background: #f9f9f9; padding: 15px; border-radius: 6px; border: 1px dashed #ddd; }\n .radio-item { display: flex; align-items: center; cursor: pointer; font-size: 14px; color: #555; }\n .radio-item input { margin-right: 10px; accent-color: #ba372a; width: 16px; height: 16px; }\n\n .legal-scroll-box {\n width: 100%; height: 200px; overflow-y: auto; background-color: #fafafa;\n border: 1px solid #ddd; border-radius: 6px; padding: 20px; box-sizing: border-box;\n margin-bottom: 15px; font-size: 13px; color: #555; text-align: left;\n }\n .legal-text-title { font-weight: 800; color: #ba372a; margin-bottom: 10px; display: block; font-size: 15px; }\n\n .final-consent-box {\n background: #fff; border-left: 5px solid #ba372a; padding: 20px;\n box-shadow: 0 5px 20px rgba(0,0,0,0.05); display: flex; align-items: flex-start; gap: 15px; border-radius: 4px; text-align: left;\n }\n .big-checkbox { width: 24px; height: 24px; accent-color: #ba372a; cursor: pointer; flex-shrink: 0; margin-top: 2px; }\n .final-consent-text { font-weight: 700; color: #333; font-size: 15px; }\n .final-consent-subtext { font-size: 13px; color: #777; display: block; margin-top: 4px; }\n\n @media (max-width: 768px) {\n .hmsa-title-red { font-size: 45px; }\n .hmsa-bg-typo { font-size: 120px; }\n .letoon-wrapper { padding: 15px; }\n .hmsa-modal-content { width: 100%; height: 100%; margin: 0; border-radius: 0; }\n .modal-inner-padding { padding: 20px 15px 80px 15px; }\n .hmsa-close-btn { top: 10px; right: 15px; background: rgba(255,255,255,0.8); padding: 0 10px; border-radius: 4px; }\n }\n<\/style>\n\n<div class=\"letoon-main-container\">\n\n \n <div class=\"hmsa-pro-wrapper\">\n <div class=\"hmsa-bg-typo\">HMSA<\/div>\n <div class=\"hmsa-content-front\">\n <div class=\"hmsa-title-red\">HMSA<\/div>\n <div class=\"hmsa-separator\"><\/div>\n <div class=\"hmsa-subtitle-pro\">You Can Contr\u0131bute to HMSA.<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"letoon-wrapper\">\n\n \n <p><strong>HMSA<\/strong> (Heritage Materials & Sustainability Association) is a platform that supports the sharing of qualified, original, and knowledge-oriented content produced in architecture, restoration, cultural heritage, conservation, materials science, building technologies, and related disciplines.<\/p>\n \n <p>Academics, experts, practitioners, students, and professionals working in the field are invited to share their knowledge and field experiences with a wider audience through HMSA.<\/p>\n\n \n <div class=\"section-title\">What Types of Content Are Accepted?<\/div>\n <div class=\"content-grid\">\n <div class=\"content-card\">\n <span class=\"content-card-title\">Academ\u0131c & Sem\u0131-Academ\u0131c<\/span>\n <p class=\"content-card-desc\">Scientific-based articles and research.<\/p>\n <\/div>\n <div class=\"content-card\">\n <span class=\"content-card-title\">F\u0131eld Exper\u0131ences<\/span>\n <p class=\"content-card-desc\">Application examples and site notes.<\/p>\n <\/div>\n <div class=\"content-card\">\n <span class=\"content-card-title\">Restorat\u0131on Projects<\/span>\n <p class=\"content-card-desc\">Conservation projects and intervention methods.<\/p>\n <\/div>\n <div class=\"content-card\">\n <span class=\"content-card-title\">Techn\u0131cal Rev\u0131ews<\/span>\n <p class=\"content-card-desc\">Material analyses and laboratory results.<\/p>\n <\/div>\n <div class=\"content-card\">\n <span class=\"content-card-title\">Op\u0131n\u0131on & Cr\u0131t\u0131que<\/span>\n <p class=\"content-card-desc\">Professional opinion pieces and evaluations.<\/p>\n <\/div>\n <div class=\"content-card\">\n <span class=\"content-card-title\">Student Works<\/span>\n <p class=\"content-card-desc\">Undergraduate\/graduate work after editorial review.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"section-title\">Who Can Contr\u0131bute?<\/div>\n <div class=\"focus-tags\">\n <div class=\"focus-tag\">Academics<\/div>\n <div class=\"focus-tag\">Restorers & Architects<\/div>\n <div class=\"focus-tag\">Conservation Experts<\/div>\n <div class=\"focus-tag\">Practitioner Firms*<\/div>\n <div class=\"focus-tag\">Undergraduate & Graduate Students<\/div>\n <\/div>\n <p style=\"font-size:13px; color:#888; font-style:italic;\">* For practitioner firms, content must be knowledge and experience-oriented; advertising content is not accepted.<\/p>\n\n \n <div class=\"section-title\">General Publ\u0131sh\u0131ng Pr\u0131nc\u0131ples<\/div>\n <div class=\"principles-box\">\n <ul class=\"check-list\">\n <li>Content must be <strong>original<\/strong> and not previously published on another platform.<\/li>\n <li>Full compliance with scientific and professional <strong>ethics<\/strong> is required.<\/li>\n <li>Sources used must be cited clearly, transparently, and verifiably.<\/li>\n <li>Content with the direct purpose of product promotion or advertising <strong>is not accepted.<\/strong><\/li>\n <li>The HMSA editorial team reserves the right to edit content for language and narrative consistency.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"accordion-container\" id=\"applyAccordion\">\n <div class=\"accordion-header\" onclick=\"toggleApplyAccordion()\">\n <span>Application and Evaluation Process<\/span>\n <span class=\"accordion-arrow\" style=\"font-size: 14px;\">\u25bc<\/span>\n <\/div>\n <div class=\"accordion-body\">\n <div class=\"process-step\">\n <span class=\"step-number\">01.<\/span>\n <strong>Application:<\/strong> Authors wishing to contribute fill out the application form and submit a summary or the full text of the work.\n <\/div>\n <div class=\"process-step\">\n <span class=\"step-number\">02.<\/span>\n <strong>Editorial Review:<\/strong> Submitted content is reviewed by the HMSA team within the framework of content suitability, originality, and publishing policies.\n <\/div>\n <div class=\"process-step\">\n <span class=\"step-number\">03.<\/span>\n <strong>Publication:<\/strong> Content deemed suitable is added to the editorial calendar, necessary visual adjustments are made, and it is published.\n <\/div>\n \n <div style=\"padding: 30px; text-align: center;\">\n <p style=\"text-align:center; margin-bottom:15px;\">You can use the form below to start the evaluation process.<\/p>\n \n <button onclick=\"openHmsaModal()\" class=\"btn-submit\">F\u0131ll Out the Appl\u0131cat\u0131on Form<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div> \n\n \n <div id=\"hmsaModal\" class=\"hmsa-modal-overlay\">\n <div class=\"hmsa-modal-content\">\n \n \n <span class=\"hmsa-close-btn\" onclick=\"closeHmsaModal()\">×<\/span>\n\n \n <div class=\"modal-inner-padding\">\n \n \n <div style=\"text-align: center;\">\n <div class=\"hmsa-modal-title\">HMSA Content Appl\u0131cat\u0131on Form<\/div>\n <p style=\"margin-bottom: 40px; color: #666;\">Contribute to the protection of cultural heritage by sharing your knowledge and experiences.<\/p>\n <\/div>\n\n \n <form action=\"https:\/\/formspree.io\/f\/xojvgyjb\" method=\"POST\">\n \n \n <div class=\"modal-section-title\"> Author Informat\u0131on<\/div>\n \n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\">Name Surname <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" class=\"form-control\" name=\"ad_soyad\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">E-mail Address <span class=\"required\">*<\/span><\/label>\n <input type=\"email\" class=\"form-control\" name=\"email\" required>\n <\/div>\n <\/div>\n \n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\">Phone Number (Optional)<\/label>\n <input type=\"tel\" class=\"form-control\" name=\"telefon\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Institution \/ University \/ Company<\/label>\n <input type=\"text\" class=\"form-control\" name=\"kurum\">\n <\/div>\n <\/div>\n \n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\">Profession \/ Title<\/label>\n <input type=\"text\" class=\"form-control\" name=\"meslek_unvan\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Academic Degree<\/label>\n <select class=\"form-control\" name=\"akademik_derece\">\n <option value=\"\">Select…<\/option>\n <option value=\"lisans\">Bachelor’s (Lisans)<\/option>\n <option value=\"yuksek_lisans\">Master’s (Y\u00fcksek Lisans)<\/option>\n <option value=\"doktora\">PhD (Doktora)<\/option>\n <option value=\"diger\">Other<\/option>\n <\/select>\n <\/div>\n <\/div>\n \n \n <div class=\"modal-section-title\">Content Informat\u0131on<\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">Content Title (Draft title accepted) <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" class=\"form-control\" name=\"icerik_basligi\" required>\n <\/div>\n \n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\">Content Type (Single Selection) <span class=\"required\">*<\/span><\/label>\n <div class=\"radio-group\">\n <label class=\"radio-item\"><input type=\"radio\" name=\"icerik_turu\" value=\"akademik\" required> Academic \/ Semi-academic article<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"icerik_turu\" value=\"teknik\"> Technical review<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"icerik_turu\" value=\"saha\"> Field experience \/ Application example<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"icerik_turu\" value=\"proje\"> Project introduction (info and analysis oriented)<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"icerik_turu\" value=\"gorus\"> Opinion piece \/ evaluation<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"icerik_turu\" value=\"ogrenci\"> Student work<\/label>\n <\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">Main Subject \/ Thematic Area<\/label>\n <input type=\"text\" class=\"form-control\" name=\"ana_konu\" placeholder=\"e.g.: restoration, materials, conservation...\">\n <br>\n <label class=\"form-label\">Short Summary of Content (150\u2013300 words) <span class=\"required\">*<\/span><\/label>\n <textarea class=\"form-control\" name=\"ozet\" style=\"min-height: 120px;\" required placeholder=\"Summary for preliminary editorial review...\"><\/textarea>\n <\/div>\n <\/div>\n \n \n <div class=\"modal-section-title\"> Content Deta\u0131ls<\/div>\n \n <div class=\"form-row triple\">\n <div class=\"form-group\">\n <label class=\"form-label\">Has the content been published before?<\/label>\n <div class=\"radio-group\">\n <label class=\"radio-item\"><input type=\"radio\" name=\"yayimlandi_mi\" value=\"hayir\" checked> No<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"yayimlandi_mi\" value=\"evet\"> Yes<\/label>\n <\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">Estimated Content Length<\/label>\n <div class=\"radio-group\">\n <label class=\"radio-item\"><input type=\"radio\" name=\"uzunluk\" value=\"800-1200\"> 800\u20131.200 words<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"uzunluk\" value=\"1200-2000\"> 1.200\u20132.000 words<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"uzunluk\" value=\"2000+\"> 2.000 words and more<\/label>\n <\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">Images \/ Drawings \/ Tables?<\/label>\n <div class=\"radio-group\">\n <label class=\"radio-item\"><input type=\"radio\" name=\"gorsel_var_mi\" value=\"evet\" checked> Yes<\/label>\n <label class=\"radio-item\"><input type=\"radio\" name=\"gorsel_var_mi\" value=\"hayir\"> No<\/label>\n <\/div>\n <div style=\"margin-top:10px;\">\n <label class=\"form-label\" style=\"font-size:12px;\">Do the Copyrights of Images Belong to the Author?<\/label>\n <label class=\"radio-item\" style=\"font-size:12px;\"><input type=\"radio\" name=\"telif_sahibi\" value=\"evet\"> Yes<\/label>\n <label class=\"radio-item\" style=\"font-size:12px;\"><input type=\"radio\" name=\"telif_sahibi\" value=\"hayir\"> No<\/label>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"modal-section-title\"> Publ\u0131cat\u0131on Approval and Copyr\u0131ght Declarat\u0131on<\/div>\n \n \n <div class=\"legal-scroll-box\">\n <span class=\"legal-text-title\">HMSA Publication Approval and Copyright Declaration<\/span>\n <p>I declare that the content submitted to the HMSA platform via this form;<\/p>\n <ul>\n <li>Is my original work,<\/li>\n <li>Has not been previously published on any other printed or digital platform (unless stated otherwise),<\/li>\n <li>Has been prepared in accordance with scientific, professional, and ethical rules,<\/li>\n <li>I possess the copyrights or have obtained usage permissions for all text, images, drawings, tables, and similar elements contained within the content.<\/li>\n <\/ul>\n \n <span class=\"legal-text-title\" style=\"margin-top:20px;\">Editorial Rights<\/span>\n <p>I accept that the HMSA editorial team has the right to;<\/p>\n <ul>\n <li>Review, reject, or find the content suitable for publication in accordance with publishing policies,<\/li>\n <li>Make language, narrative, and formal edits provided they do not alter the meaning, content, and context,<\/li>\n <li>Publish the content free of charge on HMSA’s website, digital publications, and promotional channels.<\/li>\n <\/ul>\n <p>While I retain the intellectual property rights of the published content, I accept that I grant HMSA indefinite and royalty-free publication rights; and that the content cannot be used by third parties for commercial purposes without HMSA’s permission.<\/p>\n <p>I accept and undertake that I have approved this declaration of my own free will and without being under any pressure.<\/p>\n <\/div>\n \n \n <div class=\"final-consent-box\">\n <input type=\"checkbox\" class=\"big-checkbox\" name=\"yasal_beyan_kabul\" value=\"Kabul Edildi\" required id=\"legal-check\">\n <label for=\"legal-check\" style=\"cursor: pointer;\">\n <span class=\"final-consent-text\">I have read, understood, and accept.<\/span>\n <span class=\"final-consent-subtext\">I accept that the submitted content is original, the copyrights belong to me, and I grant HMSA the right to make editorial edits and publish the content on their platforms.<\/span>\n <\/label>\n <\/div>\n \n \n <div class=\"modal-section-title\"> Add\u0131t\u0131onal Informat\u0131on<\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">Notes you want to convey to the HMSA editorial team (Optional)<\/label>\n <textarea class=\"form-control\" name=\"ek_notlar\" style=\"min-height: 80px;\"><\/textarea>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">Links to previous works \/ portfolio (if any) (Optional)<\/label>\n <input type=\"url\" class=\"form-control\" name=\"portfolyo_link\" placeholder=\"https:\/\/...\">\n <\/div>\n \n \n <div style=\"text-align: center; margin-top: 40px; margin-bottom: 20px;\">\n <button type=\"submit\" class=\"btn-submit\" style=\"width: auto; padding: 16px 60px;\">SUBMIT APPLICATION<\/button>\n <\/div>\n \n <\/form>\n \n\n <\/div> \n <\/div> \n <\/div> \n\n<\/div> \n\n<script>\n \/\/ 1. Accordion Functionality\n function toggleApplyAccordion() {\n const container = document.getElementById(\"applyAccordion\");\n const body = container.querySelector(\".accordion-body\");\n const arrow = container.querySelector(\".accordion-arrow\");\n \n container.classList.toggle(\"active\");\n \n if (container.classList.contains(\"active\")) {\n body.style.maxHeight = body.scrollHeight + \"px\";\n arrow.style.transform = \"rotate(180deg)\";\n } else {\n body.style.maxHeight = 0;\n arrow.style.transform = \"rotate(0deg)\";\n }\n }\n\n \/\/ 2. Modal (Lightbox) Functions\n function openHmsaModal() {\n var modal = document.getElementById(\"hmsaModal\");\n modal.style.display = \"block\";\n \/\/ Slight delay for fade-in animation\n setTimeout(function() {\n modal.classList.add(\"show\");\n }, 10);\n \/\/ Prevent background scrolling\n document.body.style.overflow = \"hidden\"; \n }\n\n function closeHmsaModal() {\n var modal = document.getElementById(\"hmsaModal\");\n modal.classList.remove(\"show\");\n \/\/ Hide after animation finishes\n setTimeout(function() {\n modal.style.display = \"none\";\n \/\/ Re-enable background scrolling\n document.body.style.overflow = \"auto\";\n }, 300);\n }\n\n \/\/ Close when clicking outside the modal\n window.onclick = function(event) {\n var modal = document.getElementById(\"hmsaModal\");\n if (event.target == modal) {\n closeHmsaModal();\n }\n }\n \n \/\/ Close when pressing ESC key\n document.addEventListener('keydown', function(event) {\n if (event.key === \"Escape\") {\n closeHmsaModal();\n }\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>HMSA Contribution Platform HMSA HMSA You Can Contr\u0131bute to HMSA. HMSA (Heritage Materials & Sustainability Association) is a platform that<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3148","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/comments?post=3148"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3148\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=3148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}