MODERN MAN

<!doctype html> <html dir="ltr" lang="auto"> <head> <base href="https://www.icons.salon/c/modern-man"> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta name="prerender-status-code" content="404"> <meta name="apple-itunes-app" content="app-id=1620824394"> <title> MODERN MAN </title> <meta name="description"> <link href="https://raklet-backend-cdn.raklet.com/content/fonts/font-awesome-4.6.1/css/font-awesome.min.css?v=5208" rel="stylesheet"> <link href="https://raklet-backend-cdn.raklet.com/content/third_party/kendo-2015.min.css?v=5208" rel="stylesheet"> <link href="https://raklet-prod-ng-cdn.raklet.com/styles/social.min.css?v=5208" rel="stylesheet"> <script type="text/javascript" src="https://raklet-backend-cdn.raklet.com/content/scripts/third_party/jquery-latest.min.js?v=5208"></script> <script type="text/javascript" src="https://raklet-backend-cdn.raklet.com/content/scripts/third_party/emoji-mart-browser-5.6.0.js?v=5208"></script> <script type="text/javascript" src="https://raklet-backend-cdn.raklet.com/scripts/kendo-2015.min.js?v=5208"></script> <script type="text/javascript" src="https://raklet-backend-cdn.raklet.com/scripts/globalize-bundle.min.js?v=5208"></script> <script type="text/javascript" src="https://raklet-prod-ng-cdn.raklet.com/scripts/social/lib.js?v=5208"></script> <script type="text/javascript" src="https://raklet-prod-ng-cdn.raklet.com/scripts/social/app.js?v=5208"></script> <script> if ("False" === "True") { Globalize.culture(""); console.log(""); } $.validator.methods.date = function (value, element) { var val = Globalize.parseDate(value); return this.optional(element) || (val); }; $.validator.methods.number = function (value, element) { return this.optional(element) || !isNaN(Globalize.parseFloat(value)); } jQuery.extend(jQuery.validator.methods, { range: function (value, element, param) { var val = Globalize.parseFloat(value); return this.optional(element) || ( val >= param[0] && val <= param[1]); } }); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-PVPB3SZ6V2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-PVPB3SZ6V2'); </script> <script type="text/javascript"> (function (c, a) { if (!a.__SV) { var b = window; try { var d, m, j, k = b.location, f = k.hash; d = function (a, b) { return (m = a.match(RegExp(b + "=([^&]*)"))) ? m[1] : null }; f && d(f, "state") && (j = JSON.parse(decodeURIComponent(d(f, "state"))), "mpeditor" === j.action && (b.sessionStorage.setItem("_mpcehash", f), history.replaceState(j.desiredHash || "", c.title, k.pathname + k.search))) } catch (n) { } var l, h; window.mixpanel = a; a._i = []; a.init = function (b, d, g) { function c(b, i) { var a = i.split("."); 2 == a.length && (b = b[a[0]], i = a[1]); b[i] = function () { b.push([i].concat(Array.prototype.slice.call(arguments, 0))) } } var e = a; "undefined" !== typeof g ? e = a[g] = [] : g = "mixpanel"; e.people = e.people || []; e.toString = function (b) { var a = "mixpanel"; "mixpanel" !== g && (a += "." + g); b || (a += " (stub)"); return a }; e.people.toString = function () { return e.toString(1) + ".people (stub)" }; l = "disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" "); for (h = 0; h < l.length; h++) c(e, l[h]); var f = "set set_once union unset remove delete".split(" "); e.get_group = function () { function a(c) { b[c] = function () { call2_args = arguments; call2 = [c].concat(Array.prototype.slice.call(call2_args, 0)); e.push([d, call2]) } } for (var b = {}, d = ["get_group"].concat(Array.prototype.slice.call(arguments, 0)), c = 0; c < f.length; c++) a(f[c]); return b }; a._i.push([b, d, g]) }; a.__SV = 1.2; b = c.createElement("script"); b.type = "text/javascript"; b.async = !0; b.src = "undefined" !== typeof MIXPANEL_CUSTOM_LIB_URL ? MIXPANEL_CUSTOM_LIB_URL : "file:" === c.location.protocol && "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//) ? "https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js" : "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js"; d = c.getElementsByTagName("script")[0]; d.parentNode.insertBefore(b, d) } })(document, window.mixpanel || []); mixpanel.init("b3a47b9f23bdeb7b9eb9c65cb14eed90"); //Send Ip to all events mixpanel.register({ "$ip": "64.233.173.40" }); </script> <script src="https://raklet-backend-cdn.raklet.com/Content/scripts/jquery.rakletanalytics.js?v=5208"></script> <script> $(document).ready(function () { $("body").RakletAnalytics({ action: 'track', event: { name: 'PageLoad', properties: { 'Url': 'https://www.icons.salon/c/modern-man', 'Path': '/c/modern-man', 'Controller': 'announcement', 'Action': 'CategoryIndex' } } }); }); </script> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://rakletv3storage.blob.core.windows.net/844bc30f-705f-4a21-ab8f-291d132f4439/favicons/c196e651-56af-484c-b14e-c25959d8e5c0/23-48-56_s144.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://rakletv3storage.blob.core.windows.net/844bc30f-705f-4a21-ab8f-291d132f4439/favicons/c196e651-56af-484c-b14e-c25959d8e5c0/23-48-56_s144.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://rakletv3storage.blob.core.windows.net/844bc30f-705f-4a21-ab8f-291d132f4439/favicons/c196e651-56af-484c-b14e-c25959d8e5c0/23-48-56_s144.png"> <link rel="apple-touch-icon-precomposed" href="https://rakletv3storage.blob.core.windows.net/844bc30f-705f-4a21-ab8f-291d132f4439/favicons/c196e651-56af-484c-b14e-c25959d8e5c0/23-48-56_s32.png"> <link rel="shortcut icon" href="https://rakletv3storage.blob.core.windows.net/844bc30f-705f-4a21-ab8f-291d132f4439/favicons/c196e651-56af-484c-b14e-c25959d8e5c0/23-48-56_s32.png"> <style type="text/css"> .badge-success, .SocialContent-menu > .list-group > a.active, .SocialNavigationMobile .list-group-item.active{ background-color: #fa6768; } .SocialContent-menu .list-group-item.active .fa, .SocialNavigationMobile .list-group-item.active .fa { color: #fa6768; } .SocialContent-menu > .list-group > a:hover, .SocialContent-menu > .list-group > a:focus, .SocialNavigationMobile a:hover, .SocialNavigationMobile a:focus { background-color: #fa6768; color: white; } .SocialContent-menu > .list-group > a:hover > .fa, .SocialNavigationMobile a:hover > .fa { color: #fa6768; } </style> <link href="https://raklet-prod-frontend-v3.raklet.com/844bc30f-705f-4a21-ab8f-291d132f4439/branding.css?v=1732653333" rel="stylesheet"> <link href="https://raklet-prod-frontend-v3.raklet.com/844bc30f-705f-4a21-ab8f-291d132f4439/custom.css?v=1732305475" rel="stylesheet"> <script type="text/javascript" src="https://raklet-prod-frontend-v3.raklet.com/844bc30f-705f-4a21-ab8f-291d132f4439/customhead.js?v=1732305475"></script> <meta http-equiv="X-Translated-By" content="Google"> <meta http-equiv="X-Translated-To" content="en"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=corsproxy" data-sourceurl="https://www.icons.salon/c/modern-man"></script> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/exm=corsproxy/ed=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=phishing_protection" data-phishing-protection-enabled="false" data-forms-warning-enabled="true" data-source-url="https://www.icons.salon/c/modern-man"></script> <meta name="robots" content="none"> </head> <body class="Social Announcement AnnouncementCategoryIndex"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/exm=corsproxy,phishing_protection/ed=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=navigationui" data-environment="prod" data-proxy-url="https://www-icons-salon.translate.goog" data-proxy-full-url="https://www-icons-salon.translate.goog/c/modern-man?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" data-source-url="https://www.icons.salon/c/modern-man" data-source-language="auto" data-target-language="en" data-display-language="auto" data-detected-source-language="en" data-is-source-untranslated="false" data-source-untranslated-url="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=https://www.icons.salon/c/modern-man&anno=2" data-client="tr"></script> <div class="Content-container position-relative "> <div class="SocialNavigation SocialNavigationMobile"> <div class="modal MobileNavigation" id="menuModal" tabindex="-1" role="dialog" aria-labelledby="menuModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div id="panel" class="modal-content"> <div class="modal-header d-none"><img class="img-fluid rounded mx-auto d-block my-5 SocialProfile-img" alt="Icons" src="https://rakletv3storage.blob.core.windows.net/844bc30f-705f-4a21-ab8f-291d132f4439/mediagallery/iconsblacklogo1.png_s400.png"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">脳</span></button> </div> <div class="modal-body"><img class="MobileNavigation-logo img-fluid rounded mx-auto d-block my-5 SocialProfile-img" alt="Icons" src="https://rakletv3storage.blob.core.windows.net/844bc30f-705f-4a21-ab8f-291d132f4439/mediagallery/iconsblacklogo1.png_s400.png"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">脳</span></button> <form action="/App/Search" id="formSearchBar" method="get"> <div class="input-group mb-3"><input type="text" class="form-control" placeholder="Search" name="searchString" id="searchString"> <div class="input-group-append"><button type="submit" class="btn btn-outline-secondary"> <i class="fa fa-search m-r-xs"></i> Search </button> </div> </div> </form> <div class="SocialContent-menu"><img id="loaderStatus" src="/Content/images/loading.gif" alt=""> </div> <script type="text/javascript"> $(document).ready(function () { if ("1" == "1") { var orgMembershipParam = ""; if ("False" == "True") { orgMembershipParam = "&organisationMembershipId="; } $.ajax({ url: "https://api.raklet.com/account/navigation?organisationId=844bc30f-705f-4a21-ab8f-291d132f4439" + orgMembershipParam, method: 'GET' }).done(function (data) { var subNavItemsHtml = ""; var navItemsHtml = '<div class="list-group">'; $.each(data.NavItems, function (index, value) { if (value.SubNavItems && value.SubNavItems.length > 0) { var listGroupHtml = '<div class="list-group"><h6>' + value.Label + '</h6>'; $.each(value.SubNavItems, function (index2, value2) { if (value2.Count > 0) { value2.Label += '<span class="badge badge-secondary pull-right">' + value2.Count + '</span>'; } if (value2.Type === 28) { value2.Label += '<span class="badge badge-danger messageCount pull-right"></span>'; } //listGroupHtml += '<a class="list-group-item" href="' + value2.Url + '"' + (value2.OpenInNewWindow ? ' target="_blank"' : '') + '><i class="' + value2.Icon + '"></i> ' + value2.Label + '</a>'; listGroupHtml += '<a class="list-group-item" href="' + value2.Url + '"' + (value2.OpenInNewWindow ? ' target="_blank"' : '') + '>' + (value2.Icon && value2.Icon.startsWith('fa fa-') ? '<i class="' + value2.Icon + '"></i>' : '<span>' + value2.Icon + '</span>') + ' ' + value2.Label + '</a>'; }); listGroupHtml += '</div>'; subNavItemsHtml += listGroupHtml; } else { if (value.Count > 0) { value.Label += '<span class="badge badge-secondary pull-right">' + value.Count + '</span>'; } if (value.Type === 28) { value.Label += '<span class="badge badge-danger messageCount pull-right"></span>'; } //navItemsHtml += '<a class="list-group-item" href="' + value.Url + '"' + (value.OpenInNewWindow ? ' target="_blank"' : '') + '><i class="' + value.Icon + '"></i> ' + value.Label + '</a>'; navItemsHtml += '<a class="list-group-item" href="' + value.Url + '"' + (value.OpenInNewWindow ? ' target="_blank"' : '') + '>' + (value.Icon && value.Icon.startsWith('fa fa-') ? '<i class="' + value.Icon + '"></i>' : '<span>' + value.Icon + '</span>') + ' ' + value.Label + '</a>'; } }); navItemsHtml += '</div>'; menuHtml = navItemsHtml + subNavItemsHtml; $('.SocialContent-menu').html(menuHtml); //set message count if it has loaded before navigation $(".messageCount").each(function (index, item) { if ($(item).html()) { $(".messageCount").html($(item).html()); } }); var navElements = document.querySelectorAll('.list-group-item'); navElements.forEach(item => item.classList.remove('active')); if (window.location.pathname =="/") { $("a[href$='/Feed']").addClass('active'); } else { $("a[href$='" + window.location.pathname + "']").addClass('active'); } }); } }); </script> <div class="list-group"> <div class="SocialHeader-profileDropdownMenuLogout dropdown-divider"></div><a class="list-group-item" href="https://www-icons-salon.translate.goog/Login?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto"> <i class="fa fa-sign-out m-r-xs"> </i> Login </a> <a class="list-group-item" href="https://www-icons-salon.translate.goog/Apply?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto"> <i class="fa fa-sign-out m-r-xs"> </i> Become a Member </a> </div> <script> function logoutUserTrigger(e) { window.location.href = "https://www.icons.salon/Logout"; if (window.ReactNativeWebView) { window.ReactNativeWebView.postMessage(JSON.stringify({ type: "Logout" })); } } function openQRScanner() { if (window.ReactNativeWebView && typeof LaunchQRScanner !== "function") { window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'LaunchQRScanner' })); } else { LaunchQRScanner(); } } </script> </div> </div> </div> </div> </div> <div class="SocialHeader"> <div class="SocialNavigation"> <nav class="navbar navbar-expand-sm navbar-light justify-content-between"><a class="SocialNavigation-goBackBtn ml-1 d-block d-sm-none" onclick="history.back()"> <i class="fa fa-chevron-left fa-2x HeaderIconColor"></i> </a>  <a class="SocialNavigation-logo navbar-brand mx-auto text-center order-0 order-md-1 pull-left" href="https://www-icons-salon.translate.goog/Announcement?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto"> <img class="img-fluid" title="Icons - Icons" alt="Icons - Icons" src="https://rakletv3storage.blob.core.windows.net/844bc30f-705f-4a21-ab8f-291d132f4439/mediagallery/iconsblacklogo1.png_s400.png"> </a>   <a class="SocialNavigation-login navbar-btn btn pull-right order-1 d-block d-sm-none" href="https://www-icons-salon.translate.goog/Login?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto"> Login </a>   <div class="SocialNavigation-collapse collapse navbar-collapse collapse dual-nav w-50 order-1 order-md-2" id="navbarSupportedContent"><a class="SocialNavigation-login navbar-btn btn pull-right ml-auto order-1 " href="https://www-icons-salon.translate.goog/Login?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto"> Login </a> <ul class="navbar-nav ml-auto"> </ul> <script> $(document).ready(function () { $('#navbarDropdownNotification').on('show.bs.dropdown', function () { var isLoad = $('#notificationDetail').attr('data-load'); if (isLoad == 0) { $('#notificationDetail').css('display', 'flex'); $('#notificationDetail').css('justify-content', 'center'); $('#loading').show(); $.get('https://www.icons.salon/App/Notification/GetUserNotifications') .done(function (response) { $('#notificationDetail').attr('data-load', '1'); var html = ""; if (response.length > 0) { response.forEach(function (item) { let notificationDate = moment(item.NotificationDate).fromNow(); if (item.IsRead) { html += '<a href="' + item.Link + '" class="notification-list text-dark" data-id="' + item.Id + '">'; } else { html += '<a href="' + item.Link + '" class="notification-list notification-list--unread text-dark" data-id="' + item.Id + '">'; } html += '<div class="notification-list_img">'; html += '<img src="' + item.ActorProfilePictureUrl + '" alt="' + item.ActorName + '">'; html += '</div>'; html += '<div class="notification-list_detail">'; html += '<p><b>' + item.ActorName + '</b> <br><span class="text-muted">' + item.NotificationDesc + '</span></p>'; html += '<p class="nt-link text-truncate">' + item.PostName + '</p>'; html += '</div>'; html += '<p><small>' + notificationDate + '</small></p>'; html += '</a>'; }); $('#notificationDetail').css('display', ''); $('#notificationDetail').css('justify-content', ''); $(document).on("click", "a.notification-list--unread", function (e) { const notificationId = $(this).attr("data-id"); $.post('https://www.icons.salon/App/Notification/SetReadNotification', { notificationId: notificationId }); }); } else { var imageUrl = "https://backend.raklet.com/content/images/empty-inbox.svg"; html += '<div class="text-center"><img id="NotificationNoRecords" src="' + imageUrl + '" style=" max-height:180px;" class="text-center"></img>'; html += '<h6>No New notifications</h6>'; html += '<div class="text-muted"> Looks like you haven't received any notifications.</div></div>'; $(".notification-ui_dd-footer").find("a").addClass("d-none"); $("#markAllReadButton").addClass("d-none") } $('#notificationDetail').append(html); $('#loading').hide(); }); } }); $('#markAllReadButton').on('click', function () { $.get('https://www.icons.salon/App/Notification/SetReadAllNotification'); $("#notificationDetail .notification-list--unread").removeClass("notification-list--unread"); $(".notificationCount.unread-notification").addClass("d-none"); }); }); </script> </div>   <div class="SocialNavigation-title"></div> </nav> </div> </div> <div class="SocialContent"> <div class="container"> <div class="SocialBreadcrumb"> <ol class="breadcrumb"> <li><a href="https://www-icons-salon.translate.goog/c/modern-man?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto">Home</a></li> <li class="active">MODERN MAN</li> </ol> </div> <div class="SocialContent-body"> <div> </div> <div class="row"> <div class="col-md-12"> <div class="card mb-3 categoryHead"><img class="card-img-top" alt="MODERN MAN" src="https://rakletv3storage.blob.core.windows.net/844bc30f-705f-4a21-ab8f-291d132f4439/mediagallery/modernman1.jpg.jpeg"> <div class="card-body"> <div class="card-title"><b class="h2">MODERN MAN</b> <div class="btn-group pull-right" role="group" aria-label="Button group with nested dropdown"><button id="subscribeBtn" class="btn btn-primary" type="button" onclick="subscribeToBoard(1);" style="display: block;">Subscribe</button> <div class="btn-group btn-group-toggle" id="SubscribeBtnGroup" role="group" style="display: none;"><button id="SubscribeDropdownBtn" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-bell" aria-hidden="true"></i> </button> <div class="dropdown-menu" aria-labelledby="SubscribeDropdownBtn"> <div class="ml-3 mt-3"><b>Notifications:</b> </div> <div class="ml-3 mt-3 custom-control custom-radio custom-control-inline"><input type="radio" onclick="subscribeToBoard(0);" id="IsNever" name="Notification" class="custom-control-input"> <label class="custom-control-label " for="IsNever">Never</label> </div> <div class="ml-3 mt-3 custom-control custom-radio custom-control-inline"><input type="radio" onclick="subscribeToBoard(2);" id="IsDaily" name="Notification" class="custom-control-input"> <label class="custom-control-label " for="IsDaily">Daily</label> </div> <div class="ml-3 mt-3 custom-control custom-radio custom-control-inline"><input type="radio" onclick="subscribeToBoard(1);" checked=""checked"" id="IsWeekly" name="Notification" class="custom-control-input"> <label class="custom-control-label active" for="IsWeekly">Weekly</label> </div> </div> </div> <div class="btn-group" role="group" id="UnsubscribeBtnGroup" style="display: none;"><button id="UnsubscribeDropdownBtn" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-cog" aria-hidden="true"></i> </button> <div class="dropdown-menu dropdown-menu-right " aria-labelledby="UnsubscribeDropdownBtn"><button class="btn btn-default" type="button" id="Unsubscribe" onclick="unsubscribeToBoard();">Unsubscribe</button> </div> </div> </div> </div> <p class="card-text">A CLASSIC APPROACH TO A MODERN LOOK</p> </div> </div> <div id="announcements" class="row CategoryAnnouncements"> </div> <div id="loading" class="text-center"><img alt="Loading" src="/Content/Images/loading.gif"> </div> <div class="text-center d-none" id="loadMore"><button type="button" class="btn btn-primary mb-3 mt-3">More</button> </div> </div> </div> <script> var oldUrl=""; var currentPage; var timerId; var linkInput = document.getElementById('editor'); var debounceFunction = function (func, delay) { // Cancels the setTimeout method execution clearTimeout(timerId) // Executes the func after delay time. timerId = setTimeout(func, delay) } $(document).ready(function () { currentPage = 0; if ("True" === "True") { loadPageData(currentPage); } else { $('.SocialContent #loading').hide(); } $(document).on("click", "#loadMore", function() { currentPage += 1; loadPageData(currentPage); //this.style.display = 'none'; $(this).addClass("d-none"); }); $('.DefaultNewsletter').removeClass("mt-3"); $('#DefaultNewsletter-container').removeClass("col-md-12").addClass("col-md-9"); linkInput.addEventListener('input', function () { debounceFunction(createAnnouncementLink, 400) }); $("#editor").on("keyup", function (e) { var el = e.target; var editorData = el.value; if (editorData && editorData.length > 0) { el.style.height = "1px"; el.style.height = (25 + el.scrollHeight) + "px"; $('#btn-post-comment').attr("disabled", false); } else { $('#btn-post-comment').attr("disabled", true); } }); }); //function htmlEntities(str) { // return String(str).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"'); //} //sends a request to create link function createAnnouncementLink() { var editorData = linkInput.value; var detectedUrls = detectURLs(editorData); if (detectedUrls != null) { var url = detectedUrls[0]; if (!url.includes("https")) { url = "https://" + url; } if (oldUrl == url) { return; } $.ajax({ url: '/icons/announcement/CreateLink', method: 'POST', data: { url: url }, success: function (data) { if (data.success) { if (data.result.Title !== "") { oldUrl = data.result.Url; var linkHtml = GetRakletLinkCreatePreview(data.result); $("#linkPreview").removeAttr('hidden'); $("#linkPreview").html(linkHtml); } } } }); } else { //if there is not any link $("#linkPreview").attr('hidden', true); oldUrl=""; } } function deletePreview() { $("#linkPreview").attr('hidden', true); } function detectURLs(message) { var urlRegex = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/gi; return message.match(urlRegex) } var attachments = []; function createPost() { var categoryId = '148e4e77-3bf4-4bd4-9249-c34c49812e16'; //var editorData = editor.getData(); var editorData = $('#editor').val(); var subject = $('#Subject').val(); //editorData = htmlEntities(editorData); //if there is not any link preview then it means link deleted or does not exists! var isPreviewDeleted = $("#linkPreview").attr('hidden') ? true : false; $('#btn-post-comment').attr("disabled", true); $('#btn-post-comment').html("Loading"+"..."); $.ajax({ url: '/icons/announcement/createpost', method: 'POST', data: { id: categoryId, Subject: subject, Description: editorData, attachments, isPreviewDeleted: isPreviewDeleted }, success: function (data) { if (data.success) { if (data.approvalRequired) { toastr.warning('Posting Awaiting For Approval'); window.location.reload(); } else { window.location.reload(); } } else { window.location.href = 'https://www.icons.salon/Login'; } } }); } function showLinkPreviewImageError() { $("#linkImageContainer").attr("hidden", "hidden"); $("#linkPreviewDescription").removeClass("col-8"); $("#linkPreviewDescription").addClass("col-12"); } function subscribeToBoard(period) { var categoryId = '148e4e77-3bf4-4bd4-9249-c34c49812e16'; $.ajax({ url: '/icons/announcement/SubscribeToBoard', method: 'POST', data: { id: categoryId, period: period }, success: function (data) { if (data.success) { console.log("SubscribeToBoard success"); $('#subscribeBtn').hide(); $('#SubscribeBtnGroup').show(); $('#UnsubscribeBtnGroup').show(); toastr.success("Subscribed"); document.getElementById("SubscribeDropdownBtn").click(); } else { if (data.result === -1) { //redirect to membership page window.location.href = 'https://www.icons.salon/app/membership/create?categoryId=148e4e77-3bf4-4bd4-9249-c34c49812e16' } else { window.location.href = 'https://www.icons.salon/Login'; console.log("Subscribe failed"); toastr.error("Subscribe failed"); } } } }); }; function unsubscribeToBoard() { var categoryId = '148e4e77-3bf4-4bd4-9249-c34c49812e16'; $.ajax({ url: '/icons/announcement/UnsubscribeToBoard', method: 'POST', data: { id: categoryId }, success: function (data) { if (data.success) { console.log("UnsubscribeToBoard success"); //Unsubscribe $('#subscribeBtn').show(); $('#SubscribeBtnGroup').hide(); $('#UnsubscribeBtnGroup').hide(); toastr.success("Unsubscribed"); } else { window.location.href = 'https://www.icons.salon/Login'; console.log("Unsubscribe failed"); toastr.error("Unsubscribe failed"); } } }); }; function notificationTrigger(period) { $.ajax({ url: '/icons/announcement/NotificationTrigger', method: 'POST', data: { key: period }, success: function (data) { if (data.success) { console.log("NotificationTrigger " + period + " Success"); toastr.success("NotificationTrigger " + period + " Success"); } else { console.log("NotificationTrigger " + period + " Success"); } } }); }; function loadPageData(currentPage) { var permalink = "icons"; var slug = "modern-man"; $.ajax({ url: '/' + permalink + '/announcement/categoryannouncements', method: 'post', data: { pageNumber: currentPage, catSlug: slug, permalink: permalink }, beforeSend: function() { $('.SocialContent #loading').show(); }, success: function(data) { if (currentPage === 0) { $('#announcements').html(data); } else { $('#announcements').append(data); } }, complete: function() { $('.SocialContent #loading').hide(); var offset = $("input[name=offset]").last().val(); if (offset > 0) { $('#loadMore').removeClass("d-none"); console.log("offset > 0"); } $('[data-toggle="tooltip"]').tooltip(); } }); } function deleteFile(no) { var index = attachments.findIndex(function (x) { return x.No === no; }); if (index > -1) { attachments.splice(index, 1); $('#file-'+ no).remove(); } } function setFile() { var $form = $('#new-post-container'); var $files = document.querySelector("#post-attachments"); var $submitButton = $form.find('button[type="submit"]'); var files = document.getElementById('files').files; for (var i = 0; i < files.length; i++) { // for multiple files (function(file) { if (!file) { return false; } var name = file.name; var size = (file.size / 1024).toFixed(); var reader = new FileReader(); reader.onload = function(e) { var data = e.target.result; var b64 = data.split("base64,")[1]; var no = attachments.length + 1; var attachment = { FileName: name, File: b64, Size: file.size, No: no }; if (size > 20000) { alert("Couldn鈥檛 upload the file. Attachments should be smaller than 20MB."); $submitButton.prop('disabled', true); return false; } else { $submitButton.prop('disabled', false); } attachments.push(attachment); var li = document.createElement("li"); li.setAttribute("class", "mt-2"); li.setAttribute("id", "file-"+ no); li.innerHTML = '<i class="fa fa-paperclip"></i> ' + name + ' - (' + size + ' KB) <a class="text-danger" href="javascript:;" onclick="deleteFile('+ no + ')"><i class="fa fa-trash"></i></a>'; $files.appendChild(li); } reader.readAsDataURL(file); })(files[i]); } } </script> </div> </div> </div> <div class="SocialFooter d-none d-sm-block"> <div class="container"> <div class="row"> <div class="col-sm-6 text-left"><img class="company-logo" title="Icons - Icons" alt="Icons - Icons" src="https://rakletv3storage.blob.core.windows.net/844bc30f-705f-4a21-ab8f-291d132f4439/mediagallery/iconsblacklogo1.png_s400.png"> <span class="company-logo-text"> 漏 Copyright 2024 </span> </div> <div class="col-sm-6 rakletDiv"><a class="" target="_blank" href="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=https://www.raklet.com/membership-management-software?utm_source%3Draklet%26utm_medium%3Dsocial%26utm_campaign%3Dmembership-management-software%26utm_content%3Dicons%26utm_term%3Dannouncement-categoryindex" title="Membership Management Software By Raklet"> <span class="raklet-text"> Membership Management Software Powered by </span> <img class="mobil-logo raklet-logo" alt="Membership Management Software By Raklet" title="Membership Management Software By Raklet" src="https://raklet-backend-cdn.raklet.com/content/images/logo/color/black/64.png"> </a> </div> </div> </div> </div>  <div class="modal fade SocialBottomBarMobile" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="searchModalLabel">Search</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">脳</span> </button> </div> <div class="modal-body"> <form action="/App/Search" id="formSearchBar" method="get"> <div class="input-group mb-3"><input type="text" class="form-control" placeholder="Search" name="searchString" id="searchString"> <div class="input-group-append"><button type="submit" class="btn btn-outline-secondary"> <i class="fa fa-search m-r-xs"></i> Search </button> </div> </div> </form> </div> </div> </div> </div> <div style="display: none;"> <div id="loadingElement"><img src="/Content/images/loading.gif" alt="Loading" width="16" height="16" style="margin: 10px;"> </div> </div> </div> <script type="text/javascript"> var RakletMobileNative = { // This gets triggered on each page load in a webview identify: function (data) { console.log(data); // sendToNative((encodeURIComponent(JSON.stringify(RakletNativeLaunchSettings)))); localStorage.setItem("isNative", true); localStorage.setItem("deviceDetails", data); var dataObj = JSON.parse(data); if (dataObj && dataObj.appVersion) { //turn v1.0.68 (68) to v1.0.68 var appVersion = dataObj.appVersion.substring(0, a.indexOf("(")); //remove all non alpha numeric chars appVersion = appVersion.replace(/\W+/g, ""); localStorage.setItem("appVersion", appVersion); } if (dataObj && dataObj.deviceOS) { var deviceOS = dataObj.deviceOS; localStorage.setItem("deviceOS", deviceOS); } // deviceid orgmembership api baglantisini yap // Native bunu login sonra cagiryor sosyal ag girisnde oluyor cunku Raklet bunu sadece social icinde koyuyor? // {"deviceId":"","deviceBrand":"Apple","deviceModel":"x86_64","deviceOS":"iOS","deviceOSVersion":"12.1","appVersion":"v1.0 (1)"} // device id uygulaam tekrar kurulabilir, ios/android degisebiliyor, iphone kendisi de degistirebilir // her geliste save etmekte fayda olabilir. kisi birden fazla cihazdan da kullaniyor olabilir $.post( 'https://www.raklet.com/Api/v1/MobileDeviceInfo', { DeviceDetails: JSON.stringify(data), ApplicationUserId: "", DeviceId: dataObj.DeviceId, }, function (result) { console.log(result); } ); }, updateCardDetails: function(data) { var value = JSON.parse(data); var split = value.ExpirationDate.split('/'); var month = split[0]; var year = "20" + split[1]; $("#cardNumberInput, #CardNumber").val(value.CardNumber); $("#nameInput, #Name").val(value.HolderName); $("#ExpireMonth").val(month); $("#ExpireYear").val(year); }, push: function () { // sendToNative((encodeURIComponent(JSON.stringify(RakletNativeLaunchSettings)))); }, deepLink: function (data) {}, log: function (data) { // 300 - 400-500 hatalarini yakala // Rollbar'a gonder gerekiyorsa }, }; $(document).ready(function () { var controllerName = 'announcement'; var actionName = 'CategoryIndex'; var rakletMobile = getCookie("Raklet.Mobile"); var jsonMobile = null; if (rakletMobile) { jsonMobile = JSON.parse(rakletMobile); } // Save isNative in localStorage if (getUrlParameter("isNative") || (jsonMobile && jsonMobile.IsNative)) { localStorage.setItem("isNative", true); } var mVer = getUrlParameter("mVer"); if (mVer) { localStorage.setItem("mobileAppVersion", mVer); } if (localStorage.getItem("isNative")) { console.log("LocalStorage: isNative=true"); $("body").addClass("MobileNative"); $("body").addClass("MobileAppVersion"); var appVersion = localStorage.getItem("appVersion"); if (appVersion) { $("body").addClass("MobileNative" + appVersion); //MobileNativev1068 } if (window.ReactNativeWebView) { $("body").addClass("MobileReactApp"); } var deviceOs = localStorage.getItem("deviceOS"); if (deviceOs) { $("body").addClass("MobileNative" + deviceOs); //MobileNativeAndroid } $(".MobileNative:not(.MobileAppVersion) .navbar-toggler").on("click", function (e) { e.preventDefault(); e.stopPropagation(); enableHamburgerMenu(); openHamburgerMenu(); }); $(".launch-login").on("click", function (e) { e.preventDefault(); LaunchLoginPage(); }); if (controllerName.toLowerCase() == "login" && actionName.toLowerCase() == "index") { LaunchLoginPage(); } } }); function getCookie(cookieName) { let cookie = {}; document.cookie.split(';').forEach(function(el) { let [key,value] = el.split('='); cookie[key.trim()] = value; }) return cookie[cookieName]; } </script> <div class="modal fade" id="modal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title"><span id="modalTitle"></span></h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">脳</span> </button> </div> <div id="modalBody"> </div> </div> </div> </div> <script> $('#modal').on('show.bs.modal', function (e) { //Show Loading Element when opened $('#modalBody').html($('#loadingElement').html()); }); $('#modal').on('hidden.bs.modal', function () { //Reset the modal when closed $('#modalBody').html(''); $('.modal-header').removeAttr('hidden'); }); $(document).on("click", ".ProfileCard, .MemberDetailsCard, .directoryItem, .job-detail-footer", function () { $('.modal-header').attr('hidden', 'true'); }); </script> <script type="text/javascript" src="https://raklet-prod-frontend-v3.raklet.com/844bc30f-705f-4a21-ab8f-291d132f4439/custom.js?v=1732305475"></script> <script type="text/javascript"> RakletUser = { isAuthenticated: false, isMember: false, roles: [], subscriptions : null, name: "", profilePictureUrl: "", organisationMembershipLanguage: "", } $(function() { console.log(history.length); if (history.length === 1) { $(".SocialNavigation-goBackBtn").removeClass("d-block d-sm-none").addClass("d-none"); $(".SocialNavigation-toggler").remove(); $(".SocialNavigation nav").prepend('<button class="SocialNavigation-toggler navbar-toggler HeaderIconColor" type="button" data-toggle="modal" data-target="#menuModal" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>'); } }); </script> <script> !function (e, t, n, s, u, a) { e.twq || (s = e.twq = function () { s.exe ? s.exe.apply(s, arguments) : s.queue.push(arguments); }, s.version = '1.1', s.queue = [], u = t.createElement(n), u.async = !0, u.src = '//static.ads-twitter.com/uwt.js', a = t.getElementsByTagName(n)[0], a.parentNode.insertBefore(u, a)) }(window, document, 'script'); // Insert Twitter Pixel ID and Standard Event data below twq('init', 'o3zew'); twq('track', 'PageView'); </script> <script>function gtElInit() {var lib = new google.translate.TranslateService();lib.translatePage('en', 'en', function () {});}</script> <script src="https://translate.google.com/translate_a/element.js?cb=gtElInit&hl=auto&client=wt" type="text/javascript"></script> </body> </html>

CINXE.COM

MODERN MAN