Turn Webflow websites in Progressive Web Apps

<!DOCTYPE html> <html lang="en"> <head> <script> window.overrideAssetHost = "https://wishlist.webflow.com/assets/"; </script> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html charset=UTF-8" /> <meta name="publishing" content="true"> <title>Turn Webflow websites in Progressive Web Apps | Webflow Wishlist</title> <script type="text/javascript"> window.ahaLoaded = false; window.portalAssets = {"js":["/assets/runtime-v2-57cc3307d1ef75398052f4ce4e8dbdea.js","/assets/vendor-v2-3c4617f91b7579dc40f4e71e205b3ef3.js","/assets/idea_portals-v2-db1124048a9aeeb418604856e6e85076.js","/assets/idea_portals-v2-d14a55016d3519eff09e466fe8ce4940.css"]}; </script> <script> window.sentryRelease = window.sentryRelease || "1a18ff9fb9"; </script> <link rel="stylesheet" href="https://wishlist.webflow.com/assets/idea_portals-v2-d14a55016d3519eff09e466fe8ce4940.css" data-turbolinks-track="true" media="all" /> <script src="https://wishlist.webflow.com/assets/runtime-v2-57cc3307d1ef75398052f4ce4e8dbdea.js" data-turbolinks-track="true"></script> <script src="https://wishlist.webflow.com/assets/vendor-v2-3c4617f91b7579dc40f4e71e205b3ef3.js" data-turbolinks-track="true"></script> <script src="https://wishlist.webflow.com/assets/idea_portals-v2-db1124048a9aeeb418604856e6e85076.js" data-turbolinks-track="true"></script> <script src="https://cdn.aha.io/assets/aha_web_components-v2-4603b06330f7a0b1764abd6a0b53b1f8.js" crossorigin="anonymous" data-turbolinks-track="true"></script> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="w8OZuhlVOrAn4l2dSWbXp4A3L9xXjZzbtiek6nXVAJjV2E5WLnezCXG5psRGomOUT7PK9bsFRY05x_J_2K9kfw" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="locale" content="en" /> <meta name="portal-token" content="b38946d845e1f3724a02b763dc95e094" /> <meta name="idea-portal-id" content="6358181848082153567" /> <link rel="icon" href="https://wishlist.webflow.com/portal-favicon.png?1720031930&size=thumb16" /> </head> <body class="ideas-portal public"> <style> /* ################################################### */ /* ################################################### */ /* STYLE OVERRIDES START */ /* ################################################### */ /* ################################################### */ /* ------------------------------------- */ /* FONTS */ /* ------------------------------------- */ @font-face { font-family: 'Graphik'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Regular-Web.5a0c1a002e.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Regular-Web.5e78809d4d.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Regular-Web.9806bc37bf.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Graphik'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-RegularItalic-Web.7c44c9e817.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-RegularItalic-Web.a9b91de662.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-RegularItalic-Web.c3aa8858b8.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Graphik'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Medium-Web.abf6e1188f.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Medium-Web.2523d1a466.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Medium-Web.4327644773.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Graphik'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-MediumItalic-Web.1d15660caf.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-MediumItalic-Web.e843973a9c.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-MediumItalic-Web.1e7e99e909.woff') format('woff'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-light.7c6a95bf96.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-light.8fd1f76d6f.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-light.1ce95fd3b4.woff') format('woff'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-lightitalic.f5dd588863.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-lightitalic.52d6cd625f.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-lightitalic.ce93d14c9c.woff') format('woff'); font-weight: 200; font-style: italic; } /* Akkurat */ @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-regular.29e757590a.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-regular.3ec7f3d6d1.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-regular.f00a7952f3.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-italic.1b7b4e1809.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-italic.7825dadd40.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-italic.996bcdfe8d.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bold.98b3f0b5cf.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bold.06a424d24a.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bold.0d13cf93e7.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bolditalic.9394657766.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bolditalic.32a978d0ea.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bolditalic.a66dd68440.woff') format('woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'icomoon'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/wishlist-icons/icomoon.365159169d.eot'); src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/wishlist-icons/icomoon.365159169d.eot#iefix') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/wishlist-icons/icomoon.dfe38b8d08.ttf') format('truetype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/wishlist-icons/icomoon.7d8d1b7967.woff') format('woff'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/wishlist-icons/icomoon.7bd7c854a5.svg') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrows-16px-1_tail-left:before { font-family: 'icomoon' !important; content: "\e900"; font-size: 16px; } .icon-arrows-16px-2_corner-left-round:before { font-family: 'icomoon' !important; content: "\e901"; font-size: 16px; } .icon-arrows-16px-2_log-out:before { font-family: 'icomoon' !important; content: "\e902"; font-size: 16px; } .icon-arrows-16px-4_logout:before { font-family: 'icomoon' !important; content: "\e903"; font-size: 16px; } .icon-signout:before { font-family: 'icomoon' !important; content: "\e902"; font-size: 16px; } .icon-chevron-right:before, .icon-chevron-down:before { font-size: 11px; vertical-align: middle; } .icon-arrows-24px-outline-1_tail-right:before { font-family: 'icomoon' !important; content: "\e904"; font-size: 24px; } .icon-arrows-24px-outline-1_tail-triangle-right:before { font-family: 'icomoon' !important; content: "\e905"; font-size: 24px; } .icon-shopping-16px-2_customer-support-outline:before { font-family: 'icomoon' !important; content: "\e906"; font-size: 16px; } .icon-shopping-16px-2_customer-support:before { font-family: 'icomoon' !important; content: "\e907"; font-size: 16px; } .icon-text-16px_bold:before { font-family: 'icomoon' !important; content: "\e908"; font-size: 16px; } .icon-text-16px_italic:before { font-family: 'icomoon' !important; content: "\e909"; font-size: 16px; } .icon-remove-sign:before { content: "\f057"; } .icon-text-16px_list-bullet:before { font-family: 'icomoon' !important; content: "\e90a"; font-size: 16px; } .icon-text-16px_list-numbers:before { font-family: 'icomoon' !important; content: "\e90b"; font-size: 16px; } .icon-text-editor-16pxArtboard-2:before { font-family: 'icomoon' !important; content: "\e90c"; font-size: 16px; } .mce-i-bold:before { font-family: 'icomoon' !important; content: "\e90c"; font-size: 16px; } .icon-text-editor-16pxArtboard-3:before { font-family: 'icomoon' !important; content: "\e90d"; font-size: 16px; } .mce-i-italic:before { font-family: 'icomoon' !important; content: "\e90d"; font-size: 16px; } .icon-text-editor-16pxArtboard-4:before { font-family: 'icomoon' !important; content: "\e90e"; font-size: 16px; } .mce-i-bullist:before { font-family: 'icomoon' !important; content: "\e90e"; font-size: 16px; } .icon-text-editor-16pxArtboard-5:before { font-family: 'icomoon' !important; content: "\e90f"; font-size: 16px; } .mce-i-numlist:before { font-family: 'icomoon' !important; content: "\e90f"; font-size: 16px; } .icon-text-editor-16pxArtboard-6:before { font-family: 'icomoon' !important; content: "\e910"; font-size: 16px; } .mce-i-link:before { font-family: 'icomoon' !important; content: "\e910"; font-size: 16px; } .icon-ui-10px-zoom:before { font-family: 'icomoon' !important; content: "\e911"; font-size: 10px; } .icon-ui-16px-1_attach-87:before { font-family: 'icomoon' !important; content: "\e912"; font-size: 16px; } .icon-paper-clip:before { font-family: 'icomoon' !important; content: "\e912"; font-size: 14px; vertical-align: bottom; } .icon-ui-16px-1_check:before { font-family: 'icomoon' !important; content: "\e913"; font-size: 16px; } .icon-ui-16px-1_eye-19:before { font-family: 'icomoon' !important; content: "\e914"; font-size: 16px; } .icon-eye-open:before { font-family: 'icomoon' !important; content: "\e914"; font-size: 14px; } .icon-ui-16px-1_eye-ban-20:before { font-family: 'icomoon' !important; content: "\e915"; font-size: 16px; } .icon-eye-close:before { font-family: 'icomoon' !important; content: "\e915"; font-size: 14px; } .icon-ui-16px-1_home-51:before { font-family: 'icomoon' !important; content: "\e916"; font-size: 16px; } .icon-ui-16px-1_home-simple:before { font-family: 'icomoon' !important; content: "\e917"; font-size: 16px; } .icon-home:before { font-family: 'icomoon' !important; content: "\e917"; font-size: 16px; } .icon-ui-16px-1_pencil:before { font-family: 'icomoon' !important; content: "\e918"; font-size: 16px; } .icon-pencil:before { font-family: 'icomoon' !important; content: "\e918"; font-size: 14px; margin-top: -3px; display: inline-block; } .icon-ui-16px-1_preferences-circle:before { font-family: 'icomoon' !important; content: "\e919"; font-size: 16px; } .icon-ui-16px-1_settings-gear-63:before { font-family: 'icomoon' !important; content: "\e91a"; font-size: 16px; } .icon-wrench:before { font-family: 'icomoon' !important; content: "\e91a"; font-size: 16px; } .icon-ui-16px-1_simple-remove:before { font-family: 'icomoon' !important; content: "\e91b"; font-size: 16px; } .icon-ui-16px-1_zoom-2:before { font-family: 'icomoon' !important; content: "\e91c"; font-size: 16px; } .icon-ui-16px-1_zoom:before { font-family: 'icomoon' !important; content: "\e91d"; font-size: 16px; } .icon-ui-16px-2_chat-round-content:before { font-family: 'icomoon' !important; content: "\e91e"; font-size: 16px; } .icon-ui-16px-2_link-69:before { font-family: 'icomoon' !important; content: "\e91f"; font-size: 16px; } .icon-ui-16px-3_chat-33:before { font-family: 'icomoon' !important; content: "\e920"; font-size: 16px; } .icon-ui-16px-3_chat-45-outline:before { font-family: 'icomoon' !important; content: "\e921"; font-size: 16px; } .icon-ui-16px-3_chat-45:before { font-family: 'icomoon' !important; content: "\e922"; font-size: 16px; } .icon-ui-16px-3_chat-46:before { font-family: 'icomoon' !important; content: "\e923"; font-size: 16px; } .icon-ui-16px-3_chat-47:before { font-family: 'icomoon' !important; content: "\e924"; font-size: 16px; } .icon-comments:before { font-family: 'icomoon' !important; content: "\e923"; font-size: 16px; } .icon-ui-24px-outline-1_check-circle-08:before { font-family: 'icomoon' !important; content: "\e925"; font-size: 24px; } .icon-ui-24px-outline-1_circle-remove:before { font-family: 'icomoon' !important; content: "\e926"; font-size: 24px; } .icon-ui-24px-outline-1_eye-19:before { font-family: 'icomoon' !important; content: "\e927"; font-size: 24px; } .icon-ui-24px-outline-2_alert-circle-explaim:before { font-family: 'icomoon' !important; content: "\e928"; font-size: 24px; } .icon-ui-24px-outline-2_alert-circle-i:before { font-family: 'icomoon' !important; content: "\e929"; font-size: 24px; } .icon-ui-24px-outline-2_alert-circle-question:before { font-family: 'icomoon' !important; content: "\e92a"; font-size: 24px; } .icon-ui-24px-outline-3_alert:before { font-family: 'icomoon' !important; content: "\e92b"; font-size: 24px; } .icon-users-24px-outline_circle-10:before { font-family: 'icomoon' !important; content: "\e92c"; font-size: 24px; } .icon-users-32px-outline_circle-08NO:before { font-family: 'icomoon' !important; content: "\e92d"; font-size: 32px; } /* ##################################### */ /* Webflow Navbar and Dropdown Default Styles */ /* ##################################### */ @font-face { font-family: 'webflow-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff'); font-weight: normal; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .w-icon-nav-menu:before { content: "\e602"; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .w-clearfix:before, .w-clearfix:after { content: " "; display: table; } .w-clearfix:after { clear: both; } /* Container */ .w-container { margin-left: auto; margin-right: auto; max-width: 1110px; } .w-container:before, .w-container:after { content: " "; display: table; } .w-container:after { clear: both; } @media screen and (max-width: 1139px) { .w-container { max-width: 990px; } } @media screen and (max-width: 1025px) { .w-container { max-width: none; padding-left: 12px; padding-right: 12px; } } /* Dropdown */ .w-nav { position: relative; background: #dddddd; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } .w-nav-brand:hover { text-decoration: none; color: #333333; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link:hover { text-decoration: none; color: #222222; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { position: relative; float: right; } .w--nav-menu-open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #c8c8c8; text-align: center; overflow: visible; min-width: 200px; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay .w--nav-menu-open { top: 0; } .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] .w--nav-menu-open { right: auto; z-index: 1; top: 0; } .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] .w--nav-menu-open { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-nav-button.w--open { background-color: #c8c8c8; color: white; } .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .w-nav[data-collapse="all"] .w-nav-button { display: block; } .collapse{ overflow: visible; } @media screen and (max-width: 780px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: block; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 779px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } } /* Dropdown */ .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } .w-dropdown-link.w--current { color: #0082f3; } .w-nav[data-collapse="all"] .w-dropdown, .w-nav[data-collapse="all"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="all"] .w-dropdown-list { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-dropdown, .w-nav[data-collapse="medium"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="medium"] .w-dropdown-list { position: static; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-dropdown, .w-nav[data-collapse="small"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="small"] .w-dropdown-list { position: static; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-dropdown, .w-nav[data-collapse="tiny"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="tiny"] .w-dropdown-list { position: static; } } /* ##################################### */ /* Navbar Custom Styles */ /* ##################################### */ .navbar { background-color: #000; font-size: 13px; font-family: "Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; -webkit-font-smoothing: antialiased; margin-bottom: 50px; } .navlink { margin-top: 13px; margin-bottom: 13px; padding: 12px 17px; opacity: 0.5; -webkit-transition: opacity 50ms ease; transition: opacity 50ms ease; color: #fff; font-size: 15px; line-height: 20px; font-weight: 500; } .navlink:hover { opacity: 1; color: #fff; } .portalname { padding-left: 10px; float: left; color: #fff; font-size: 20px; line-height: 27px; } .logoimage { margin-top: 2px; float: left; } .navlink.w--current { opacity: 1; } .navlink.currentnavlink { opacity: 1; } .nav-menu { padding-top: 0px; padding-bottom: 0px; padding-left: 10px; } .menubutton { color: #fff; } .logo { margin-top: 14px; padding-top: 7px; padding-bottom: 7px; -webkit-transition: color 50ms ease, opacity 50ms ease; transition: color 50ms ease, opacity 50ms ease; } .logo:hover { opacity: 0.65; } .navdropdown { margin-top: 13px; margin-bottom: 13px; padding: 12px 22px 12px 17px; opacity: 0.5; -webkit-transition: opacity 50ms ease; transition: opacity 50ms ease; color: #fff; font-size: 15px; line-height: 20px; font-weight: 500; } .navdropdown:hover { opacity: 1; } .navdropdownicon { margin-right: 0px; } .dropdownmenu.w--open { margin-top: -4px; padding-top: 7px; padding-bottom: 7px; border-radius: 3px; background-color: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .17); } .dropdownmenulink { min-width: 130px; padding: 8px 12px; font-size: 15px; font-weight: 500; } .dropdownmenulink:hover { background-color: #eef0f3; } /*@media (max-width: 1110px) { .customcontainer { padding-right: 10px; padding-left: 10px; } }*/ @media (max-width: 991px) { .navlink { padding-right: 14px; padding-left: 14px; } /* .customcontainer { max-width: 738px; }*/ } @media (max-width: 767px) { .navlink { margin-top: 5px; margin-bottom: 5px; padding: 10px 20px; font-size: 14px; } .nav-menu { display: block; overflow: hidden; width: 100%; height: auto; margin-top: 0px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 30px; padding-left: 0px; border-radius: 0px; background-color: #000; } .logo { margin-top: 9px; padding-left: 0px; } .portalname { font-size: 20px; } .logoimage { width: 82px; } .menubutton { padding-right: 0px; } .menubutton.w--open { background-color: transparent; } .navcontainer { padding-right: 20px; padding-left: 20px; } .navdropdown { margin-top: 5px; margin-bottom: 5px; padding: 10px 20px; } .navdropdownicon { position: static; display: inline-block; } .dropdownmenu.w--open { display: block; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; background-color: transparent; } .dropdownmenulink { margin-top: 5px; margin-bottom: 5px; padding-left: 31px; opacity: 0.5; color: #fff; } .dropdownmenulink:hover { background-color: transparent; opacity: 1; color: #fff; } .navdropdowntext { display: inline-block; margin-right: 8px; } /*.customcontainer { max-width: 100%; margin-right: 20px; margin-left: 20px; padding-right: 0px; padding-left: 0px; }*/ } @media (max-width: 479px) { .logo { width: auto; } } /* ------------------------------------- */ /* DEFAULT STYLES OVERRIDES */ /* ------------------------------------- */ body { font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; color: rgba(33, 41, 51, 1); /* Default text color */ } /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;*/ h1,h2 { font-family: "Akkurat",-apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; color: rgba(33, 41, 51, 1); /* Default text color */ } h3,h4,h5,h6 { font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; color: rgba(33, 41, 51, 1); /* Default text color */ } h1 { font-weight: 300; font-size: 40px; line-height: 130%; margin-top: 0; letter-spacing: -0.6px; } h3 { font-size: 22px; line-height: 1.2; margin-bottom: 11px; font-weight: 400; letter-spacing: .4px; margin-top: -5px; } p, li, aside.quote { color: rgba(33, 41, 51, 1); /* Default text color */ } a { color: #146EF4; /* primary-blue */ } a:hover, a:focus { /*color: #146EF4;*/ /* primary-blue */ color: rgba(33, 41, 51, 1); /* Default text color */ text-decoration: none; } .subnav-section { padding: 22px 0 20px; background: #F7F8FA; margin-bottom: 28px; border-bottom: 1px solid rgba(30, 42, 73, 0.06); /* UI black */ line-height: 1px; } .portal-nav { margin-bottom: 12px; } .portal-sidebar .add-idea-button { margin-bottom: 0; } .filters { margin: 0px 0px 20px 0; } .filters .filter { font-size: 14px; transition: background-color 100ms ease; } .filters .filter strong { font-weight: 400; } .filters .filter:hover { background-color: rgba(20, 110, 244, 0.10); /* primary-blue */ color: rgba(58, 76, 211, 1); /* primary-blue darker */ } .filters .filter span { color: rgba(30, 42, 73, 0.4); } .filters .filter:hover span { color: rgba(30, 42, 73, 0.8); } .filters .filter:focus { text-decoration: none; } .filters .filter.active { background-color: rgba(33, 41, 51, 1); /* black */ } .filters .filter.active:hover { background-color: rgba(33, 41, 51, 1); /* black */ color: white; } .filters .filter.active .close { color: transparent; text-shadow: none; } .filters .filter.active .close:before { font-family: 'icomoon' !important; content: "\e911"; font-size: 10px; color:white !important; text-shadow: none; margin-right: -10px; } .filters .filter.active:hover { background-color: rgba(33, 41, 51, 0.8); } .filters .filter .category-collapser { width: 11px; text-align: left; } .portal-sidebar h4 { margin-bottom: 3px; font-size: 12px; font-weight: 500; } /* idea note */ .idea-count-description { border-radius: 3px; padding: 17px 17px 10px; background: #f7f8fa; margin: 20px 0 10px; border: 1px solid rgba(30, 42, 73, 0.06); } .idea-count-description p { color: rgba(33, 41, 51, 0.6); } .idea-count-description strong { color: rgba(33, 41, 51, 1); } .idea-count-description strong.endorsements_used_text { color: rgba(29, 190, 126, 1); } .idea-count-description hr { display: none; } /* Vote Button */ .btn-vote { width: 70px; border: none; background-color: white; text-decoration: none; border-radius: 0; text-align: center; color: #999; } .btn-vote.voted:hover { background-color: transparent; } .btn-vote:hover { background-color: transparent; } .btn-vote:focus { background-color: transparent; } .btn-vote .vote-count { display: block; font-size: 25px; font-weight: 400; line-height: 57px; margin-top: 0px; margin-bottom: 5px; border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.25); /* UI black */ /*background-color: rgba(30, 42, 73, 0.02);*/ /* UI black */ background-color: transparent; color: rgba(33, 41, 51, 1); /* Default text color */ transition: box-shadow 100ms ease, color 100ms ease, background-color 100ms ease; } .btn-vote .vote-status { background-color: rgba(33, 41, 51, .92); /* Text black */ padding: 4px 0px 4px 2px; border-radius: 2px; transition: background-color 100ms ease; font-size: 11px; } .btn-vote:hover .vote-count { box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.45); /* UI black */ /*background-color: rgba(30, 42, 73, 0.02);*/ /* UI black */ } .btn-vote:hover .vote-status { background-color: rgba(0,0,0,1); } .btn-vote.voted .vote-count { color: rgba(29, 190, 126, 1); /* primary-green */ box-shadow: inset 0 0 0 1px rgba(23, 160, 106, 0.5); /* dark-green */ background-color: rgba(29, 190, 126, .03); } .btn-vote.voted .vote-status { background-color: rgba(29, 190, 126, 1); /* primary-green */ } .btn-vote.voted:hover .vote-count { box-shadow: inset 0 0 0 1px rgba(23, 160, 106, 0.6); /* dark-green */ /*background-color: rgba(29, 190, 126, 0.06);*/ color: rgba(23, 160, 106, 1); /* dark-green */ } .btn-vote.voted:hover .vote-status { background-color: rgba(23, 160, 106, 1); /* dark-green */ } .btn-vote .vote-status:hover, .btn-vote.voted .vote-status:hover { color: white; } .btn-vote .vote-status:hover .caret, .btn-vote.voted .vote-status:hover .caret { border-top-color: white; } .btn-vote .vote-count:hover { color: rgba(33, 41, 51, .92); /* UI black */ } .btn-vote.voted .vote-count:hover { color: rgba(23, 160, 106, 1); /* dark-green */ } .btn-vote .vote-status .caret { margin-top: 7px; margin-left: 1px; } .btn-vote:not(.merged):hover, .btn-vote:not(.merged):focus, .btn-vote.voted:not(.merged):hover, .btn-vote.voted:not(.merged):focus { background-color: transparent; } .btn-vote .vote-status.dropdown-toggle { min-width: 77px; } /* Status Label */ .status-pill { border-radius: 3px; font-size: 14px; border: 0px solid; } /* Ideas */ .ideas .idea { border-bottom: 1px solid rgba(30, 42, 73, 0.10); padding: 15px 0px; } .ideas .idea .description { min-height: 20px; font-size: 14px; line-height: 140%; margin-bottom: 15px; } .ideas .idea .idea-details { width: 82%; } .ideas .idea a:visited h3 { color: rgba(133, 138, 144, 1) !important; /* dim text grey */ } .ideas .idea a:visited .description { color: rgba(133, 138, 144, 1); /* dim text grey */ } .ideas .idea a .idea-details h3 { transition: color 100ms ease; } .ideas .idea a .idea-details h3::after { content: "→"; display: inline; opacity: 0; transition: opacity 100ms ease; } .ideas .idea a .idea-details:hover h3::after { /*color: #146EF4; */ /*text-decoration: underline;*/ opacity: 1; } .ideas .idea a .idea-details h3, .ideas .idea a .idea-details .description { /*transition: opacity 100ms ease;*/ } .ideas .idea a .idea-details:hover h3, .ideas .idea a .idea-details:hover .description { /*opacity: 0.7;*/ } .ideas .idea a:visited { color: inherit; } .ideas .idea .idea-details .idea-meta .avatar img { margin-top: -3px; margin-right: 11px; } .ideas .idea .idea-details .idea-meta { color: rgba(133, 138, 144, 1); } .ideas .idea .idea-details .idea-meta .comment-count, .ideas .idea .idea-details .idea-meta .comment-count i { color: rgba(30, 42, 73, 0.4); /* UI black */ transition: color 100ms ease; vertical-align: middle; } .ideas .idea .idea-details .idea-meta .comment-count:hover, .ideas .idea .idea-details .idea-meta .comment-count:hover i { color: #253343; } /* Avatar */ .avatar { position: relative; } .avatar img { border: 0px solid transparent; border-radius: 50px; width: 26px; } .avatar.avatar-large img { border-radius: 50px; } .avatar img.admin-user { border: 2px solid rgba(252, 71, 131, 1); /* pink */ } .avatar .user-type { font-size: 11px; line-height: 13px; text-transform: capitalize; color: rgba(252, 71, 131, 1); /* pink */ font-weight: 400; margin-top: 4px; margin-left: -6px; } /*span.avatar img::before { content:""; border:1px solid red; position: absolute; top: 0; left:0; right:0; bottom:0; }*/ /* Tabs */ .nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus { font-weight: 500; } .nav-tabs>li>a { padding-top: 0; padding-bottom: 0; padding: 12px 18px; margin-right: 3px; transition: background-color 100ms ease; } .nav>li>a:hover, .nav>li>a:focus { /*background-color: rgba(30, 42, 73, 0.06);*/ /* UI black */ color: #146EF4; /* primary-blue */ background-color: rgba(20, 110, 244, .08); } .nav-tabs>li>a:hover, .nav-tabs>li>a:focus { border-color: transparent transparent transparent; } /* Button Styles */ .btn { padding: 9px 24px; font-size: 14px; line-height: 20px; font-weight: 400; color: white; text-shadow: none; background-color: #146EF4; background-image: none; background-image: none; background-image: none; background-image: none; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: 100ms background-color ease, box-shadow 100ms ease; } .btn i { margin-right:3px; } .btn-outline { color: #146EF4; /* primary-blue */; border: none; box-shadow: inset 0 0 0 1px #146EF4; /* primary-blue */; background-color: white; } .btn:focus { outline: 0; } .btn.btn-outline:hover, .btn.btn-outline:active, .btn.btn-outline:focus, .btn.btn-outline.active, .btn.btn-outline.disabled, .btn.btn-outline[disabled] { background-color: white; /* UI black */ text-shadow: none; color: #146EF4; /* primary-blue */; border-color: none; box-shadow: inset 0 0 0 2px #146EF4; /* primary-blue */; } .btn-outline.btn-primary, .btn-outline.btn-primary:focus, .btn-outline.btn-primary.disabled, .btn-outline.btn-primary[disabled] { color: white; border-color: transparent; background-color: #146EF4; /* primary-blue */ box-shadow: none; transition: 100ms background-color ease; } .btn-outline.btn-primary:hover, .btn-outline.btn-primary:active { background-color: rgba(58, 76, 211, 1); /* primary-blue darker */ color: white; box-shadow: none; } .btn-outline:disabled,.btn-outline[disabled],.btn-outline.disabled { background-color:rgba(30, 42, 73, 0.7)!important; color: white !important; border: none !important; box-shadow: none !important; outline: 0 !important; } .current-user-info { margin-bottom: 0px; /*padding: 10px; background-color: rgba(30, 42, 73, 0.06);*/ /* UI black */ /*border-radius:3px; box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.06);*/ /* UI black */ } .current-user-info:first-child { margin-bottom: 20px; } .current-user-info .user-name .caret { margin-top: 8px; } .dropdown-toggle:hover { color: #146EF4; /* primary-blue */ } .dropdown-toggle:hover .caret { border-top-color: #146EF4; /* primary-blue */ } .dropdown-menu { background-color: #ffffff; border: none; box-shadow: 0 0 0 1px rgba(30, 42, 73, 0.1), 0 1px 10px rgba(30, 42, 73, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .dropdown-menu>li>a { padding: 6px 20px; vertical-align: middle; color: rgba(30, 42, 73, 1); } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { /*background-color: #146EF4;*/ /* primary-blue */ background-color: rgba(30, 42, 73, 0.10); /* UI color */ color: rgba(30, 42, 73, 1); background-image: none; } .dropdown-menu>li>a>i { margin-right:2px; } /* Forms / inputs */ .portal-content .input-xxlarge, .portal-content select.input-xxlarge, .portal-content .select2-container.select2-container-multi.input-xxlarge { width: 100%; height:40px; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select, .portal-content select.input-xxlarge { background-image: url(https://d3e54v103j8qbb.cloudfront.net/images/caret-down-medium.e548cd2725.svg); background-position: 98% center; background-repeat: no-repeat; background-size: 12px; } select:active, select:hover, select:focus { outline: none } select:focus { -webkit-box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ -moz-box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { box-sizing: border-box; background-color: #fff; border: none; outline: none; -webkit-box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.25); /* UI black */ -moz-box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.25); /* UI black */ box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.25); /* UI black */ height: 40px; padding: 10px 10px 11px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #253343; /* primary-black */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; -webkit-transition: border ease 100ms, box-shadow ease 100ms; -moz-transition: border ease 100ms, box-shadow ease 100ms; -o-transition: border ease 100ms, box-shadow ease 100ms; transition: border ease 100ms, box-shadow ease 100ms; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border: none; outline: 0; -webkit-box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ -moz-box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ } textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder { color: rgba(33, 41, 51, 0.35); } .field-with-errors input, .field-with-errors select, .field-with-errors textarea, .field-with-errors input[type="text"], .field-with-errors input[type="password"], .field-with-errors input[type="datetime"], .field-with-errors input[type="datetime-local"], .field-with-errors input[type="date"], .field-with-errors input[type="month"], .field-with-errors input[type="time"], .field-with-errors input[type="week"], .field-with-errors input[type="number"], .field-with-errors input[type="email"], .field-with-errors input[type="url"], .field-with-errors input[type="search"], .field-with-errors input[type="tel"], .field-with-errors input[type="color"], .field-with-errors .uneditable-input, .field-with-errors .select2-choices, .field-with-errors input:focus, .field-with-errors select:focus, .field-with-errors textarea:focus, .field-with-errors input[type="text"]:focus, .field-with-errors input[type="password"]:focus, .field-with-errors input[type="datetime"]:focus, .field-with-errors input[type="datetime-local"]:focus, .field-with-errors input[type="date"]:focus, .field-with-errors input[type="month"]:focus, .field-with-errors input[type="time"]:focus, .field-with-errors input[type="week"]:focus, .field-with-errors input[type="number"]:focus, .field-with-errors input[type="email"]:focus, .field-with-errors input[type="url"]:focus, .field-with-errors input[type="search"]:focus, .field-with-errors input[type="tel"]:focus, .field-with-errors input[type="color"]:focus, .field-with-errors .select2-choices:focus, .field-with-errors .uneditable-input:focus { border-color: none; -webkit-box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1) !important; /* pink */ -moz-box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1)!important; /* pink */ box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1)!important; /* pink */ } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { opacity: .6; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: none; -webkit-box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1); /* default blue */ -moz-box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1); /* default blue */ box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1); /* default blue */ color: rgba(252, 71, 131, 1); } .field-with-errors .control-label, .field-with-errors .help-block, .field-with-errors .help-inline { color: rgba(252, 71, 131, 1); } .help-inline { padding-left: 0px; } label { margin-bottom: 8px; font-size: 15px; } label .sub-label.required { background-color: rgba(30, 42, 73, 0.25); color: white; border-radius: 2px; padding: 1px 4px 2px; font-size: 11px; margin-left: 5px; text-transform: uppercase; } /* Search */ .search-field input { margin: 0; padding: 0px 5px 1px 30px; height: 34px; line-height: 26px; font-size: 12px; width: 100%; -webkit-box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.20); /* UI black */ -moz-box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.20); /* UI black */ box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.20); /* UI black */ } .search-field input:focus { border: none !important; -webkit-box-shadow: inset 0 0 0 2px #146EF4 !important; /* default blue */ -moz-box-shadow: inset 0 0 0 2px #146EF4 !important; /* default blue */ box-shadow: inset 0 0 0 2px #146EF4 !important; /* default blue */ } .search-field:before { font-family: 'icomoon' !important; content: "\e91c"; font-size: 16px; color: #253343; /* primary-black */ padding-left: 4px; top: 3px; position: absolute; } .idea-search-form i.icon-remove-sign { left: auto; font-size: 17px; top: 7px; right: 8px; z-index: 100; color: rgba(30, 42, 73, 1); } .idea-search-form i.icon-remove-sign:hover { color: #146EF4; } .search-field .clear-button { top: 2px; color: rgba(30, 42, 73, 1); } .search-field .clear-button:hover { color: #146EF4; } /* New Idea */ .found-ideas { margin-bottom: 25px; } .found-ideas h4 { margin-bottom: 8px; font-size: 15px; font-weight: 600; text-transform: inherit; /*color: rgba(252, 71, 131, 1);*/ /* pink */ color: rgba(29, 190, 126, 1); /* green */ } .found-ideas ul.ideas { overflow: auto; border: none; padding: 15px 15px 0 15px; margin-bottom: 10px; max-height: 300px; /*background-color: rgba(252, 71, 131, 0.10);*/ /* pink */ background-color: rgba(29, 190, 126, .1); /* green */ /*box-shadow: inset 0 0 0 1px rgba(205, 58, 106, 0.08);*/ /* dark pink */ box-shadow: inset 0 0 0 1px rgba(23, 160, 106, 0.1); /* dark green */ border-radius: 4px; } .found-ideas ul.ideas .idea { padding: 0 0; border-bottom-color: rgba(23, 160, 106, 0.15); /* dark green */ margin-bottom: 17px; } .found-ideas ul.ideas .idea:last-child { margin-bottom: 0px; } .found-ideas ul.ideas .idea .idea-details { width: 100%; margin-bottom: 12px; } .found-ideas .ideas .idea a:visited h3, .found-ideas .ideas .idea a:visited .description { color: rgba(33, 41, 51, 1); /* primary-black */ } .found-ideas ul.ideas .idea a .idea-details:hover h3 { color: #253343; /* primary-black */ /*text-decoration: underline;*/ } .found-ideas .ideas .idea .idea-details .idea-meta .status-pill { box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* Breadcrumbs */ .breadcrumb { margin: 0 0 17px; } .breadcrumb:only-child { margin: 0; } /* Alerts */ .alert { padding: 14px 37px 15px 16px; margin-bottom: 20px; text-shadow: none; background-color: #F7F8FA; border: 1px solid rgba(30, 42, 73, 0.1); /*background-color: #FFF9EF; border: 1px solid #F8EEE0;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #253343; /* primary-black */ font-size: 17px; line-height: 22px; } /*.alert .close { top: -1px; right: -21px; color: #253343; opacity: 0.5; }*/ .alert h4 { font-size: 19px; line-height: 25px; font-weight: 500; text-transform: capitalize; margin: 0 0 15px; display: inline-block; color: #253343; } .alert p { margin-bottom: 0; font-size: 16px; line-height: 24px; } .alert::before { font-family: 'icomoon' !important; content: "\e929"; font-size: 24px; vertical-align: text-top; margin-right: 10px; } .alert-danger::before, .alert-error::before { content: "\e92b"; } .alert-success::before { content: "\e925"; } .idea-response.alert-success::before { display: none; } .alert .close { color: transparent; text-shadow: none; top: 2px; right: -19px; line-height: 16px; opacity: .4; transition: opacity 100ms ease; } .alert .close::before { font-family: 'icomoon' !important; content: "\e91b"; font-size: 16px; color: #253343; /* primary-black */ text-shadow: none; margin-right: -16px; } .alert .close:hover { opacity: 1; } .alert-danger, .alert-error { background-color: #FFF1F5; border: 1px solid #FAE5EB; color: rgba(252, 71, 131, 1); } .alert-danger .close::before, .alert-error .close::before { color: rgba(252, 71, 131, 1); } .alert-success { background-color: rgba(29, 190, 126, .1); border: 1px solid rgba(23, 160, 106, .1); color: rgba(23, 160, 106, 1); /* dark green */ } .alert-success .close::before { color: rgba(23, 160, 106, 1); } .alert-info { background-color: #F2F7FF; border: 1px solid #E4ECFA; color: #146EF4; /* default blue */ } .alert-info .close::before { color: #146EF4; /* default blue */ } .idea-response.alert.alert-success { background-color: rgba(252, 71, 131, 0.08); /* pink */ border: 1px solid rgba(205, 58, 106, 0.08); /* dark pink */ margin-top: 30px; } .idea-response.alert.alert-success h4 { } .idea-responses .idea-response h4, .idea-responses .idea-response .time { color: rgba(252, 71, 131, 1); /* dark pink */ font-size: 15px; } /* Detail Page */ .user-content p, .comment-text p { margin: 0 0 10px; font-size: 14px; line-height: 145%; } .idea-content h2 { font-size: 36px; line-height: 130%; margin-bottom: 17px; font-weight: 300; letter-spacing: -.6px; margin-top: -8px; } .idea-content { width: 55%; } .idea-content .description { margin-bottom: 25px; } .idea-content .idea-products-and-categories { margin: 14px 0px 13px; } .idea-content .idea-products-and-categories a { background-color: white; padding: 4px 11px 5px; border-radius: 50px; font-size: 14px; color: #253343; /* primary-black */ box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.20); /* UI black */ transition: box-shadow 100ms ease, color 100ms ease; } .idea-content .idea-products-and-categories a:hover { box-shadow: inset 0 0 0 1px #146EF4; /* default blue */ color: #146EF4; /* default blue */ text-decoration: none; } .idea-comments ul.comments>li .body .comment-header .name, .idea-comments ul.comments>li .body .comment-header .controls { font-size: 14px; color: rgba(30, 42, 73, 0.45); /* UI black */ } .idea-comments ul.comments>li .body { width: calc(100% - 55px); border-bottom: 1px solid rgba(30, 42, 73, 0.2); /* UI black */ padding-bottom: 24px; padding-left: 0; margin-bottom: 12px; } .idea-comments ul.comments>li.idea-comment-new { margin-bottom: 40px; } .sidebar-section { margin-bottom: 23px; border-bottom: 1px solid rgba(30, 42, 73, 0.2); /* UI black */ padding-bottom: 23px; } .sidebar-header { margin-bottom: 7px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0; } .related-ideas, .idea-categories { list-style-type: disc; padding-left: 17px; } .related-ideas li, .idea-categories li { margin-bottom: 6px; font-size: 14px; color: rgba(30, 42, 73, 1); } .idea-comments ul.comments>li .body > .comment-header { margin-bottom: 10px; } .user-content b, .comment-text b, .user-content b a, .comment-text b a { font-weight: 700; } .user-content ul, .comment-text ul, .user-content ol, .comment-text ol { padding: 0; margin: 0 0 12px 30px; font-size: 14px; } .user-content ul li, .comment-text ul li, .user-content ol li, .comment-text ol li { line-height: 145%; } .user-content a, .comment-text a { text-decoration: underline; color: rgba(33, 41, 51, 1); } .user-content a:hover, .comment-text a:hover { color: #146EF4; } .attachment .img-container .attachment-thumbnail { /* box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.20); border-radius: 3px; padding: 1px; transition: box-shadow 100ms ease, color 100ms ease;*/ overflow: visible; border: none; background-color: transparent; } .attachment .img-container .attachment-thumbnail img { border-radius: 2px; } .attachment .img-container .attachment-thumbnail:hover { /*box-shadow: inset 0 0 0 2px #146EF4; */ } .attachment .img-container:hover .attachment-thumbnail img { box-shadow: 0 0 0 2px #146EF4; } .attachment .caption { color: rgba(30, 42, 73, 0.45); /* UI black */ word-wrap: break-word; line-height: 15px; } .attachments { margin-top: 5px; margin-bottom: -15px; } .attachment { padding: 0px; padding-right: 15px; margin-bottom: 15px; } .idea-response .attachment .img-container .attachment-thumbnail .image-helper { height: auto; } /*.idea-content .idea-meta li { list-style-type: none; list-style-image: url('bla.svg') }*/ /*.idea-content .idea-meta li:not(:first-child) { list-style-type: none; }*/ .idea-content .idea-meta li { font-size: 14px; line-height: 25px; } .idea-content .idea-meta li:first-child { list-style-type: none; line-height: 25px; } .idea-meta > li > .status-pill { display: inline-block; margin-top: -1px; padding-top: 0px; } .public .search-form { width: 27%; } .public .search-form .search-field { width: 100%; } .public .breadcrumb li:not(:first-child) { display: none; } /*.public .breadcrumb li .divider { display: none; }*/ .breadcrumb li a:hover { text-decoration: none; color: #212933; /* dark text color */ } .breadcrumb > li > a i { margin-right: 4px; } /* Replace detail page breakcrumb link - START */ /*.idea .breadcrumb li a::before { content: "← Back to Wishlist"; }*/ /*.breadcrumb > li > a i { display: none; }*/ /*.idea .breadcrumb li i.icon-home::before { font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; content: "←"; display: none; }*/ /* Replace detail page breakcrumb link - END */ /*.idea-meta-secondary:not(:first-child)::before { content:"Category: "; display: inline; }*/ /* Layout */ .container, .customcontainer { max-width: 1110px; padding: 0; display: block; margin-right: auto; margin-left: auto; } .portal-content { width: 70%; padding-left: 0px; float: left; box-sizing: border-box; } .portal-sidebar, .right-sidebar { width: 27%; float: right; margin-right: 0; margin-left: 3%; padding: 2%; border: 1px solid rgba(30, 42, 73, 0.15); border-radius: 3px; box-sizing: border-box; } .portal-sidebar br { display:none; } .portal-sidebar .my-ideas-filters-wrapper { margin-top: 20px; } .portal-sidebar .categories-filters-wrapper { margin-bottom: 40px; } /* Vote Buttons */ .idea-endorsement, .idea-sidebar { width: auto; text-align: left; min-width: 77px; max-width: 77px; margin-right: 17px; } .btn-vote, .btn-vote.dropdown { width: 77px; } .portal-aha-footer { min-height: 80px; } .portal-aha-footer .container { display: none; } .btn-vote .dropdown-vote { border-radius: 0 0 3px 3px; margin-top: 0px; padding: 6px 0; } .btn-vote .dropdown-vote li a { padding: 3px 9px; } /* Random */ .edit-profile .user-fields:last-child { border-bottom: none; } .portal-user.popover form .controls input { max-width: 100%; } .portal-user.popover form h3 { text-align: center; margin-top: 15px; font-size: 16px; letter-spacing: 0; font-weight: 500; margin-bottom: 15px; } .portal-user.popover form label { font-size: 14px; margin-top: 0px; } .label-private-idea { font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; line-height: 130%; font-size: 14px; text-transform: capitalize; font-weight: 500; padding: 4px 7px 3px; background-color: #FFF26A; border-radius: 3px; color: #3D3200; letter-spacing: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: rgba(30, 42, 73, 0.04); border-top: 1px solid rgba(30, 42, 73, 0.1); -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .modal-header h3 { font-size: 20px; font-weight: 500; } .attachment-modal .open-attachment { padding: 4px 10px; margin: 2px 10px 0 0; letter-spacing: 0; font-weight: 500; } .attachment-modal .modal-header .close { top: inherit; right: inherit; line-height: 30px; margin-top: 0px; } .attachment-modal .modal-header .close::before { color: black; } .modal.fade.in { top: 20%; } .wishlist-logo-link { color: #253343; transition: opacity ease 100ms; } .wishlist-logo-link:hover { opacity: 0.5; color: #253343; } /* Signup */ body.external-app .login-popup section input { font-size: 14px; font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; } body.external-app .login-popup section label { font-weight: 400; } body.external-app .login-popup h2 { border-bottom: 1px solid rgba(30, 42, 73, 0.1); /* UI black */ font-size: 25px; font-weight: 300; font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; } .form-horizontal .control-label { padding-top: 9px; } /* MCE Overrides */ .mce-panel { border: 0 solid rgba(30, 42, 73, 0.2); /* UI black */ background-color: white; } .aha-editor-link-edit-panel .mce-container.mce-tinymce:not(.mce-tinymce-inline).mce-edit-focus, #tinymce .mce-container.mce-tinymce:not(.mce-tinymce-inline).mce-edit-focus { border-color: #146EF4; box-shadow: 0 0 0 1px #146EF4; /* default blue */ outline: none; } .mce-edit-area.mce-container.mce-panel.mce-last.mce-stack-layout-item { border-color: transparent; } #tinymce, .mce-content-body.user-content { background-color: #FFFFFF; font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif !important; font-size: 14px !important; line-height: 17px !important; margin: 10px !important; padding: 2px !important; } .mce-btn i { text-shadow: none; } .attachment-button { padding: 0; font-size: 14px; color: rgba(30, 42, 73, 0.45); /* UI black */ line-height: 140%; margin-bottom: 19px; } .aha-editor-link-edit-panel .mce-container { background: #F4F4F6; /* UI black */ } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(1) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(2) > div .mce-widget.mce-btn:nth-child(3) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(2) > div .mce-widget.mce-btn:nth-child(4) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(3) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(4) > div .mce-widget.mce-btn:nth-child(3) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(4) > div .mce-widget.mce-btn:nth-child(4) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(5) > div .mce-widget.mce-btn:nth-child(1) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(7) { display:none; } #mce-modal-block.mce-in { opacity: .6; filter: alpha(opacity=60); } .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in { border: none; border-radius: 6px; } .mce-container .mce-btn.mce-primary button { text-shadow: none; font-size: 14px; padding: 0px; background-color: #146EF4; } .mce-container .mce-btn.mce-primary button:hover { background-color: rgba(58, 76, 211, 1); } .mce-floatpanel .mce-title { font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; font-size: 20px; line-height: 1.2; font-weight: 400; margin: 4px 0px; } .mce-tooltip-inner { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .aha-editor-link-edit-panel .mce-btn:hover, #tinymce .mce-btn:hover { background: transparent; } .aha-editor-link-edit-panel .mce-btn:hover button i, #tinymce .mce-btn:hover button i { color: #146EF4; /* primary-blue */ } .aha-editor-link-edit-panel .mce-btn.mce-active, #tinymce .mce-btn.mce-active, .aha-editor-link-edit-panel .mce-btn.mce-active:hover, #tinymce .mce-btn.mce-active:hover, .mce-btn:not(.mce-disabled):active { background-color: transparent; background-image: none; background-image: none; background-image: none; background-image: none; background-image: none; background-repeat: repeat-x; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .aha-editor-link-edit-panel .mce-btn.mce-active button i, #tinymce .mce-btn.mce-active button i, .aha-editor-link-edit-panel .mce-btn.mce-active:hover button i, #tinymce .mce-btn.mce-active:hover button i { color: #146EF4; /* primary-blue */ } .mce-edit-area.mce-container.mce-panel.mce-last.mce-stack-layout-item iframe{ min-height: 110px; } /* Footer Styles */ footer { padding: 40px 0; text-align: center; margin-top: 60px; border-top: 1px solid #E9EAED; } .footer-text { color: rgba(133, 138, 144, 1); /* dim text grey */; display: inline-block; font-weight: 300; font-size: 14px; } .footer-divider { margin: 0 5px; } .footer-link { color: rgba(133, 138, 144, 1); /* dim text grey */; } .footer-link:hover, .footer-link:focus { color: rgba(133, 138, 144, 1); /* dim text grey */; text-decoration: underline; } @media (min-width: 767px) { .portal-nav .search-form { -webkit-justify-content: flex-start; justify-content: flex-start; } } @media (max-width: 1110px) { .container, .customcontainer { padding: 0 10px; } @media (max-width: 960px) { .right-sidebar, .private .right-sidebar, .public .right-sidebar, .submit-only .right-sidebar { width: 100%; box-sizing: border-box; margin: 0 auto; float: none; clear: left; } } @media (max-width: 767px) { .public .search-form { width: 100%; margin-bottom: 15px; } } @media (max-width: 670px) { .private .portal-sidebar, .public .portal-sidebar, .submit-only .portal-sidebar { width: 100%; margin-right: 0; margin-bottom: 20px; margin-left: 0; height: 100%; } .public .idea-sidebar .idea-endorsement { margin: 0 auto 0 0; } .private .right-sidebar, .public .right-sidebar, .submit-only .right-sidebar { padding: 15px; width: 100%; } .ideas .idea .idea-details .idea-meta .idea-meta-created { width: 40%; } .private .search-query, .public .search-query, .submit-only .search-query { display: block; } .public .idea-sidebar { width: 20%; margin-right: 2%; min-width: 0; max-width: none; } .public .idea-content { width: 78%; } .breadcrumb { margin: 0px; } } @media (max-width: 500px) { .nav-tabs>li>a { padding: 13px 13px; } .idea-endorsement, .idea-sidebar { margin-bottom: 18px; float: left; width: 15%; } } @media (max-width: 400px) { .public .idea-sidebar { width: 20%; margin-right: 5%; } .public .idea-content { width: 75%; } } /* ################################################### */ /* ################################################### */ /* END */ /* ################################################### */ /* ################################################### */ </style> <header class="webflow-header">  <div class="navbar w-nav" data-animation="default" data-collapse="small" data-duration="400"> <div class="customcontainer w-clearfix"> <a class="logo w-clearfix w-nav-brand" href="https://webflow.com"><img alt="home" class="logoimage" src="https://uploads-ssl.webflow.com/52b1d97cd25933e36e000134/6529c1beac2fb6a71ab69e60_Full_Logo_Blue_White%20(1).svg" width="122"> </a> <a class="logo w-clearfix w-nav-brand" href="https://wishlist.webflow.com"> <div class="portalname">Wishlist</div> </a> <nav class="nav-menu w-nav-menu" role="navigation"> <a class="navlink w-nav-link" href="https://university.webflow.com/videos">Courses</a> <a class="navlink w-nav-link" href="https://university.webflow.com/articles">Guides</a> <a class="navlink w-nav-link" href="https://forum.webflow.com/">Forum</a> <a class="navlink w-nav-link" href="https://university.webflow.com/contact">Contact</a> <div class="w-dropdown" data-delay="0" data-hover="1"> <div class="navdropdown w-dropdown-toggle"> <div class="navdropdowntext">More</div> <div class="navdropdownicon w-icon-dropdown-toggle"></div> </div> <nav class="dropdownmenu w-dropdown-list"> <a class="dropdownmenulink w-dropdown-link" href="https://developers.webflow.com">API Docs</a> <a class="dropdownmenulink w-dropdown-link" href="https://university.webflow.com/glossary">Glossary</a> </nav> </div> </nav> <div class="menubutton w-nav-button"> <div class="menubuttonicon w-icon-nav-menu"></div> </div> </div> </div> <script type="text/javascript" src="https://daks2k3a4ib2z.cloudfront.net/52cf50823d343d6104000288/js/webflow.b67a707b9.js"></script> </header> <div class="container">  <div class="idea" id="6596007981356949439"> <div class="portal-nav"> <ul class="breadcrumb"> <li> <a href="/ideas"> <i class='fa-regular fa-home'></i> Home </a> <span class="divider">/</span> </li> <li class="active"> <a href="/ideas?project=WEBFLOW">WEBFLOW</a>-I-1422 <span class="divider">/</span> </li> <li> <a href="/portal_session/new?return_to=%2Fideas%2Fnew">New idea</a> </li> </ul> <div class="search-form"> <form class="form-horizontal idea-search-form" action="/ideas/search" accept-charset="UTF-8" method="get"> <div class="search-field"> <input type="text" name="query" id="query" class="input-medium search-query" placeholder="Search ideas" aria-label="Search ideas" /> <a class="fa-regular fa-circle-xmark clear-button" style="display:none;" href="/ideas"></a> </div> </form></div> </div> <div class="clearfix"></div> <div class="idea-sidebar"> <div class="idea-endorsement" id="idea-6596007981356949439-endorsement"> <a class="btn-vote" data-disable="true" href="/auth/jwt?return_to=%2Fideas%2FWEBFLOW-I-1422%3Freturn_to_action%3Dvote_6596007981356949439"> <span class="vote-count"> 1,041 </span> <span class="vote-status"> Vote </span> </a> <div class="popover vote-popover portal-user"></div> </div> </div> <div class="idea-content"> <div class="ajax-flash"></div> <h2> Turn Webflow websites in Progressive Web Apps </h2> <div class="description"> <div class="note" data-reactive-preserve-attributes="true"> <p>Can you add the ability to upload two files a manifest.json file and a serviceworkers.js file to the location where the website is hosted. (these files are extremely small). Once we can upload these 2 files, we can add a couple of javescript lines to the header of each page, and we can start taking advantage of the Progressive Web Apps (PWA's). When a website is PWA compliant, we can start using local cache so websites load even when there is no internet. In Africa everybody access the internet through a phone, but a signal is not always available, when we use local cache they can still see the website without internet connection (of course they need to visit the website before when there is internet)</p> <p>Also when the website is PWA compliant, it can act like a native app on your cellphone.I exported a website from webflow, added two files Manifest.json and serviceworker.js and added 10 lines of code in the header of each page, and the website became WPS compliant. No other change are needed.</p> </div> </div> <ul class="idea-meta"> <li> <span class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/2c2cd3046fe6af5658a8e5009cf60f4f?default=mm&rating=G&size=32" width="32" height="32" /> </span> Erik Vanderlaan </li> <li> Aug 31 2018 </li> <li> <span class="status-pill" title="Reviewed" style="border: none; background-color: #E3ECFE">Reviewed</span> </li> <div class="clearfix"></div> </ul> <div class="idea-products-and-categories"> <a href="/ideas?category=6379323526385423927">Hosting</a> </div> <div class="tabbable"> <ul class="nav nav-tabs"> <li class="active"> <a data-toggle="tab" href="#comments"> <span class="comment-count"> Comments (57) </span> </a> </li> <li> <a data-toggle="tab" href="#votes"> <span class="vote-count"> Votes (1041) </span> </a> </li> <li> <a data-toggle="tab" href="#merged-ideas"> Merged ideas (1) </a> </li> </ul> <div class="tab-content comments-tab-content"> <div class="tab-pane active idea-comments" id="comments"> <ul class="comments"> <li class="idea-comment idea-comment-new " id="idea-comment-new--top-level"> <div class="full-body"> <div class="save-btn"> <a class="btn btn-small btn-primary btn-outline" href="/auth/jwt?return_to=%2Fideas%2FWEBFLOW-I-1422">Post comment</a> </div> </div> <div class="popover comment-popover comment-popover--classic comment-popover--top-level portal-user"></div> </li> <script> //<![CDATA[ //]]> </script> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/b057c90306f6c1bc27fe8b0b63c5b08a?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Frank Filipplli commented </span> </div> <div class="controls"> <span class="posted"> 04 Feb 18:37 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>This is just too simple, if you guys don't do this after all this time you just don't care!</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7331817852539958063" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/b057c90306f6c1bc27fe8b0b63c5b08a?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Frank Filipplli commented </span> </div> <div class="controls"> <span class="posted"> 04 Feb 18:35 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>WOW over 5 years and nothing! I can't tell if Webflow is just lazy or clueless. This is such a basic feature that lesser web builders have already had for years now.</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7331817201214977132" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/cedc3e8a8607057b3ea25498bc64bc11?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Dean Gray commented </span> </div> <div class="controls"> <span class="posted"> 13 Jan 00:04 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>Massive impact possible with this feature, with ecosystem players like Wized around plus ability to make Webflow websites PWAs this combo could be massive - please make it happen.</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7323367203041052788" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/1ee2160dddd3ee024545270dbb0dd262?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Allen Hart commented </span> </div> <div class="controls"> <span class="posted"> 06 Jan 18:17 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>I'll pay $1k per year for this.</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7321051166800325875" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/5cb22908e9f5de166fd0dbfa0ef54a35?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Miles commented </span> </div> <div class="controls"> <span class="posted"> October 12, 2023 18:18 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>I will pay for this (as a freelancer) and the corporation I work for (enterprise) will also pay for this</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7289138200566410335" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/039d28cbdac90f3ebe65a9352abad8cc?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> HYPE Team commented </span> </div> <div class="controls"> <span class="posted"> October 06, 2023 22:57 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>Imagine how cool it would be to have this pretty straightforward feature implemented! It could have an awesome impact, enabling us to create installable web apps with Webflow!</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7286983553920573429" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/bb11d34e8d37d7661c58abcfa30c8999?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Patrick Luzny commented </span> </div> <div class="controls"> <span class="posted"> June 07, 2023 20:03 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>This strikes me as a low effort, high-reward feature to implement, given the nearly 1,000 (as of this writing) votes.</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7242037436531946879" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/f8af8da539827561545a572f5841d704?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Gregory Brewton commented </span> </div> <div class="controls"> <span class="posted"> May 24, 2023 03:58 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>This is pretty much a necro post at this point, but here it goes: Webflow is the only site builder I use. I always built all of my sites and applications from scratch. Most (not all) are Mongo Express React Node stack because of the flexibility and control and, most importantly, the ability to build for the web and have a platform-agnostic app on a phone or desktop. I've built a few PWAs by hand, so I know it can be a pain, but I would love to see this feature. My clients would love it, and would likely be willing to pay for it.</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7236593472136283230" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/004e6802fe4f3253adb2c84a5e42b8ad?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> jåW dîN commented </span> </div> <div class="controls"> <span class="posted"> May 22, 2023 13:47 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>"Reviewed" in 2021... what's the next step? 🤞</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7236003147718833344" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/fcb1f3805125f008dcf2395978bb710c?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Ruhan Carlos Bortolanza commented </span> </div> <div class="controls"> <span class="posted"> May 13, 2023 14:45 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>+1</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7232678366667519401" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/8665a0772a27a49624f5a355a55c3531?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Yannick Caron commented </span> </div> <div class="controls"> <span class="posted"> April 05, 2023 13:22 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>This would be awesome since I love using Webflow to design and build web-apps. the only thing is that turning a webflow project into a pwa is such a hassle now. You have to either use progressier, webviewgold or any other solution that i might not be aware of.</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7218555581807494785" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/e73944ae55b45b93a86390df33f24442?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Jean-Baptiste Minier commented </span> </div> <div class="controls"> <span class="posted"> December 19, 2022 14:04 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>+1</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7178860374669458006" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/2fe7770d3028a4c1c4c6a16e088508d8?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Simon commented </span> </div> <div class="controls"> <span class="posted"> September 26, 2022 13:50 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>+1</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7147685689256376024" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/8e422df59f323cea85a8d69381490d66?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Sebbe IK commented </span> </div> <div class="controls"> <span class="posted"> July 13, 2022 09:44 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>+1</p><p><br></p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7119790878917205882" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/1475bc59c12dee78431c8c3454d41897?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Reece Ward commented </span> </div> <div class="controls"> <span class="posted"> July 08, 2022 16:51 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>+1</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7118045511422114064" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/9730d91a3d6a31a3c39dba7f20ed73cf?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Guest commented </span> </div> <div class="controls"> <span class="posted"> February 18, 2022 17:07 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>Finally!</p><p><br></p><p>You can transfer you site to GitHub automated, where you can setup custom scripts OR you can use the intelligent prefetching feature which allows you to have a website available offline without any service worker!</p><p><br></p><p><a href="https://dash.stacket.app/" rel="nofollow noreferrer noopener" target="_blank">https://dash.stacket.app/</a></p><p><br></p><p><a href="https://stacket.app/" rel="nofollow noreferrer noopener" target="_blank">https://stacket.app/</a></p><p><br></p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7066097497764715627" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/6bdb52d61859683621db3318ebf64dcb?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> L F commented </span> </div> <div class="controls"> <span class="posted"> January 18, 2022 05:32 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>+1</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7054414783705647598" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/3b937a42beb422c170ddba337bcf4614?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Sandro Hagen commented </span> </div> <div class="controls"> <span class="posted"> October 24, 2021 09:24 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>Come on let's make root directory access happen for this! Its 2021 and soon 2022! :-)</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7022561426729323354" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/af1a892ee5a58b1e14411611d1efc384?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Maximilian Mäser commented </span> </div> <div class="controls"> <span class="posted"> October 06, 2021 17:54 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>They should just add the option to access the root directory to make us create a service worker!</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7016013288424269480" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/14e4252ebde79b578afd7be9dd187d46?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Lucas commented </span> </div> <div class="controls"> <span class="posted"> September 14, 2021 12:22 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>This seems a MUST have in 2021. Let's do it !</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7007763766871524033" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment comment-more"> <a class="js-comment-more-link" href="#">Load older comments</a> </li> <script> //<![CDATA[ $(".js-comment-more-link").rebind('click.load-more-comments', function (event) { event.preventDefault(); $('.comment-more').remove(); $.get("https://wishlist.webflow.com/ideas/6596007981356949439/idea_comments.js?before=2021-09-14T12%3A22%3A28Z") }); //]]> </script> </ul> </div> <div class="tab-pane" id="votes"> <ul class="show-votes"> <li data-id="7439227203254461934" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/f2e5b466621beb56fb6ea2393c4ba512?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7436898872874972779" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/792bb2d140abbf91de4cbeeb6ac64d7f?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7427214314710045483" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/d63db3f5a240017e9941297c97b350aa?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7419439066982327345" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/f58227d79e2f05641c8fc7639baba947?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7414550915229265578" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/2c37f7188e5a76b2f78a45fad4128ca2?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7414139608826288625" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/3407c1abbc240c38899521c77b06ed86?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7413175514740283961" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/51470af0bf36d3d460687fe8eb692d9e?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7411171401391913150" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/084ac59d523e181ab4d2a8fb6ae7c31f?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7410715994659638410" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/ec740b79df65ce646abcd9590ceb61ac?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7398228588391347608" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/ae205d1dc4b0a141bd9a96ac463e5403?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7394406360015933342" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/354660e4b838a9413e55fca68d630359?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7387690678104929196" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/ab1dfec4e26911234c6b8aeb154c4531?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7387480990758044540" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/925ddadcbca5cc83b00fed76b69ac854?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7384751449297493904" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/23ce6d287c977c23de3f8cd6dea33911?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7384415931326182967" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/13f7d963d7d7eef65fe03266ec05e33a?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7377845883840366953" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/73e55abad9a499d22ab3b2f39cace5c6?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7371663633754440789" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/dafb5eb1f0f006abf862b079c0891080?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7369896098211449946" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/cd9cd3a2b97a54585971c1402c03fd38?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7366241289955062823" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/6ddaff21a1ce3a3ea19edc1b8df4ebbd?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7360631705607011129" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/927d3b5cac391a21be10c4484ac12da6?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7357990532264408096" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/f001257e9d24aaba50d2f4982fa440a5?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7356654352728927953" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/baaa994f418b208fedd71428d1a27c5d?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7352058375288770124" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/21ffbe980c44967a4333cb9c1194291b?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7351449429752707360" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/feca079ec98c4889687c3bf3eac57e7a?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7349666592851444693" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/c1774f6c4d2fd1f4cb903aac404d2869?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7348225252669019373" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/3d384a5abe025b892cc3521efed040bd?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7346355878118403161" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/a731e630f51ba29cd110675425f17c41?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7344109220237881444" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/d241ccc2b3834974e519d12bebc4dc70?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7342552265974957393" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/c8238a22add31fe10b3ea8018d3cfaa5?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7342549865321846523" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/a60e313b01d6b0dead9d1b4f755378b5?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7335974869117293109" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/b4deef205f11a707a41c1fc34c2d5123?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7331816334403118913" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/b057c90306f6c1bc27fe8b0b63c5b08a?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7330342784844530924" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/c82bc4c37d6f5ee4c67f34bfde97b471?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7329496865333276271" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/251d411d26aa2a77f78cd02f45b9b8be?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7329489269711335066" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/01fdee965eeb6d77f225115355eb4986?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7325187477149975530" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/4b525635ccbb162a57df28db4d111cfb?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7325125210192358862" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/345f627b1cf4b13ec4867e5887fd8e6e?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7323209724095402049" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/45da48bdc91e6348a0c71b7e705e124a?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7323141898712571245" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/f00a5d50bbfc9e9bfbca5339875bb800?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7322854673222620265" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/c5391e304018a111374ba80221f54159?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7322839156409660121" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/ed12ff3a246211ff3c0995c57be8300d?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7322480811614810204" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/b0fc2ec2382ef1f46783d47633a1c2c8?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7321685428523058662" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/a00b84861b461e28a620bfee578834e5?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7321376523606743835" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/471a3ff745e4b7385ac37c4754ccb6a7?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7321051070493877232" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/1ee2160dddd3ee024545270dbb0dd262?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7316483783246948816" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/5c6ae140c5e8d0c6dc5905882327a70a?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7315064286116652698" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/62a4ca42d25cf604c96b35dc9023ba20?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7312483357071147908" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/383067447be0ad60f3959e040e8998c3?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7312203089226856717" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/687878396157bde9726646f00545d362?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7311404324159023821" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/9da6b7f672c6280fd1435a87b36f1298?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7306936345345742171" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/1faea7a4551cd737c33dabf9a2ea656d?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7305667712037563968" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/619d2a6fc7e8fef0f531437f79c41121?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7304656463786114948" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/ec5ed1fa5c1c34f4a7979b6dae841d84?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7302536737378067003" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/7060c18e35ea73f057aea06ff02e485e?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7302351556403806028" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/213e69021c34e9712b10729996a7e18f?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7300667858726774922" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/399d2f9a1f2214d0eb8dd5cd9bf097bb?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7299289092677000279" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/dd5e9bb39c0135994171bfda1b0066d0?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7298405751344300150" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/a72d29bfde85c56dffa3aecc8c8930d7?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7294557001852407101" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/fb789be32ec308fc6673bf68ddacfa1a?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7291052746267286634" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/6fbceda5fed4bc0c26cf35a40aae7e3d?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7289761104319800219" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/35a0fc4b9ad627c43273b15130c46e88?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7289137800891600722" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/5cb22908e9f5de166fd0dbfa0ef54a35?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7287011743952135899" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/cd2e039336db4743c163d2771aaf669f?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7286919090992381876" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/b8a09bcb0eca1209eae009824049eae6?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7286872882533401408" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/039d28cbdac90f3ebe65a9352abad8cc?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7286544527819766247" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/77f3c8503ee2f07190b16c70338de403?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7283433545453157685" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/178d95105b6ae730e70ba3f7bf3f10a7?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7273342427470018810" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/6c825eecf2b85dff56faf31dcc14e2ab?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7271261399626094029" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/f8add39f4827b6c9784d5ce501b73cf3?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7270530995992000735" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/a1334908e3955de4607e8b2c71b3a47c?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7270072888002987378" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/75d9ed3fbd456c0d8b172fedc9f782cd?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7269057763469568597" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/67dae1cbbff0bb8a075f605e3d991560?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7268277376438182151" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/375a8a3a6f4ba26e629b30b9955934ac?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7264586531747523604" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/ac43cffcf7023b28d34c734aa0c3013d?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7260568594326838734" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/294b5d40c179088463d6bfe7bdaec370?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7259475216251406526" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/38dd091ed3cd23aec727bdf8760c09fb?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7259380046570136307" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/135f387e6a6199a97f0ec367bf98e348?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7254983527333081139" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/4198499595b539cc8d1bd799c905d541?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7254855248145623071" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/f3789e0c2e2d62c1f6afca3e9de1cfca?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7251113331383407207" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/cc559d8042abcf9083225a5b1a5845be?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7250275600622165449" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/df1a5b5089d913e555e6275c74d2d525?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7247532858594602336" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/f435868d7fb790fb398266643bc5c198?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7243696048933761624" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/cab475717cfe5ee92974a226e5184777?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7242036882643974301" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/bb11d34e8d37d7661c58abcfa30c8999?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7236760966688114136" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/59e62a93d20dca9ba187df1e1ffc5f70?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7236655871902950740" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/ad45a2e8620d2438a1e838baaad13d6c?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7236591044069945553" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/f8af8da539827561545a572f5841d704?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7236002988837695166" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/004e6802fe4f3253adb2c84a5e42b8ad?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7235970565789725246" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/4af208d778518ff92d9e34b5ae9d2d93?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7234397661420025135" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/9d5e0af811410c12da574d0fde0122a1?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7231968523936670530" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/e25db98d2cd0b6173138e53aa105f729?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7224184827813321257" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/ff1451cddbe956873a5585598eab3836?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7219335789717188932" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/023a8e8d4067154c12f78ec82e248761?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7212267460247860340" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/e5bfa48d55e49eeeeaf20f92d68c8684?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7210756065584093321" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/8a36e6fa9a32fc9c1890d623a6d38ce4?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7210570530737612280" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/e7e43520acd1a0bff1b9be8960ac689f?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7203085960575687516" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/1b1b6a81227aa18c314b7975d775e677?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7202214281029969435" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/fb734d0b393bcd9745f793b2679e1946?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7200556706084679595" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/e7acd5e9feb3a17989e0a9a35b8a0898?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7199676832655383567" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/709a1cb1472650119235c2aeb4dd90ce?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li> +941 </li> </ul> </div> <div class="tab-pane" id="merged-ideas"> <ul class="merged-ideas ideas"> <li class="idea" id="6784449264673325063"> <div class="idea-endorsement" id="idea-6784449264673325063-endorsement"> <a class="btn-vote" data-disable="true" href="/auth/jwt?return_to=%2Fideas%2FWEBFLOW-I-1422%3Freturn_to_action%3Dvote_6784449264673325063"> <span class="vote-count"> 85 </span> <span class="vote-status"> Vote </span> </a> <div class="popover vote-popover portal-user"></div> </div> <a class="idea-link" href="/ideas/WEBFLOW-I-2514"> <div class="idea-details"> <h3> Creating Progressive Web Apps with Webflow <span class="label-private-idea"> <span class="tooltip-trigger-container" tabindex="0"> <i class="fa-solid fa-merge"></i> </span> <aha-tooltip> Merged </aha-tooltip> </span> </h3> <div class="description"> Being able to create and publish PWA's directly from Webflow instead of exporting and patching together in other services seems like a no-brainer especially now that Webflow is flush with new Series-A cash! PLEASE bring us PWA publishing ability, ... </div> <div class="idea-meta"> <span class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/50cf12d205bfff6f9f454757437c1750?default=mm&rating=G&size=32" width="32" height="32" /> </span> <div class="idea-meta-created"> <div class="idea-meta-secondary"> Created 21 Jan 17:28 by Erwin Bomans </div> <div class="idea-meta-secondary"> Integrations </div> </div> <span class="comment-count"> <i class="fa-regular fa-comments"></i> 3 </span> <span class="status-pill" title="Reviewed" style="border: none; background-color: #E3ECFE">Reviewed</span> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </a> <div class="clearfix"></div> </li> </ul> </div> </div> </div> </div> <div class="right-sidebar"> <div class="sidebar-section"> <div class="signup-link"> <a href="/portal_session/new?return_to=%2Fideas%2FWEBFLOW-I-1422">Log in / Sign up</a> </div> </div> <div class="sidebar-section idea-subscription" id="idea-6596007981356949439-subscription"> <a class="btn btn-outline btn-subscribe" href="/auth/jwt?return_to=%2Fideas%2FWEBFLOW-I-1422%3Freturn_to_action%3Dsubscribe_6596007981356949439">Subscribe</a> <p class="reason">You won't be notified about changes to this idea.</p> <div class="popover subscribe-popover portal-user"></div> </div> <h3 class="sidebar-header"> Related ideas </h3> <div id="idea-related-ideas"> <img src="https://cdn.aha.io/assets/busy.b7e3690b94c43e444483fbc7927a6a9a.gif" /> <script> //<![CDATA[ $("#idea-related-ideas").load('/ideas/WEBFLOW-I-1422/related_ideas') //]]> </script> </div> </div> </div> </div> <script> //<![CDATA[ //]]> </script> <footer> <div class="w-container"> <span class="footer-text">© 2024, Webflow, Inc. All Rights Reserved.</span> <span class="footer-text footer-divider">|</span> <a class="footer-text footer-link" href="https://webflow.com">Webflow Home</a> <span class="footer-text footer-divider">|</span> <a class="footer-text footer-link" href="https://university.webflow.com/">Webflow University</a> </div> </footer> <script type="text/javascript"> try { window.ignoreEvalErrors = true; window.eval("//Replace post comment button if the user is not logged in\nvar commentBtn = document.querySelector(\".idea-comment a\");\nif (commentBtn){\n commentBtn.parentNode.removeChild(commentBtn);\n var alertDiv = document.createElement(\"div\");\n alertDiv.setAttribute('class', 'alert');\n var node = document.createTextNode(\"Log into your Webflow account to leave a comment.\");\n alertDiv.appendChild(node);\n var parentElement = document.querySelector(\"div.tabbable\");\n var referenceNode = document.querySelector(\"div.tab-content.comments-tab-content\")\n parentElement.insertBefore(alertDiv, referenceNode);\n}\n\n//Replace SSO alert in Edit Profile page\nvar ssoAlert = document.querySelector(\".edit-profile div.alert\");\nif (ssoAlert){\n ssoAlert.innerHTML = \"Update your profile through \u003ca href='https://webflow.com/dashboard/account/general'\u003eWebflow account settings\u003c/a\u003e\"\n}\n\n//Set message for empty wishlist\nvar ideasUl = document.querySelector(\"ul.list-ideas.ideas\");\nif (ideasUl){\n if (ideasUl.getElementsByTagName(\"li\").length == 0){\n var alertDiv = document.createElement(\"div\");\n alertDiv.setAttribute('class', 'alert');\n var node = document.createTextNode(\"No wishlist ideas found\");\n alertDiv.appendChild(node);\n var parentElement = document.querySelector(\"div.portal-content\");\n parentElement.appendChild(alertDiv);\n }\n}\n\n//Add custom styles for iframe\nwindow.onload = function() {\n checkIframeLoaded(10)();\n var titleEl = document.getElementsByTagName(\"title\")[0];\n var docEl = document.documentElement;\n\n if (docEl \u0026\u0026 docEl.addEventListener) {\n docEl.addEventListener(\"DOMSubtreeModified\", function(evt) {\n var t = evt.target;\n if (t === titleEl || (t.parentNode \u0026\u0026 t.parentNode === titleEl)) {\n titleModified();\n }\n }, false);\n } else {\n document.onpropertychange = function() {\n if (window.event.propertyName == \"title\") {\n titleModified();\n }\n };\n }\n};\n\nfunction titleModified() {\n checkIframeLoaded(10)();\n}\n\nfunction checkIframeLoaded(times) {\n return function() {\n // Get a handle to the iframe element\n var iframe = document.querySelector(\"div.mce-edit-area iframe\");\n if (iframe){\n var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;\n // Check if loading is complete\n if ( iframeDoc.readyState == 'complete' ) {\n // The loading is complete, call the function we want executed once the iframe is loaded\n afterLoading();\n return;\n } \n }\n\n if(times \u003e 0) { \n // If we are here, it is not loaded. Set things up so we check the status again in 100 milliseconds\n window.setTimeout(checkIframeLoaded(times - 1), 100);\n }\n }\n}\n\nfunction afterLoading(){\n var iframe = document.querySelector(\"div.mce-edit-area iframe\");\n if (iframe){\n var link = document.createElement('link');\n link.type = \"text/css\";\n link.rel = \"stylesheet\";\n link.href = \"https://d3e54v103j8qbb.cloudfront.net/css/wishlist-mce-styles-v2.93240b9fa7.css\";\n iframe.contentWindow.document.querySelector(\"head\").appendChild(link);\n }\n}"); } catch(e) { window.console && console.error(e); } </script> <div class="modal hide fade" id="modal-window"></div> </body> </html>

CINXE.COM

Turn Webflow websites in Progressive Web Apps | Webflow Wishlist